JavaScript
凝弧
这个作者很懒,什么都没留下…
展开
-
JavaScript 对象属性操作
1. 数据属性(数据描述符)2. 访问器属性(存取描述符)3. Object.defineProperty()4. Object.defineProperties()5. Object.getOwnPropertyDescriptor()6. Object. getOwnPropertyDescriptors()1. 数据属性(数据描述符)Configurabl...原创 2018-04-26 07:52:43 · 574 阅读 · 1 评论 -
JavaScript 常用方法封装
JavaScript 常用方法封装1. 获取数据类型,返回字符串2. 字符串格式化(仿ES6模板字符串)3. 异步加载JS4. DOM事件兼容解决方案5. 拷贝对象6. 鼠标滚轮事件处理7. 函数设置执行间隔(针对频繁触发的事件)8. 生成随机颜色JavaScript 常用方法封装1. 获取数据类型,返回字符串 有传参则判断传参类型,没有则判...原创 2018-04-20 12:44:12 · 453 阅读 · 0 评论 -
JavaScript 事件节流
问题隐患原理实现应用输入框验证(函数防抖)滚动加载(函数节流)问题隐患一些短时间内频繁触发的事件会导致占用过多的资源,这时候我们设置一个触发间隔频繁触发的事件,例如的 mousemove(鼠标移动)、scroll(滚动条),resize 等…原理实现初次调用函数时,设置一个定时器,在指定的 间隔 之后运行代码第二次调用函数时(若小于 间隔 时...转载 2018-04-28 16:09:08 · 2709 阅读 · 0 评论 -
JavaScript 异步加载JS
方案一 : script 标签属性方案二 : XMLHttpRequest 脚本注入方案三 : 动态创建 script 元素- LazyLoad- LABjs- sea.js方案一 : script 标签属性defer HTML4中定义,兼容 IE 4+ 和 firebox 3.5 +async HTML5中引入<!-- 等待页面(DO...翻译 2018-03-26 14:36:41 · 457 阅读 · 0 评论 -
jQuery 对应 JavaScript 书写
DOM 属性// jQuery el.html() el.text() //取得所有匹配元素的内容 el.val() //获得匹配元素的当前值// JavaScript el.innerHTML() el.innerText() //老版本火狐不兼容 el.textContent() //老版本IE不兼容 DOM 查询1....转载 2018-03-21 22:57:04 · 398 阅读 · 0 评论 -
JavaScript 练习 模拟 children() 方法
HTMLDocument.prototype.getChildrenAll = function(node){ // childs存放子元素 var els = {},childs = []; // 判断选择器类型,id、class switch(node.substr(0,1)) { case '#': els[0...原创 2018-03-22 16:28:47 · 709 阅读 · 0 评论 -
Ajax 搭配 Promise 封装
简述Ajax(Asynchronous JavaScript And XML)PromiseJavaScriptjQuery简述Ajax(Asynchronous JavaScript And XML)是一种创建交互式网页应用的开发技术、改善用户体验,实现无刷新效果优点:无需插件支持页面无刷新,异步通信,具有更快的响应能力,更好的用户体验...原创 2018-05-06 18:37:55 · 3713 阅读 · 2 评论 -
addEventListener 关于 passive
语法: el.addEventListener(type, listener[, useCapture])el:事件对象type:事件类型,click、mouseover 等listener:事件处理函数,也就是事件触发后的回调useCapture:布尔值,规定是否是捕获型,默认为 false(冒泡)2015年底,为了扩展新的选项,从而自定义更多的行为DOM 规...原创 2018-05-07 11:50:53 · 2909 阅读 · 0 评论 -
FFC:基础算法题
1. Reverse a String2. Factorialize a Number3. Check for Palindromes4. Find the Longest Word in a String1. Reverse a String翻转字符串解题思路:把字符串转化成数组split(),再借助数组的reverse()方法翻转数组顺序,最后把数组转化...原创 2018-05-27 19:01:24 · 712 阅读 · 0 评论 -
jQuery 进阶:插件开发基础
基础知识点1. 使用闭包2. 挂载 / 注册插件3. 定义构造函数4. 合并参数配置5. 将插件的所有方法包装到一个对象上基础知识点1. 使用闭包用自执行匿名函数包裹代码,外部无法直接访问,形成闭包以 jQuery 对象为实参、$ 符号为形参 这样可以在内部无限制的使用 $,而不会影响外部,造成变量污染避免合并 js 出现无法正常解析进而报错...原创 2018-06-11 15:30:53 · 297 阅读 · 0 评论 -
FFC:进阶算法题
1. Sum All Numbers in a Range2. Diff Two Arrays3. Roman Numeral Converter4. Where art thou5. Search and Replace6. Pig Latin7. DNA Pairing8. Missing letters9. Boo who10. Sorted Union11. Con...原创 2018-05-31 17:57:58 · 681 阅读 · 0 评论 -
Vue 学习笔记 03:生命周期钩子
钩子函数钩子函数算是生命周期函数的前生吧,用到的也不多网上找的比较好的一张图贴出来 生命周期函数正如其名,组件从被 创建 到完成使命后的 销毁 的过程,就好比生命的出生到死亡beforeCreate 创建前 可以在这加个 loading 事件,在加载实例时触发created 创建后 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用...原创 2018-07-03 07:25:14 · 250 阅读 · 0 评论 -
JavaScript 内置属性与方法
常用数组日期数学字符串常用window.alert()window.confirm()window.prompt('str', 'value')eval(codeString)isNaN(numValue)parseInt(numString[, radix])parseFloat(numString)escape(charStrin...原创 2018-04-25 23:44:09 · 282 阅读 · 0 评论 -
JavaScript 操作 JSON 常用方法
1. 概念2. 基础结构- 数组- 对象3. JSON对象和JSON字符串的转换- 字符串转对象- 对象转字符串4. 优雅的输出格式5. JSON字符串的替换6. 遍历JSON对象和JSON数组7. 递归遍历a. 递归遍历JSON,遇到数组的时候,数组中有超过一个对象,删除第一个对象之后的所有对象b. 递归查找目标节点(节点id为targetId,有且只有一个...转载 2018-04-21 00:03:29 · 36828 阅读 · 1 评论 -
JavaScript DOM 结构理解
DOM 节点(Node)树形图:XML:可自定义语法标签,且标签必须闭合,主要用于传输数据,类似JSON对象的结构,现已被JSON取代 Document:是一个特殊的构造函数,只能由系统来实例化(new)原型方法: HTMLDocument.prototype 定义了一些属性:body、head … Document.prototype 定义了一个属性:documentE...原创 2018-03-22 14:19:08 · 339 阅读 · 0 评论 -
JavaScript 代码简化技巧
三元操作符 写if…else语句时,使用三元操作符来代替 if (x > 10) { return true;}else{ return false;}// 简写var = x > 0 ? true : false 短路求值简写方式 当给一个变量分配另一个值时,想确定转载 2018-03-21 18:43:45 · 356 阅读 · 0 评论 -
JavaScript DOM 事件
1. 事件流 - 从页面中接受事件的顺序2. DOM事件处理- HTML事件处理- DOM0级事件处理- DOM2级事件处理3. DOM中的事件对象(event)- 获取事件类型 .type- 获取事件目标 .target- 阻止事件冒泡 stopPropagation()- 阻止默认行为 preventDefault()- 事件属性兼容4. 定时器(...转载 2018-03-21 23:07:45 · 538 阅读 · 0 评论 -
JavaScript 预编译/预解析
var name = "ande";var age = 18;function fn(argument){ console.log(name) // undefaned var name = "lilei"; var age = 9;}fn()// 生成 GO(global object) 全局对象window name = undefa原创 2018-03-26 20:28:35 · 574 阅读 · 0 评论 -
ECMAScript 6 学习笔记
版本历史1. 变量声明常量 const变量 let(块级作用域)2. 数组扩展Array.from() 转化数组Array.of() 非稀疏数组copyWithin() 内部拷贝find()、findIndex() 查找fill() 填充include() 包含entries()、keys()、values() 迭代3. Map( ) 对象4. 箭头函数 ( ...原创 2018-04-12 09:23:36 · 263 阅读 · 0 评论 -
JavaScript 节点操作
1.创建节点2.复制节点3.插入节点4.替换节点5.移除节点6.查找节点1.创建节点// 创建元素节点document.createElement('div');// 创建文本节点document.createTextNode();// 创建注释节点 并木有用document.createComment();// 创建片段document...原创 2018-04-23 22:14:02 · 172 阅读 · 0 评论 -
JavaScript 字符串
1. 合并字符串 concat()2. 索引查询 charAt()3. 字符查询 indexOf()、lastIndexOf()4. 正则匹配 match()5. 截取字符串 substr()、substring()6. 字符串替换 replace()7. 搜索字符串 search()8. 字符串截取 slice()9. 分割 split()10. 转换大小写 toLow...原创 2018-04-20 21:41:49 · 204 阅读 · 0 评论 -
JavaScript 数组操作
数组常用操作1. 创建2. 元素添加3. 元素删除4. 截取5. 合并6. 复制7. 反转8. 排序9. 转字符串10. 去重11. 检测是否含有元素12. 遍历13. 分解运算 reduce()14. 数组元素条件判断 every()数组常用操作1. 创建// 构造方式,可指定长度var arrObj = new Arr...原创 2018-04-20 22:18:50 · 171 阅读 · 0 评论 -
JavaScript 类型检测
检测方法封装检测方法返回值览表检测方法// 返回一个字符串,来表示数据的类型typeof()// 运算符用来检测构造函数是否存在与检测对象的原型链上,返回布尔instanceof// 精确判断对象的类型,使用call指向(this)检测对象,String和Array构造重写了toString()方法Object.prototype.toString....原创 2018-04-20 22:40:08 · 359 阅读 · 0 评论 -
TypeScript 入门
在线compiler开发 http://www.typescriptlang.org/play/本地compiler开发// 全局安装npm install -g typescript// 使用$ tsc Hello.ts原创 2018-07-29 18:04:34 · 328 阅读 · 0 评论