从零开始建站(五) - 文章导航目录
一、应用
这里列举几个使用文章导航目录的地方：
1.百度百科
可以看到下面百度百科为了使结构清晰，所以使用了2个目录，第一个目录就像我们写毕业论文的目录，第二个就像Word和pdf左侧的导航目录，而我这里就是使用的后者。优点就是阅读的全程都可以跳转到你想要到的位置。
2.Word、pdf...[2018/10/24]
JavaScript基础视频教程总结（021-030章）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>021-030章总结</title>
</head>
<body&...[2018/10/24]
Java用户自定义函数
用户除了可以使用JavaScript的内置函数之外，还可以自己定义函数。自定义函数有3种方法。
使用关键字 function 构造
语法：
function funcName([param1][,param2...}){
statements;
}
...[2018/10/24]
小程序实践（十）：textarea实现简单的编辑文本界面
textarea是官方的原生组件，用于多行输入
简单的例子，监听文本内容、长度，以及设置最大可输入文本长度
wxml
<view cla =''textarea-Style''>
<textarea placeholder=''...[2018/10/24]
js的深层克隆和浅层克隆代码和理解
<script>
判断是不是原始值
判断是数组还是对象
建立相应的数组或对象
var obj={
name:''辣鸡'',
sex:''male'',
card:[''laobi'',''feiwu'...[2018/10/24]
基于React-Native0.55.4的语音识别项目全栈方案基于React-Native0.55.4的语音识别项目全栈方案
移动端的API能力验证方案与PC端不一样！不一样！！不一样！！！
即使需要使用的API都存在，也不一定能用，这一点和PC端是有很大区别的，国内的手机系统虽然都是基于Android,但几乎都会经过各大厂商的定制，功能与原版Android系统并不是完全一致的，在考察技术方案的时候一定要确认用dem...[2018/10/24]
26个精选的JavaScript面试问题
欢迎关注微信公众号：程序员面试经验分享(ID：jobbible) 译者按： 从各个平台精选整理出26道由浅入深的题目助你面试 原文: Top 26 JavaScript Interview Questions I Wish I Knew 译者: Fund...[2018/10/24]
从零开始的全栈工程师——html篇2.7（JS数据类型具体分析）
JS数据类型具体分析与数据的三大存储格式
1. 字符串 string 2. 数字 number 3. 布尔 boolean 4. null 空 5. undefined 未定义 ↑↑↑叫基本数据类型 基本数据类型就是简单的赋值
6. 对象 ...[2018/10/23]
函数，函数的四种定义， - web探索者-奋斗
函数
1.函数的关键字 function
复习
var 是js的关键字，用于表示声明变量，声明是在内存模块完成，定义（=）是执行模块完成。
var 客园在内存模块提前（js代码执行前）完成所以有变量提升这个功能。
function 也是js1的关键字，用于声明和定义函数的，声...[2018/10/23]
查看浏览器中Cookie信息
一般在浏览器的设置中能找到Cookie的相关设置和查看信息 在js中使用 alert(document.cookie) 也能查看到当前页面的 Cookie 信息 实现方式 1、若是自己开发的页面 直接在js中添加 alert(document.cookie)代码即可 2、a.按F12进入浏览器的...[2018/10/23]
javascript学习笔记之this用法javascript学习笔记之this用法
javascript中的this学习起来相对复杂，最近花了点时间研究，总结起来大概这只有5种情况，相信只要熟悉这5种用法，基本是可以解决所有的this问题，文本不介绍this设计原理，只介绍用法，阅读本文，你需要了解javascript执行上下文环境，博主写这种文章的目的，主要还是给自己做下笔记，...[2018/10/23]
JS(JavaScript）的初了解5（更新中···）JS(JavaScript）的初了解5（更新中···）
1.函数 关键词function
首先，我们先复习一下前面的知识：
var 是JS的关键字，用于声明变量，声明在内存模块完成，定义（=）是在执行模块完成。
var可以在内存模块提前（JS代码执行前）完成所以有变量提升这个功能。
为什么会出现图中的这种情况呢？
因为a没有带v...[2018/10/23]
使用JavaScript制作一个好看的轮播图使用JavaScript制作一个好看的轮播图
目录
使用JavaScript制作出好看的轮播图效果
准备材料
1.图片若干张（包括轮播图和按钮的图片）
2.将按钮的图片应用到按钮上的CSS样式文件
3.实现轮播和点击跳转的JavaScript代码
4.用html将他们联系起来！
使用JavaScript制作出好看的轮播图效果
准备材料...[2018/10/23]
原型链、闭包四种作用、继承、命名空间、枚举类型（day13）
原型链
JavaScript 对象是动态的属性“包”（指其自己的属性）。JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。
在不...[2018/10/23]
写给大家看的设计书（第3版）PDF下载高清完整扫描原版
这本书出自一位世界级设计师之手。复杂的设计原理在书中凝炼为亲密性、对齐、重复和对比4 个基本原则。作者以其简洁明快的风格，将优秀设计所必须遵循的这4 个基本原则及其背后的原理通俗易懂地展现在读者面前。本书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。
此书适用于各行各...[2018/10/23]
js实现复选框的全选、全不选和反选
js实现复选框的全选、全不选和反选 主要是用遍历的方法查找元素，然后通过改变checked的属性来选择，为true则是选中状态，为false则是未选状态 实现代码 1 <!DOCTYPE html> 2 <html...[2018/10/23]
小程序分包加载
开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。
在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必须包含
一个主包，所谓的主包，即放置默认启动页/TabBar 页面，以及一些所有分包需要用到
整个小程序所有...[2018/10/22]
webpack4 系列教程(十四)：Clean Plugin and Watch Mode
作者按：因为教程所示图片使用的是 github 仓库图片，网速过慢的朋友请移步《webpack4 系列教程(十四)：Clean Plugin and Watch Mode》原文地址。更欢迎来我的小站看更多原创内容：godbmw.com，进行“姿势”交流 ?(^?^*)
0. 课程介绍和资料
...[2018/10/22]
JavaScript day1（注释）JavaScript day1（注释）
JavaScript中的注释方式有两种：
单行注释，使用 。
This is an in-line comment.
多行注释，以/*开始，用*/来结束。
/* This is a
multi-line comment.*/
[2018/10/22]
webpack4 系列教程(十五)：开发模式与webpack-dev-server
作者按：因为教程所示图片使用的是 github 仓库图片，网速过慢的朋友请移步《webpack4 系列教程(十五)：开发模式与 webpack-dev-server》原文地址。更欢迎来我的小站看更多原创内容：godbmw.com，进行“姿势”交流 ?(^?^*)
0. 课程介绍和资料
>...[2018/10/22]
更改Visual Studio Code为中文字体最有效的方法
更改Visual Studio Code为中文字体最有效的方法。
网址：https: marketplace.visualstudio.com/
根据提示就可以更改。[2018/10/22]
Vue父子组件之间的传值
1.vue是如何进行父子组件之间的传值的
a.父子组件之间通过props
b.子父组件之间通过$emit
2.简单demo描述
父组件包含一个点击按钮，用于改变子组件的显示与隐藏；
子...[2018/10/22]
js简单时分秒倒计时js简单时分秒倒计时
效果：
javascript：
<script type="text/javascript">
function countTime() {
获取当前时间
var date = new Date();
...[2018/10/22]
select下拉框选择字体大小
效果：
结合Bootstrap、jQuery和ES6字符串模板与箭头函数使用JavaScript DOM操作动态添加option，随着option:selected选中的字号而改变相应的字体大小
代码:
<!DOCTYPE html>
<html>...[2018/10/22]
Javascript 流程控制
流程控制
JavaScript通过流程语句来执行程序流，程序流有若干语句组成。在正常情况下，程序中 的语句时按照书写顺序执行的，这种结构称为顺序结构。除了顺序结构之外还有选择结构和循环结构。
1.选择结构
（1）if-else语句
语法：
if（condition）{
...[2018/10/21]
【webpack插件使用】在开发中快速掌握并使用Webpack构建web应用程序
1.webpack-dev-server插件的基本使用
入门程序
const path = require(''path'');
导出一个Webpack的配置对象（通过node中的模块操作，向外暴露了一个配置对象）
module.exports = {
需要在这里手动指定...[2018/10/21]
攻破javascript面试的完美指南【译】
攻破javascript面试的完美指南(开发者视角)
0. 前言
本文适合有一定js基础的前端开发人员阅读。原文是我google时无意发现的， 被一些知识点清晰的解析所打动， 决定翻译并记录下来。这个过程断续进行了两个月， 期间工作遇到的部分疑问也在文中找到了答案。这篇好的文章值得被推荐。
...[2018/10/21]
【源码】防抖和节流源码分析
前言
防抖、节流主要用于频繁事件触发，例如鼠标移动、改变窗口大小等。lodash等函数库具备相对应的api， _.debounce 、_.throttle。
核心技术：闭包。
区别：
防抖， 连续触发， 第一次和最后一次触发有效
节流， 一段时间内仅触发一次（第一次）
本文以防抖函数为例...[2018/10/21]
dorado 7 使用总结
最近项目上需要，使用了dorado 7 ，总体感觉还可以，快速开发很方便，然而在方便的同时，难免有些太过繁琐，很多东西都封装了起来，会造成很多不便。因此快速开发的项目可以使用，其它的不推荐。现在打算将过去使用dorado7时遇到的，一些有趣的地方记录下来，方便以后参考。
1.DataSet数据...[2018/10/21]
JavaScript常用函数JavaScript常用函数
JavaScript常用函数
常规函数
数组函数
日期函数
数学函数
字符串函数
常规函数
(1)alert函数：显示一个警告对话框，包括一个OK按钮。（alert("输入错误");）
(2)confirm...[2018/10/21]
echarts 实现数据(tooltip)自动轮播插件echarts 实现数据(tooltip)自动轮播插件
前言
最近, 工作中要做类似这种的项目. 用到了百度的 echarts 这个开源的数据可视化的框架.
因为投屏项目不像PC端的WEB, 它不允许用户用鼠标键盘等交互. 有些图表只能看到各部分的占比情况, 不能显示具体的数值.
比如:
得让页面的数据(即tootips)自动轮播数据,效...[2018/10/21]
ES6 开发规范-最佳实践
ES6 开发规范（最佳实践）
本文为开发规范，收集方便日后查看。
【开发规范】https: blog.csdn.net/zzzkk2009/article/detail 53171058?utm_source=blogxgwz0
【最佳实践】https: blog.csdn.net/vbdff...[2018/10/21]
纯JS实现轮播图特效——详解
<div id="slider">
<div id="sliderImgs">
<img src="img/mi04.jpg" width="1000px"/>
...[2018/10/21]
基于Webpack, KnockoutJs,esyui,koeasyui实现类vue-cli生成的模板框架
前后端分离的开发机制，基本上是开发现代业务系统的标配。可在国内某些特殊领域还是存在大量的以JQuery走天涯的现象，但其中也不泛有追求技术者，如不才的鄙人。不才的本人曾以JQuery走天涯；后又接受了Knockoutjs，被他MVVM思...[2018/10/21]
js实现字体和容器宽高随窗口改变
用于字体大小和容器的宽高字体和宽高设为rem就可以了
var html = document.documentElement; function fonts(){ var hW = html.offsetWidth;&...[2018/10/21]
原来 JS 是这样的 - 关于 this原来 JS 是这样的 - 关于 this
引子
习惯了别的语言的思维习惯而不专门了解 JavaScript 的语言特性的话，难免踩到一些坑。 上一篇文章 中简单总结了关于 提升, 严格模式, 作用域 和 闭包 的几个常见问题，当然这仅仅是了解 JavaScript 的一个开始，这次则依然从另一个大多人都见过但很容易搞错的概念开始了解 Ja...[2018/10/21]
使用微信小程序开发弹出框应用实例详解使用微信小程序开发弹出框应用实例详解
view cla ="container" cla ="zn-uploadimg">
<button type="primary"bindtap="showok">消息提示框</button>
<button type="primary"...[2018/10/20]
深入理解移动前端开发之viewport
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。
一、viewport的概念
通俗的讲，移动设备上的view...[2018/10/20]
值得收藏的八个常用的js正则表达式
开发中如果有input输入框，难免就要写正则表达式，因此在这里总结了一些常见常用的正则表达式的书写方法，希望会大家有所帮助；
附图：
一.手机号码
$(document).ready(function(){
判断输入手机号码...[2018/10/20]
js中自定义react数据验证组件实例详解
我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等，我们需要在相应的地方给出提示信息。如果用户修正了数据，我们还要将提示信息隐藏起来。
有一些现成的插件可以让你非常方便地实现这...[2018/10/20]
ES6 系列之 Generator 的自动执行的方法示例
单个异步任务
var fetch = require(''node-fetch'');
function* gen(){
var url = ''https: api.github.com/user github'';
var result = yield fet...[2018/10/20]
webstorm中配置Eslint的两种方式及差异比较详解
写在前面
这两种方式的配置基本相同，都是配一下node地址，Eslint执行文件的地址，Eslint的配置文件（就是.eslintrc）等，而且网上很方便就可以搜索到，就不多说了。
之所以要比较一下两者的差异，就是因为对于没有配置过的同学来说，看了诸如“怎么在webstorm下配置Esli...[2018/10/20]
在小程序Canvas中使用measureText的方法示例在小程序Canvas中使用measureText的方法示例
有时候我们在使用Canvas绘制一段文本时，会需要通过measureText()方法获取文本的宽度，例如：
创建canvas标签
<canvas id="canvas"></canvas>
获取一段文本的宽度
var canv...[2018/10/20]
浅析JS中什么是自定义react数据验证组件
我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等，我们需要在相应的地方给出提示信息。如果用户修正了数据，我们还要将提示信息隐藏起来。
有一些现成的插件可以让你非常方便地实现这一功...[2018/10/20]
使用pkg打包Node.js应用的方法步骤
Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器上安装Node.js。虽说没有麻烦到哪里去，但毕竟多了一个步骤，特别是对于离线环境下的部署机，麻烦程度还要上升...[2018/10/20]
vue+VeeValidate 校验范围（部分校验，全部校验）
搜索很久，没有发现有关于vue+VeeValidate部分校验的。自己写一个。
主要是两个场景： 1. 校验范围内，所有的字段。 2. 校验全局所有字段。主要方法： 1.validate(fields, scope) 2. validateAll(fiel...[2018/10/20]
从零开始的全栈工程师——html篇2.4
条件语句与循环语句
变量提升：
变量提升是浏览器的一个功能，在运行js代码之前，浏览器会给js一个全局作用域叫window
，window分两个模块，一个叫内存模块，一个叫运行模块，内存模块找到当前作用域下的所有带var和function的关键字，
执行模块执行js代码，从上到下执行，遇到变...[2018/10/20]
JS(JavaScript）的初了解4（更新中···）JS(JavaScript）的初了解4（更新中···）
1.JS的本质就是处理数据。数据来自于后台的数据库。
所以变量就起到一个临时存储数据的作用。
ECMAScript制定了JS的数据类型。
数据类型有哪些？
字符串 String
数字 Number
布尔 &...[2018/10/20]
Json对象与Json字符串的转化
1.jQuery插件支持的转换方式：
$.parseJSON( jsonstr ); jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
2.浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie...[2018/10/20]
JavaScript访问对象的属性和方法
对象的属性和方法统称为对象的成员。
访问对象的属性
在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。
二者区别：“ . ”表示法一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时就非常有用。
var object = {name:''xia...[2018/10/20]
经验首页