写在前面 这两种方式的配置基本相同，都是配一下node地址，Eslint执行文件的地址，Eslint的配置文件（就是.eslintrc）等，而且网上很方便就可以搜索到，就不多说了。 之所以要比较一下两者的差异，就是因为对于没有配置过的同学来说，看了诸如“怎么在webstorm下配置Esli...[2018/10/20]

有时候我们在使用Canvas绘制一段文本时，会需要通过measureText()方法获取文本的宽度，例如： 创建canvas标签 <canvas id="canvas"></canvas> 获取一段文本的宽度 var canv...[2018/10/20]

我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等，我们需要在相应的地方给出提示信息。如果用户修正了数据，我们还要将提示信息隐藏起来。 有一些现成的插件可以让你非常方便地实现这一功...[2018/10/20]

Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器上安装Node.js。虽说没有麻烦到哪里去，但毕竟多了一个步骤，特别是对于离线环境下的部署机，麻烦程度还要上升...[2018/10/20]

promise俗称链式调用，它是es6中最重要的特性之一 简单的说可以不停的then调用嵌套在调用（异步之后，链式调用方式执行回调），这种操作方式称为promise then()方法的作用是Promise实例添加解决（fulfillment）和拒绝（rejection）状态的回调函...[2018/10/20]

webpack 的使用越来越广泛，但其中不乏很多鲜为人知的细节设置，甚至很多人会认为这是 webpack 的 bug。这次，我们就来聊一聊 webpack.optimize.CommonsChunkPlugin。 这个 plugin 我相信几乎90%的用 webpack 的都用了这个，但我...[2018/10/20]

