随笔分类 - Javascript
Zepto源码分析之二(新旧版本zepto.Z方法的区别)
摘要:在上一节中讲到Z()方法,是在初始化函数init中直接调用zepto.Z() 旧版中,直接将$.fn对象挂载dom对象的隐式原型上,而在新版zepto1.2.0中结构如下: 1 . 首先 初始化后调用zepto.Z方法时,返回的是new Z()构造函数 2 . 在构造函数体内可遍历dom节点对象,使
阅读全文
Zepto源码分析之一(代码结构及初始化)
摘要:关于读源码,读jQuery自然是不错,但太过于庞大不易解读,对于小白,最好从Zepto,Lodash这样的小库入手。 这里使用的是zepto1.1.6版本为例。 自执行函数 在阅读之前,先弄清楚闭包和自执行函数 两种方式: (function() {})() 和 (function() {}())
阅读全文
javascript中获取字符串或数组中元素的索引
摘要:有些时候,我们需要知道一个字符串中字符的位置,或者一个数组中元素的位置,这是就需要对该变量进行迭代操作。 对于数组,有两个方法indexOf和findIndex() , 需要注意的是,findIndex是数组的方法,不适用于字符串 对于字符串, 使用for循环来迭代 对于上面的 for ..of ,
阅读全文
javascript中 for-in和 for-of的区别
摘要:其中for-of是ES6新增的迭代语法 在MDN上的解释: for...in语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性,语句都会被执行。for...of语句在可迭代对象(包括 Array,Map,Set,String,TypedArray,arguments 对象等等)上创建一个迭代
阅读全文
js对象添加动态属性
摘要:在业务中,经常会遇到使用同个方法调用多个同类型接口,以下简单模拟两个API接口 前端请求 1. 声明接收数据的空对象 2. 使用ajax或则相关插件(axios, fetch等)请求API数据, 这里略过直接拿到数据分别赋值给response1, response2 其实这里相当于实际项目中 ,请求
阅读全文
Javascript根据id获取数组对象
摘要:在业务中,列表页跳转详情页时,经常会将Id值传入,然后再根据id值异步获取数据。 假设有服务端的json数据: <注意,这里的data是指已经从后端获取的json, 而非后端原始的文件> 在前端,根据id,获取详情 延伸:数组过滤方法还有filter,for循环,forEach filter遍历整个
阅读全文
有原型的对象和没有原型的对象
摘要:在学习Mobx时接触到了有原型对象和没原型的对象概念 声明一个对象 以上三种方法创建的对象都是有原型及原型链的 #### 使用create() #### 字面量方式 对象的构造函数如下 对象的显示原型 没有原型和构造函数的对象, 注意Object(null)是有原型和原型链的 该对象的隐式原型和构造
阅读全文
JavaScript原型规则和实例
摘要:隐式原型:(所有对象都有隐式原型) 显示原型:(函数才有显示原型) 隐式原型指向其构造函数的显示原型 hasOwnProperty(对象中是否存在某个属性) Object.keys(obj)获取对象的key存入一个数组 Object.values(obj)获取对象中的value值存入数组 Objec
阅读全文
Koa中设置中文Cookie值
摘要:默认情况下, 如果 这时运行服务, 会报错如下:表示value值无效。因为默认不支持中文字符 改写如下: 使用 new Buffer 转换成base64字符串 如要获取也必须使用new Buffer()
阅读全文
node中中间件body-parser的实现方式
摘要:最近学习了Koa框架中用到了koa-bodyparser接收表单POST请求的参数,直接使用其API是很容易的,但却不知道其原生方法怎么实现的。故做些笔记 首先,是搭建了Koa的服务器不再赘述 其次,在做表单POST请求时,用到两个自定义封装的函数: 由控制台或者body都可以打印出ctx是一个js
阅读全文
学习笔记: ES7(ES2016)新功能
摘要:ES7添加了两个新功能 : 1. Array.prototype.includes() 2. 指数运算符 1 .Array.prototype,includes() 判断指定的元素是否存在于数组中, 在这之前使用ES5的indexOf()方法 先说说indexOf() : ['a','b','c',
阅读全文
JavaScript学习笔记之call和apply
摘要:前端的知识面太广了,想要记住所有知识点是不可能的,所以将这些学过的记录下来,随时都可以翻开来参考 1.call方法 调用一个对象的一个方法,call(this, arg1, arg2,argN);用来代替另一个对象调用一个方法,官方的解释有时候确实莫名其妙,还是上例子吧 从以上例子来看:输出结果为4
阅读全文
浙公网安备 33010602011771号