Javascript
文章平均质量分 55
吾心无待
天行健,君子以自强不息
展开
-
jQuery笔记
Books《jQuery Mobile》 完 《jQuery Mobile快速入门》 完《jQuery 高级编程》 完《jQuery UI 开发指南》 看完《jQuery 用户界面库学习指南》 看完《jQuery 权威指南》 看完(好书)《jQuery 实战》 看完《jQuery 攻略》 看完《锋利的 jQuery》 看完《巧用 jQuery》 看完《Mobile JavaScript Application》 《精彩绝伦的 jQuery》 看完《精通 JS 脚本之原创 2021-05-09 23:36:12 · 84 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(三) 字符串
一、字符串新方法 1. chatCodeAt: 2. fromCodePoint: 3. at:ES7 方法 4. normalize: 5. includes: 6. startsWith: 7. endsWith: 8. repeat: 9. padStart: 10. padEnd: 11. 模板字符串:使用反引号` 定义多行语句。let name = 'Bob...原创 2018-06-27 13:01:59 · 147 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(四) 正则表达式
var regex = new RegExp('xyz','i');var regex = /xyz/i;var regex = new RegExp(/xyz/i);//创建原正则对象的拷贝console.log(new RegExp(/abc/ig,'i').flags);//指定第二个参数会覆盖原有模式// 使用 u 修饰符/^\uDB3D/u.test('\uD83D\uDC2A...原创 2018-06-27 13:25:17 · 178 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(五) 数值类型
console.log(0o11);//八进制表示法 9console.log(0b0101);//二进制表示法 3conole.log(Number.isFinite(15));//trueconsole.log(Number.isFinite(0.8));//trueconsole.log(Number.isFinite(NaN));//falseconsole.log(Numbe...原创 2018-06-27 14:09:38 · 111 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(六) 数组
var divs = document.querySelectorAll('div');var arr = Array.from(divs);//将对象转为数组arr.forEach(console.log);var nums = Array.of(3,11,8);//[3,11,8][1,2,3,4,5].copyWithin(0,3);//[4, 5, 3, 4, 5][1,2,3...原创 2018-06-27 14:41:37 · 124 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(七) 函数和对象
function get(url,{body='',headers={}}){}get('http://www.baidu.com',{});//正常get('http://www.baidu.com');//报错const mySort = (...numbers) => numbers.sort();//rest 参数[1,2,3].concat(['a','b','c']);...原创 2018-06-27 16:31:55 · 136 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(八) Symbol 类型
//ES6 引入js 第七种基本数据类型,除了原来的 Number,String,Object,Bool,Null,undefined,新加入了Symbol类型let s = Symbol();console.log(typeof s);//输出 symbol,小写的symbol 坑!let s1 = Symbol('foo');//console.log(typeof s1);//输出 ...原创 2018-06-27 17:11:36 · 151 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(九) Proxy 和 Reflect
var obj = new Proxy({},{ get:function(target,key,receiver){ console.log(`getting ${key}`); return Reflect.get(target,key,receiver); }, set:function(target,key,value,receive...转载 2018-06-27 17:52:13 · 154 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(十) Set、WeakSet、Map、WeakMap
一、Set:Set 是一种类似于数组但成员值都是唯一的数据结构var s = new Set();[2,3,4,5,3,5,6,1,3,2].map(x=>s.add(x));for(i of s){ console.log(i);}var set = new Set([1,4,4,]);console.log(set);// {1,4} ,对象形式console....原创 2018-06-28 09:45:40 · 150 阅读 · 0 评论 -
Python 常用函数
–python–一、字符串函数len('123') #返回字符串长度原创 2018-06-28 06:01:13 · 1263 阅读 · 0 评论 -
Vue.js 自定义过滤器
Vue.filter('reverse',function(value)){ return value.spilt('').reservse().join('');});<span v-text="msg | reverse"></span>Vue.filter('wrap',function(value,begin,end){ return be...转载 2018-07-04 13:20:10 · 218 阅读 · 0 评论 -
Vue.js 实例方法
一、组件树访问 1. $parent:用来访问当前组件实例的父实例 2. $root:用来访问当前组件树的根实例,如果当前组件没有父实例,$root指向当前组件实例本身。 3. $children:用来访问当前组件实例的直接子组件 4. $refs:用来访问使用了 v-ref 指令的子组件 二、DOM 访问 1. $el:用来访问挂载当前组件实例的 DOM 元素 2. $els:用...转载 2018-07-04 13:39:06 · 481 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(十一) Iterator
一、迭代器的工作原理 1. 创建一个指针对象,志向当前数据结构的起始位置; 2. 每次(第n次)调用该指针对象的next方法时,指针指向数据结构的第n个成员 3. 不断调用指针对象的next方法,直到它指向数据结构的结束位置。 4. 具备Iterator 接口的对象可以被for…of 循环遍历。ES6中数组、Set和 Map结构原生具备 Iterator 接口。let arr = ...原创 2018-06-29 09:26:57 · 184 阅读 · 0 评论 -
jQuery 插件(一) —— jQuery 插件的写法和优化经验
//以;符开头和结尾用以防止多个js文件代码压缩后出错//传入window,document 用以加快 jQuery 查询速度;(function($,window,document,undefined){ $.fn.pinkify = function(){ //jQuery 插件中 this 指向jQuery 元素 return this.each(原创 2018-12-05 21:47:34 · 134 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(二)
一、变量的解构赋值 1、数组解构let [foo,x,,y] = [1,2,3,4];console.log(foo);//1console.log(x);//2console.log(y);//4let [a,b=4,c] = [,,3];console.log(a);//undefinedconsole.log(b);//取默认值 4console.log(c);//4...原创 2018-06-27 11:51:56 · 95 阅读 · 0 评论 -
ECMAScript 6 —— 知识点(一)
ECMAScript 6 —— 知识点(一)一、let 命令: 块级作用域:ES5只有全局作用域和函数作用域,没有块级作用域,ES6 引入块级作用域可以有效解决局部变量覆盖全局变量,局部变量提升引发变量泄露为全局变量等问题。ES6允许块级作用域的任意嵌套,但是外层作用域无法读取内层作用域的值。 let 命令用于声明只在指定代码块内有效的变量。若在代码块该let声明前使用该变量,则抛原创 2018-06-27 09:38:04 · 153 阅读 · 0 评论 -
jQuery 知识点 (三) —— jQuery 元素筛选
<html><head> <meta chartset="utf-8"> <title>jQuery 元素筛选</title></head><body> <div class="c1"> <ul id="colorlist"> <li><span>红色</span></li> <li><span>黄色</s原创 2016-09-09 20:23:28 · 387 阅读 · 0 评论 -
jQuery 知识点 (四) —— jQuery 常用的的 DOM 函数
var speed = 1000;//speed参数均以毫秒为单位var callback = function(){console.log("回调函数!");}var clickFunc = function(){console.log("单击事件触发!");}var $div = $("<div id='test'></div>");//创建一个 div,使用$开头来命名jquery对象是原创 2016-09-09 21:10:20 · 246 阅读 · 0 评论 -
jQuery 知识点 (五) —— jQuery 事件
1、jQuery 元素相关的事件和方法var $div = $("<div></div>");$div.ready(function(){ console.log("DOM 加载完成时执行!");});var events = "click change blur";/*** $(selector).on(events,[child],[data])* @param events原创 2016-09-10 02:59:54 · 277 阅读 · 0 评论 -
jQuery 知识点(六) —— jQuery 工具函数和全局属性
一、类型判断函数var obj = { name : "car"};$.type(obj);//jQuery 对象类型判断函数console.log($.type(obj));// 返回 objectconsole.log($.type(null));// 返回 nullconsole.log($.type([]));// 返回 array$.isEmptyObject("");//检查一原创 2016-09-10 05:01:18 · 262 阅读 · 0 评论 -
jQuery 知识点(七) —— jQuery 性能优化
jQuery 性能优化1、使用链式操作提高效率 $("#id").addClass("highlight").append("<div></div>");2、尽可能缩小搜索范围,如 children() 查找第一层后代元素,find() 查找所有后代元素,注意其区别 3、缓存变量,特别是在函数内部使用var $this = $(this); 有利于减少 jQuery 函数查找过程,同时避免函数嵌套原创 2016-09-10 11:05:45 · 227 阅读 · 0 评论 -
jQuery 知识点 (八) —— 延迟对象
Deferred (延迟)对象: 类似于委托链的一类对象,但其拥有自身的方法来延迟返回函数的执行的成功或失败状态,该是拥有异步方法和函数回调队列的,jQuery 中常见 由 jQuery.Deferred() 创建的对象和用于 ajax 请求的 XHR 对象都是延迟对象。// deferred.always(alwaysCallbacks[,alwaysCallbacks]) : 当Deferre原创 2016-09-05 23:07:11 · 417 阅读 · 0 评论 -
jQuery 知识点 (一) —— jQuery 核心
jQuery 知识点——(一) jQuery 核心//jQuery 中可使用 $ 替代 jQuery 函数,两者指向相同/*** $(selctor,[context]) : jQuery 取DOM对象函数* @param selector : jQuery 选择器* @param [context] : 查找 DOM 的上下文* return jQuery 元素对象 或 jQuery 元原创 2016-09-09 20:10:12 · 422 阅读 · 0 评论 -
JavaScript 自定义函数:compose
JavaScript 自定义函数:compose script type="text/javascript"> function compose() { var funcs = []; var k = 0; for (var i = arguments.length - 1; i >= 0; i--) { f原创 2016-11-17 21:15:18 · 1132 阅读 · 0 评论 -
JavaScript 自定义事件委托链
JavaScript 自定义事件委托链<script type="text/javascript" > //类定义:function People(name){ this.name = name; var events = []; this.on = function(eventName,func){ if (events[eventName] ==原创 2016-11-17 21:18:07 · 639 阅读 · 0 评论 -
Javascript 知识与经验(二)—— 基本对象类型
1、基本对象类型 Date: Date日期类型对象的构造函数如下:console.log(Date());//特殊且正确,使用了 window.Date 属性,该属性为返回当前时间的日期函数,注意这里的类型是函数而不是对象,是无法调用getDate() 等日期对象拥有的方法的 //console.log(Date().getDate()); 将报错//consol原创 2016-12-19 23:47:16 · 242 阅读 · 0 评论 -
Javascript 知识与经验(一)—— 基本数据类型
1、数值类型 Number,Javascript 中的数值都是按照IEEE-754 双精度存储的:1 的表示方式:1,0000000001(八进制数),0x0001(十六进制)1e1,1e0(科学计数法),1e+1(科学计数法),1e-1(科学计数法) -0.001 的表示方式:-0.001,-1e-3,-.001 特殊值:Infinity(无穷大),-Infinity(负无穷大),NaN(不是原创 2016-09-03 15:42:59 · 283 阅读 · 0 评论 -
JavaScript 代码笔记 —— 常用 String 函数
JavaScript 代码笔记 —— 常用 String 函数String.toUtf8 = function(str){ var out, i, len, c; out = ""; len = str.length; for(i = 0; i < len; i++) { c = str.charCodeAt(i转载 2017-01-10 14:26:47 · 286 阅读 · 0 评论 -
Vue.js
一、 v-model : number 参数:将输入自动转为 Number 类型 lazy 参数:将数据改变到 change 事件中发生 debounce 参数:设置一个最小延时 二、v-for &amp;amp;amp;amp;amp;lt;ul id=&amp;amp;amp;amp;quot;el&amp;amp;amp;amp;quot;&amp;amp;amp;amp原创 2018-06-26 04:30:09 · 120 阅读 · 0 评论 -
jQuery 知识点 (二) —— jQuery 选择器
//-- js 解析 jQuery 选择器是自右向左解析的var $div = $("#id");// ID 选择器$div = $("div");//标签选择器$(".cssClass").hide();//隐藏具有cssClass样式类的元素 .cssClass : 类选择器$("*","#id").hide();//隐藏 #id 元素下所有元素 * : 结合上下文匹配所有元素原创 2016-09-09 20:14:16 · 260 阅读 · 0 评论