handsontable是目前在前端界最接近excel的插件，可以执行编辑，复制粘贴，插入删除行列，排序等复杂操作。拥有jQuery、react、ng和vue版本，功能强大，是复杂表格的不二之选。 下面介绍一下handsontable表格控件在vue项目中的使用方法： 1.安装模块包 这样安装完handsontable依赖的各模块（moment、numbro、pikaday 、zeroclipboard）也一起安装完了，不必再单独安装 页面如果使用相关的模块方法，可以直接import引入，例如使用moment中的格…
插件支持多个水印文字，水印文字每行错开，通过canvas实现动态文字背景平铺比网上其他dom方式实现性能较优。 网页文字水印背景插件地址： https://github.com/codingforme/jquery-watermark 使用方法： 1.引入js库 2. 调用jquery.watermark插件方法 $('body').watermark({ texts : ["webzsky蓝戒博客", "文字水印插件"], //水印文字 textColor : "#dedede", //文字颜色 t…
Chosen 是一个支持jquery的selec t下拉框美化插件，它能让丑陋的、很长的selec t选择框变的更好看、更方便。不仅如此，它更扩展了selec t， 增加了自动筛选的功能。它可对列表进行分组，同时也可禁用某些选择项。 demo：https://harvesthq.github.io/chosen/ chosen的使用方法： 1. 引入jquery库和脚本 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.mi…
vue项目开发总结 vue项目搭建使用的官方脚手架：vue-cli；UI库是vux；打包工具使用webpack；状态管理vuex。 1.npm在国内的网络环境下可能会比较慢，解决方案： 使用淘宝镜像: 1>.官方网址：http://npm.taobao.org； 2>.安装，使用config命令： npm config set registry https://registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字符串response） …
什么是js原型？ js每声明一个function，都有prototype原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加。 也就是说：当生产一个function对象的时候，就有一个原型prototype。 什么是原型链？ 原型链是实现继承的主要方法。其基本思想是：利用原型让一个引用类型继承另一个应用类型的属性和方法。 简单回顾一下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。 原型和原型…
1.什么是javascript的执行上下文(e xecution context)？ 执行上下文可以认为是 代码的执行环境。 在JavaScript中有三种代码运行环境： 1）全局级别的代码 – 这个是默认的代码运行环境，一旦代码被载入，js引擎最先进入的就是这个环境,js解释器 创建一个 全局的执行上下文。 2）函数级别的代码 – 当执行一个函数时，运行函数体中的代码,会创建一个 函数的执行上下文。 3）Eval的代码 – 在Eval函数内运行的代码,创建 一个 eval 执行上下文。 为了表示不同的运行环境，J…
通常而言在JS中, this的值取决于调用的模式, 而JS中共有4中调用模式: 1.方法调用模式 当一个函数被保存为对象的一个属性时, 我们称它为一个方法, 当一个方法被调用时, this指向该对象, 如: var obj = { value: 1, getValue: function() { alert(this.value); } }; obj.getValue(); // 输出1, 此时的this指向obj 注意: 该模式中, this到对象的绑定发生在方法被调用的时候. 2、函数调用模式 当一个函数并非一…
什么是变量提升？ JavaScript引擎的工作方式是，先解析代码，获取所有的声明，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。 关于声明提升是指：js在解析的时候总是会将var, function这类关键词的声明语句提升至该作用域的最顶部(注意：这里只会提升声明部分)。 变量提升只对var命令声明的变量有效，如果一个变量不是用var命令声明的，就不会发生变量提升。 什…
js判断浏览器类型并区分IE不同版本代码： function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera var isMaxthon = userAgent.indexOf("Maxthon") > -1 ; //判断是否傲游3.0 var isIE = userAgent.indexOf(…
bootstrap-datetimepicker日期时间选择插件 git项目地址：https://github.com/smalot/bootstrap-datetimepicker 官网地址：http://www.malot.fr/bootstrap-datetimepicker/ 下载地址：https://github.com/smalot/bootstrap-datetimepicker/archive/master.zip 此项目是bootstrap-datetimepicker 项目 的一个分支，原项目不…