随笔分类 - 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之所以
阅读全文