蓝戒的博客
-
Nov302017
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/jqu...阅读全文
-
Nov142017
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）
2.v...阅读全文
-
Jul192017
什么是js原型？
js每声明一个function，都有prototype原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加。
也就是说：当生产一个function对象的时候，就有一个原型prototype。
什么是原型链？
原型链是实现继承的主要方法。其基本思想是：利用原型让一个引用类型继承另一个应用类型的属性和方法。
简单回顾一下构造函数、原型和实例的关系：每个构造函数都有...阅读全文
-
Jul122017
1.什么是javascript的执行上下文(e xecution context)？
执行上下文可以认为是 代码的执行环境。
在JavaScript中有三种代码运行环境：
1）全局级别的代码 – 这个是默认的代码运行环境，一旦代码被载入，js引擎最先进入的就是这个环境,js解释器 创建一个 全局的执行上下文。
2）函数级别的代码 – 当执行一个函数时，运行函数体中的代码,会创建一个 函数的执行上下文。
3）Eval的代码 – 在Eva...阅读全文
-
Jul112017
通常而言在JS中, this的值取决于调用的模式, 而JS中共有4中调用模式:
1.方法调用模式
当一个函数被保存为对象的一个属性时, 我们称它为一个方法, 当一个方法被调用时, this指向该对象, 如:
var obj = {
value: 1,
getValue: function() {
alert(this.value);
}
};
obj.getValue(); // 输出1, 此时的this指向obj
注意: 该模式中, this到对象的绑定发生在方法被调用的时候.
2、函数调用模式
...阅读全文
-
Jul102017
什么是变量提升？
JavaScript引擎的工作方式是，先解析代码，获取所有的声明，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
关于声明提升是指：js在解析的时候总是会将var, function这类关键词的声明语句提升至该作用域的最顶部(注意：这里只会提升...阅读全文
-
Jun222017
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("compatible&...阅读全文
-
Jun072017
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 项目 的一个分支，原项目不支持 Time选择。
其它部分也进行了改进、增强，例如load过程增加了...阅读全文
-
Jun072017
intro.js插件Git项目地址：https://github.com/usablica/intro.js/
intro.js官网地址：http://introjs.com/
设置参数：
设置多个格式 json格式：
key:value
可设置参数
nextLabel: "Next →",
prevLabel: "← Back",
skipLabel: "Skip",
doneLabel: "Done",
tooltipPosition: "bottom",
tooltipClass: "",
highlightClass: "",
exitOnEsc: !0,
exitOnOverlayClick: !0,
sh...阅读全文
-
Mar272017
zTree简介：
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
zTree官网：http://www.treejs.cn/
项目地址：https://github.com/zTree/zTree_v3
zTree v3.5.28 API 文档：http://www.treejs.cn/v3/api.php
zTree Demo：http://www.treejs.cn/v3/demo.php
实践版本：zTree-verson : 3.5.28
1.首先引入：插件css和js文件
<lin...阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
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/jqu...阅读全文抢沙发
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） 2.v...阅读全文
什么是js原型？ js每声明一个function，都有prototype原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加。 也就是说：当生产一个function对象的时候，就有一个原型prototype。 什么是原型链？ 原型链是实现继承的主要方法。其基本思想是：利用原型让一个引用类型继承另一个应用类型的属性和方法。 简单回顾一下构造函数、原型和实例的关系：每个构造函数都有...阅读全文作者：cywcd | 分类：javascript | 阅读： 1,099 次 | 标签：原型
1.什么是javascript的执行上下文(e xecution context)？ 执行上下文可以认为是 代码的执行环境。 在JavaScript中有三种代码运行环境： 1）全局级别的代码 – 这个是默认的代码运行环境，一旦代码被载入，js引擎最先进入的就是这个环境,js解释器 创建一个 全局的执行上下文。 2）函数级别的代码 – 当执行一个函数时，运行函数体中的代码,会创建一个 函数的执行上下文。 3）Eval的代码 – 在Eva...阅读全文
通常而言在JS中, this的值取决于调用的模式, 而JS中共有4中调用模式: 1.方法调用模式 当一个函数被保存为对象的一个属性时, 我们称它为一个方法, 当一个方法被调用时, this指向该对象, 如: var obj = { value: 1, getValue: function() { alert(this.value); } }; obj.getValue(); // 输出1, 此时的this指向obj 注意: 该模式中, this到对象的绑定发生在方法被调用的时候. 2、函数调用模式 ...阅读全文作者：cywcd | 分类：javascript | 阅读： 968 次 | 标签：this
什么是变量提升？ JavaScript引擎的工作方式是，先解析代码，获取所有的声明，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。 关于声明提升是指：js在解析的时候总是会将var, function这类关键词的声明语句提升至该作用域的最顶部(注意：这里只会提升...阅读全文
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("compatible&...阅读全文作者：cywcd | 分类：javascript | 阅读： 1,363 次 |
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 项目 的一个分支，原项目不支持 Time选择。 其它部分也进行了改进、增强，例如load过程增加了...阅读全文作者：cywcd | 分类：javascript | 阅读： 2,892 次 |
intro.js插件Git项目地址：https://github.com/usablica/intro.js/ intro.js官网地址：http://introjs.com/ 设置参数： 设置多个格式 json格式： key:value 可设置参数 nextLabel: "Next →", prevLabel: "← Back", skipLabel: "Skip", doneLabel: "Done", tooltipPosition: "bottom", tooltipClass: "", highlightClass: "", exitOnEsc: !0, exitOnOverlayClick: !0, sh...阅读全文作者：cywcd | 分类：javascript | 阅读： 1,932 次 |
zTree简介： zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree官网：http://www.treejs.cn/ 项目地址：https://github.com/zTree/zTree_v3 zTree v3.5.28 API 文档：http://www.treejs.cn/v3/api.php zTree Demo：http://www.treejs.cn/v3/demo.php 实践版本：zTree-verson : 3.5.28 1.首先引入：插件css和js文件 <lin...阅读全文作者：cywcd | 分类：javascript | 阅读： 2,211 次 |