JavaScript
文章平均质量分 89
JavaScript技术及经验总结
瑝琦
高内聚,低耦合
展开
-
React 组件性能优化之 PureComponent 的使用
在 React 类组件中,如果状态(state)发生变化,便会触发组件的重新渲染(执行 render 方法),并且是包括所有子组件在内的全部重渲染,无论某些子组件是否有用到 state 中的值;但有些时候部分子组件计算或渲染工作量较大,并且只做一些情况单一的展示工作,那么在更新状态时对其的渲染,便是额外的性能负担,所以需要寻求一些优化手段;这里以一个简单的计数器组件为例,正常书写的组件代码可以是这样的:class Counter extends React.Component { state = {原创 2021-05-09 14:42:17 · 1126 阅读 · 2 评论 -
TypeScript 之泛型
介绍TypeScript中泛型的概念与使用场景原创 2021-04-18 19:14:55 · 439 阅读 · 0 评论 -
TypeScript 中类型 any,void,unknown,never之间的区别
分析对比 ts 中基本类型 any, void, unknown, never之间的区别原创 2021-04-03 10:11:17 · 6374 阅读 · 0 评论 -
JavaScript 经典设计模式
JavaScript中的经典设计模式详解原创 2021-01-17 19:11:48 · 254 阅读 · 0 评论 -
Redux 主要知识学习总结
总结Redux 的一些主要知识内容与特性原创 2020-11-29 19:24:51 · 213 阅读 · 0 评论 -
记一次 React 组件无法更新状态值的问题分析与解决
记录一次React组件中变量绑定state无法正常更新值的问题分析与解决过程原创 2020-09-10 20:17:50 · 1530 阅读 · 0 评论 -
React 组件间传值的几种情形
举例介绍 React 中组件间传值的几种情景原创 2020-09-03 17:54:45 · 586 阅读 · 0 评论 -
JavaScript之注释规范化(JSDoc)
介绍JavaScript中的一种规范化注释格式原创 2020-03-13 17:37:04 · 14733 阅读 · 0 评论 -
JavaScript与二进制数据的恩怨情仇
展开介绍关于 JavaScript 和二进制数据的千丝万缕...原创 2020-03-09 14:12:31 · 6267 阅读 · 0 评论 -
JavaScript数组排序详解
关于JavaScript中数组排序函数的介绍和应用原创 2020-01-12 22:54:57 · 334 阅读 · 0 评论 -
JavaScript事件循环
文章出自个人博客 https://knightyun.github.io/2019/06/20/js-event-loop,转载请申明。运行时(Runtime)一个 JavaScript 运行时包含 栈(stack), 堆(heap), 队列(queue);栈 (stack)栈 具有 先进后出 (FILO, First In Last Out) 的特点,有时也叫做 堆栈,可以理解为一个...原创 2019-06-20 20:18:27 · 272 阅读 · 0 评论 -
JavaScript实现元素全排列
文章出自个人博客 https://knightyun.github.io/2019/05/11/js-permutation,转载请申明。排列 (Permutation / Arrangement)概念n 个不同元素中任意选取 m (m <= n) 个元素进行排列,所有排列情况的个数叫做 排列数,其值等于:A = n! / (n - m)!! 表示数学中的阶乘运算符,可以通过...原创 2019-05-11 22:25:35 · 763 阅读 · 0 评论 -
JavaScript之常见算法排序
文章出自个人博客 https://knightyun.github.io/2019/05/01/js-sort,转载请申明。冒泡排序冒泡排序即从头到尾依次比较相邻两数的大小,不符合顺序则交换位置,一直循环直到排序完成;但方便程序编写的做法是,从第一个到最后一个数,每个数分别与排在后面每个数进行比较和交换位置;// 输入值 arr 为需要排序的数组// 后面的代码类似function...原创 2019-05-02 08:50:13 · 174 阅读 · 0 评论 -
JavaScript面向对象编程
文章出自个人博客 https://knightyun.github.io/2019/05/01/js-oop,转载请申明。概述面向对象编程思想,顾名思义,即模仿现实世界的存在物,一切节对象,拥有各自的特性与行为,如人类,外貌、肤色、身高、体重等是其特征,能吃饭睡觉行走是其行为;同样,编程中,一个对象拥有 属性(key/property),相当于人类的特征,当然这些属性一般都有 属性值(v...原创 2019-05-02 08:44:44 · 166 阅读 · 0 评论 -
ECMAScript 发展简史
文章出自个人博客 https://knightyun.github.io/2019/05/01/js-ecmascript-history,转载请申明。ECMAScript,简称 ES,是 JavaScript 的标准版,经历了不同版本的变化;最初由于网速慢,网页验证表单需要通过服务器完成,因此Netscape(网景)公司决定开发这样一种用于处理验证的客户端语言;1995年,...原创 2019-05-01 23:23:09 · 590 阅读 · 0 评论 -
JavaScript之call,bind,apply方法及 this 的用法辨析
文章转自个人博客 https://knightyun.github.io/2019/05/01/js-call,转载请申明。概述JavaScript函数中的三个方法.call(), .apply(), .bind(),总体来说主要功能就是改变函数中 this 关键字的指向,因为 this 默认指向 当前环境的对象;例如:var obj = { name: 'Knight', ...原创 2019-05-01 23:20:11 · 501 阅读 · 0 评论 -
JavaScript深度迭代遍历未知对象
文章出自个人博客https://knightyun.github.io/2019/01/27/js-iteration,转载请申明面向对象编程的语言,都存在对对象的一些操作,其中就包括遍历未知对象的属性值。通常情况常见的遍历对象的方法:var o = { name: 'cloud', age: 20}for (i in o) { console.log(i ...原创 2019-01-27 22:34:32 · 3574 阅读 · 0 评论 -
JavaScript闭包详解
文章出自个人博客https://knightyun.github.io/2018/05/31/js-closure,转载请申明变量作用域首先来了解一下Javascript中变量的作用域,除了常见的普通变量外,对象和函数也是一种变量。变量分为局部变量和全局变量。局部变量局部变量就是指在函数内部定义的变量,作用域是函数内部网,此变量通常只能在函数内部访问,和外界是区分开的,...原创 2018-05-31 23:13:02 · 278 阅读 · 0 评论 -
addEventListener方法与on事件的区别
文章出自个人博客https://knightyun.github.io/2018/05/31/js-eventlistener,转载请申明on事件Javascript中可以对一些页面的事件设定触发值,例如常用的点击 onclick,鼠标移动 onmousemove,或者移动端屏幕点击 ontouchstart,其它类似的还有 onmousedown, onmouseup, onch...原创 2018-06-01 16:14:30 · 14861 阅读 · 2 评论 -
JavaScript逻辑运算符“&&”和“||”短路原则的应用
文章出自个人博客https://knightyun.github.io/2018/06/01/js-logic-compute,转载请申明逻辑运算符在Javascript中,有逻辑运算符 与 &amp;&amp;, 或 ||, 非 !,常在条件句或循环中进行逻辑判断。例如:var a = 1, b = 1, c = 2;if (a = b &amp;&amp; (b ...原创 2018-06-01 16:24:07 · 1699 阅读 · 0 评论 -
JavaScript中语句与函数的执行辨析
文章出自个人博客https://knightyun.github.io/2018/05/23/js-anonymous-function,转载请申明。Javascript代码中,语句和函数以及匿名函数的执行存在一些区别,所以在编写过程中也存在一些“坑“。script 中的语句html文档中的javascript语句是写在 &amp;lt;script&amp;gt;&amp;lt;/script&amp;gt...原创 2018-05-23 22:00:32 · 408 阅读 · 0 评论 -
JavaScript计时器函数用法
文章出自个人博客&amp;amp;amp;lt;&amp;amp;amp;gt;,转载请申明。Javascript中和大多数语言一样,存在计时函数,使某语句或函数不用立即执行,可以延时设定的时间值之后再执行。setTimeout() 方法这个函数表示括号中的代码,延时指定时间后再执行,格式为 setTimeout(function(), time),其中 time 的单位是毫秒。例如:function fx(){...原创 2018-05-24 21:45:41 · 4780 阅读 · 0 评论 -
JavaScript类型转换的有趣应用
介绍 js 中类型转换机制的一个有趣应用原创 2019-10-07 14:01:01 · 225 阅读 · 0 评论