随笔分类 - JS/ES6
JS知识/ES6语法
摘要:一、this的意义 二、寻找this绑定对象 经常听到这么一句话,找this只需要看 谁是调用方 。当函数被调用时会记录函数调用调用方式、传参包括this等各种属性。有时候 绑定对象情况太抽象,找到准确的 调用方 还是有一定的难度。我罗列出个人寻找普通函数 的步骤: 三、找到调用栈&调用位置 看个例
阅读全文
摘要:一、什么是高阶函数(组件),作用是什么? 子类使用父类的方法可以通过继承的方式实现,那无关联组件通信(redux)、父类使用子类方法(反向继承)呢 为了解决类(函数) 功能交叉/功能复用 等问题,通过传入类/函数返回类/函数(继承)的方式使得类拥有自身未定义的方法。 例如 的connect方法使用了
阅读全文
摘要:Dva2.0及以上版本 使用官方自带的Promise 此时业务组件的dispatch会接收 model 层 返回的值。可以利用data做一些逻辑判断 感兴趣源码可以查看: "Dva2.0发布日志" Dva2.0及以下版本
阅读全文
摘要:但请注意, 和`other`是属于未定义的变量 参考 "ES6非常棒的特性 解构"
阅读全文
摘要:其中 是解构过程中新声明的一个变量,并且它的值和 一样. 而后面的 则表示当name为 时,给 添加一个 未知 的值 注意!因为解构是一个强标准类型,所以如果值为 时,是不会赋予默认值的
阅读全文
摘要:一、浅比较 出现情况: 明明改变了值, 并且回调函数也触发了, 但是就是不触发render 出现了浅比较, 不触发 生命周期 解决方法: 赋值的时候改变 的指向.
阅读全文
摘要:一、在JS里使用(非ES6) 实现场景: 给一个空对象填充某一指定数组内的值 并随机生成数量 输出: 这里的重点在于返回的时候 通过 可以成功调用变量的值. 二、React setState的应用 和上面例子同理.利用 调用变量 class Example extends PureComponent
阅读全文
摘要:一、动态更新Options 自带的搜索功能很多时候需要结合后端的接口,输入一个关键字的时候会自动更新选择器的选项. 下面列一些注意点 基础实现 选择器选项必须和每次更新的数据挂钩, 这个值可以通过 ,也可以通过 拿到 再结合循环的方法例如 遍历渲染options 上面就是一个简单的例子. 除了要动态
阅读全文
摘要:内容转载于思否: https://segmentfault.com/a/1190000016990089 一、重排 & 重绘 有经验的大佬对这个概念一定不会陌生,“浏览器输入URL发生了什么”。估计大家已经烂熟于心了,从计算机网络到JS引擎,一路飞奔到浏览器渲染引擎。 经验越多就能理解的越深。 感兴
阅读全文
摘要:一、map map大法好 这里需要解释一下 和`forEach`的区别 一般来说需要返回值时使用 ,而只需要循环的使用 map循环常用的一些方法 但 循环有一坑爹之处... 当用map循环遍历元素的时候, 会出现多余的逗号 ! 虽然对于单页面应用开发基本遇不上. 但还是做一个记录.防止日后落坑 二、
阅读全文
摘要:一、介绍及安装 1.1 介绍 Moment.js是一个优秀的JavaScript 日期处理类库. 如果没有Moment.js之类的日期处理库,我们如果需要获得格式化后的日期.往往需要通过 ...之类方法进行拼接, 或者使用JQ封装的函数. 但现在但SPA页面不怎么使用JQ.所以掌握靠谱的 还是很有必
阅读全文
摘要:一、Halloween Happy! 万圣节, 是否已经按耐不住自己内心的小恶魔, 想早点下班狂欢!别着急, 上班族的摸鱼好朋友Google Doodles今天又给我们推了几款'上班摸鱼'的万圣节游戏.玩起来, 时间简直不要过得飞快。 《doodles》 二、前端资源汇总 简介 玩够了就该回来学习啦
阅读全文
摘要:一、React规范 1.1 react key的作用 当渲染重复数据的时候, 会根据生成的key进行虚拟DOM渲染, 所以我们需要在遍历的地方都要加上key,例如map、for等等 同样, antd作为react的UI组件库, 有些地方也需要遵循react的key规范.例如 antd table 在
阅读全文
摘要:一、Web语义化 1.1 H5的语义化 对于经验资深的前端er,在给web布局时,相信都会很注重标签和命名的规范。尤其是随着html5的普及发展,更是把web前端语义化推向一个新的台阶上。比如html5给我们新增的语义标签:header、nav、main、aside、footer、section、a
阅读全文
摘要:一、文章初衷 阅读本文章需要注意以下几点: 文章不主要介绍Mockjs的使用语法 文章暂不涉及Mockjs的第三方封装框架 文章会结合以往做过上线项目的方式总结 想主要介绍如何使用Mockjs,是因为发现网上针对这方面的资料好像并不多,并且比较分散。想要做一次总结,希望能帮助解决入门Mockjs的新
阅读全文
摘要:一、变量声明const和let 在ES6之前,我们都是用var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数的最顶部就在全局作用域的最顶部)。这就是函数变量提升例如: 不用关心bool是否为true or false。实际上,无论如何str都会被创建声明。(如果未声明,返回的
阅读全文
摘要:一、常用(普通)数组的构建 1.1 直接构建 1.2 通过new Array 二、特殊数组的构建 2.1 构建相同内容的数组 直接构建法: 简单粗暴不推荐,如果数据多,不仅构建麻烦,而且不美观 循环法: for循环 比第一种要好,但是代码依然不美观 let newArr = new Array(3)
阅读全文
摘要:一、什么是绑定事件 1.1 事件 我这里指的事件一般指的是React自带的触发事件,我这里先简单举例几个 1.2 绑定事件 一般有三种绑定事件的方法: 如果想要详细地了解这几种React绑定事件的区别及如何选择,可以看我这篇文章: 《每日质量NPM包事件绑定_bindme(详解React的this)
阅读全文
摘要:jq attr && jq css 1.1 attr() 方法设置或返回被选元素的属性值 我们就题目遇到的问题做一个测试 猜一下结果? 注意要把script放在html后,或者加上 可以看到css样式 为undefined,而标签属性 却拿到了值。 从而可以解释,$.attr()封装了原生attri
阅读全文
摘要:一、React的渲染机制 要掌握一两项React render优化的方法不难,但是非常重要.无论是在实际项目中的一个小细节,还是迎合'面试官'的口味 1.1 触发Render 我们知道React要更新视图,必须要触发Render.而这往往是影响性能最重要的一步(因为操作了dom).而React之所以
阅读全文