搜索很久，没有发现有关于vue+VeeValidate部分校验的。自己写一个。 主要是两个场景： 1. 校验范围内，所有的字段。 2. 校验全局所有字段。主要方法： 1.validate(fields, scope)      2. validateAll(fiel...[2018/10/20]

条件语句与循环语句 变量提升： 变量提升是浏览器的一个功能，在运行js代码之前，浏览器会给js一个全局作用域叫window ，window分两个模块，一个叫内存模块，一个叫运行模块，内存模块找到当前作用域下的所有带var和function的关键字， 执行模块执行js代码，从上到下执行，遇到变...[2018/10/20]

1.JS的本质就是处理数据。数据来自于后台的数据库。 所以变量就起到一个临时存储数据的作用。 ECMAScript制定了JS的数据类型。 数据类型有哪些？ 字符串   String 数字    Number 布尔   &...[2018/10/20]

1.jQuery插件支持的转换方式： 　　$.parseJSON( jsonstr ); jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象   2.浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie...[2018/10/20]

对象的属性和方法统称为对象的成员。 访问对象的属性 在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。 二者区别：“ . ”表示法一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时就非常有用。 var object = {name:''xia...[2018/10/20]

在一个index.html文件里先后导入a.js和b.js文件 a.js文件里写上var s = 2;console.log(s); b.js文件里写上var s = 5; 这时a.js和b.js用了相同的变量名，这就是命名冲突 命名冲突会导致如果修改b.js里那个重名的变量，则a.js里的重名变...[2018/10/20]

什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex） Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成...[2018/10/20]

  问题：layer文件路径放置出错 解决：layer文件如图：都放在创建的JS文件里，而不是单独的layer.js文件。    [2018/10/20]

生命周期： ionViewDidLoad(){ console.log("1.0 ionViewDidLoad 当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发"); } ionViewWillEnt...[2018/10/20]

由于经常搞混这几个属性，所以查找资料总结一下，方便以后翻出来温习。 一、偏移量-以offset开头的 　　1、offsetHeight：元素在垂直方向上占用的空间大小，像素。包括元素的高度、可见的水平滚动条的高度、上边框高度和下边框高度。 　　2、offsetWidth：同上，水平上占用的空间...[2018/10/20]

javascript JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 ...[2018/10/20]

解决方案 可以安装整个stage2的预置器或者安装 Object Rest Operator 的babel插件 babel-plugin-transform-object-rest-spread 。 接着在babel的配置文件 .babelrc&...[2018/10/20]

JS中对URL进行转码与解码 1.escape 和 unescape escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。 采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被...[2018/10/20]

jquery中的ajax方法参数 url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 timeout:...[2018/10/20]

在chrome浏览器下页面加载：                   var top = $("body").scrollTop()  ;       &n...[2018/10/20]

[2018/10/20]

转自：http: www.iteye.com/topic/1119283 对jquery理解比较深，积累一下,整理了一下格式，就当练习一下 markdown 语法. 本文将结合jQuery源码的实现原理，对javascript中涌现出的编程范式和常用技巧作一简单介绍。 1. AJAX: 状...[2018/10/20]

1 安装 Package Control 1.1 ctrl + ` 呼出控制台 1.2 复制(不要带最外层的双引号，该代码仅适用于sublime text 3)“ import urllib.request,os; pf = ''Package Control.sublime-package'';...[2018/10/20]

插件下载：http: www.jq22.com/jquery-info522 插件介绍 先上一个图：   下载地址：https: github.com/nghuuphuoc/bootstrapvalidator 使用方法：http: www.cnblogs.com/huang...[2018/10/20]

CSS基础 什么是CSS 简单来说，层叠样式表（Cascading Style Sheet）是一种专门用来控制界面外观风格的文档。 CSS发展历史 1996年 CSS 1.0 规范面世，其中加入了字体、样色等相关属性。 1998年 CSS 2.0 规范推出，这个版本的 CSS 也是最广为人知的一...[2018/10/20]

label标签和特定表单控件关联之后，如果用户在 label 元素内点击文本，就会触发关联的表单控件。就是说，当用户选择该label标签时，浏览器就会自动将焦点转到和label标签相关的表单控件上。 label标签常用于与checkbox或radio关联，以实现点击文字也能选中/取消checkb...[2018/10/20]

方案：transitionDuration设为0； 如图，发现关闭tooltip后现象消失，猜测与tooltip有关。 经过仔细观察，鼠标在快速移动时tooltip会延迟移动，就是这个时间差，让鼠标悬浮在了tooltip上面，导致tooltip浮层阻止了地图的hover事件，然后tooltip...[2018/10/20]

HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 ...[2018/10/20]

  事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件。绑定事件方法的第三个参数，就是控制事件触发顺序是否为事件捕获。true,事件捕获；false,事件冒泡。默认false,即事件冒泡。 <div id="pa...[2018/10/19]

前言 　　最近在弄个人的网站，偶然间发现DIV可以设置编辑模式，之前设计的方案在此功能上需要限制输入的长度。网上搜索了一波，综合搜索的结果，考虑使用的监听事件有：keydown 、textInput 、input。因为可能输入中文，所以也要监听compositionstart和compositio...[2018/10/19]

详情源码请参见下方的 GitHub  !!!  1     <div> 2         <b>调用...[2018/10/19]

作者按：因为教程所示图片使用的是 github 仓库图片，网速过慢的朋友请移步《webpack4 系列教程(十三)：自动生成 HTML 文件》原文地址。更欢迎来我的小站看更多原创内容：godbmw.com，进行“姿势”交流 ?(^?^*) 0. 课程介绍和资料 >>>本节课...[2018/10/19]

可根据获取到的经纬度查询到所在的地理位置。 <p><button onclick="geoFindMe()">Show my location</button></p> <div id="out"><...[2018/10/19]

1.js的数据类型有哪些？ 2.全局方法和全局属性？ 一 1.js的本质就是处理数据，数据来自后台的数据库。所以变量就起到一个临时存储数据的作用。 ECMAScript 制定了js的数据类型。 数据类型有哪些？ 1.字符串  string 2.数字    ...[2018/10/19]

export function deteleObject(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = O...[2018/10/19]

1.parseInt()　   整数型　字符串中的数字取整 遇到第一个是非数字的字节就结束了。   2.parseFloat　浮点型　字符中的数字取整数和小数，有两个小数点的话第二个小数点无效第二个小数点后的值也无效   遇到第一个是非数字的字...[2018/10/19]

　　我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等，我们需要在相应的地方给出提示信息。如果用户修正了数据，我们还要将提示信息隐藏起来。 　　有一些现成的插件可以让你非常方便地实现这...[2018/10/19]

1.node.js是什么？ 　　（1）node.js不是一门编程语言， 是一个开发平台，就像Java开发平台，Net平台，PHP开发平台，Apple开发平台。（何为开发平台？有对应的编程语言，有语言运行时，有能实现特定功能的API (SDK:Software Development Kit）） ...[2018/10/19]

1. {}　　在JS中我们把它叫代码块。如果代码块里的内容没有执行完，语句不会向下执行。 代码块是一个独立的整体。如果JS中某一条语句出错，那么就会在此终止不会向下执行。 2.　循环语句 　　　　循环，就是对一个整体进行逐个查找，找出符合条件的值 　　　　循环： 　　　　　　（1）从什么...[2018/10/19]

一。鼠标点击获取搜索条件中的被选中的值 创建方法  getAttrValue() 方法，每次的 .click 都要调用  function  getAttrValue(){} 例如，把选中的值给到属性 data-value 。只需要每次点击，获取 li.a...[2018/10/19]

前言 一直在想要不要写下这篇，因为网上关于websocket的介绍和使用的好文实在太多太多，例如有这篇和这篇。 但我不管了，写下来，这样我就不用在想使用的时候总是去翻写过的源码了。   先回答几个简单的问题。 什么是websocket？websocket有什么用？什么时候用we...[2018/10/19]

标题 <h1> 段落<p> 链接< href=""> 图像<img src="">自关闭元素，不需要结束标记 换行标志<br> HTML 元素以开始标签起始 HTML 元素以结束标签终止 HTML 文档由嵌套的 HTML 元素（可以包含...[2018/10/19]

<input type="text"  maxlength="5" />   效果ok， 当 <input type="number"  maxlength="5" />时maxlength失效，长度可以无限输入。 解放方案： ...[2018/10/19]

一 单位 1.px 就是一个基本的单位 像素 2.em 也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。 3.rem 也是一个单位，只跟根节点<html>的字体大小有关，如果没有默认是16px。 ...[2018/10/19]

  表单标记  1.普通文本框： <input type=”text” name=”名称” value=”值”;不写value默认为空/> 2.密码框：<input type=”pa word” name=”名称” ...[2018/10/19]

  方法一：外层给： display: table  ---区别： 子元素的 width=100%;              内层给： display: table-cell; ...[2018/10/19]

  高级选择器: 后代选择器 子代选择器 并集选择器 交集选择器 一、后代选择器: 　　使用空格表示后代选择器,父元素的后代(包括儿子,孙子,从孙子) 　　也就是说,box类下的所有span标签 字体颜色都被设置为了红色 .box span{ color:red; ...[2018/10/19]

伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器 遵循"爱恨准则",LoVe HAte /*没有被访问的a标签的样式*/ .box ul li.item1 a:link{ color: #666; } ...[2018/10/19]

  直接上答案 <style> 　　input[type=''number'']{-moz-appearance:textfield;} 　　input[type=number]::-webkit-inner-spin-button, 　　input[type=numbe...[2018/10/19]