随笔分类 - 前端
摘要：衡量代码质量的唯一有效标准：WTF/min引自第296页 什么是整洁代码 1，代码逻辑直接了当，让缺陷难以隐藏 2，尽量减少依赖关系，使之便于维护 3，依据某种分层策略完善错误处理代码 4，性能调至最优，省得引诱别人做没规矩的优化 5，整洁的代码只做一件事 6，简单直接，具有可读性 7，有单元测试和
阅读全文
摘要：最近我侄子快实习了，学校跟培训机构合作，交两万多可以参与一个培训，培训四个月，可以包就业。侄子问我，是否要去培训，培训出来可以找到工作吗？ 现在很多大学生，上学的时候谈恋爱，玩游戏，快要毕业就焦虑了。大学四年什么都没学到，之前也没考虑未来工作方向，到快要毕业了，迷茫，不知道能做什么。 我给他的答案是
阅读全文
摘要：有些功能需要前端进行加密解密，就会用到这些库 crypto-js 是一个纯 javascript 写的加密算法类库 ，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列（不可解密），进行 AES、DES、Rabbit、RC4、Tripl
阅读全文
摘要：本篇文章梗概： 什么是防抖和节流？他们有什么区别？分别如何实现？ 什么是防抖和节流？防抖和节流，都是开发过程中防止函数多次调用的方式。我现在写的主要是前端开发中的防抖和节流的介绍。 什么是防抖？防抖，顾名思义，防止抖动，以免把一次事件误认为多次，敲键盘就是一个每天都会接触到的防抖操作。 想要了解一个
阅读全文
摘要：如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。 此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。 1、基本数据与复杂(引用)
阅读全文
摘要：Moment 被设计为在浏览器和 Node.js 中都能工作。 安装 npm install moment --save # npm yarn add moment # Yarn 使用 /** * Features: 时间日期格式化工具 * official website docs: http:/
阅读全文
摘要：最近有一个需求，需要判断调用接口返回值是否为空。结果返回的如果是个空对象，判断的时候为true，目标结果应该是返回false。以下为解决方法和注意事项。 注意：JavaScript中的数据类型自动转换时，空数组或空对象都的布尔类型不是false,而是【true】 JavaScript自动转换为布尔值
阅读全文
摘要：我到新公司，完整熟悉了系统以后，发现问题颇多，于是在wiki上写了下面这篇文章。 我们的系统是一个软件产品，但是需要优化的部分很多。 下面是我汇报原文： 随着认知的加深，我想到另一个东西，熵增定律。 什么是熵增定律？就是说，一个系统，一个组织，一个企业，建立以后，必然趋势是走向效率低下、机制僵化、人
阅读全文
摘要：我们在开发的不同阶段，构成的架构因素是不同的，基于这个思路，架构可以分为： 系统级架构 应用级架构 模块级架构 代码级架构 系统级架构 应用在整个系统内的关系，如与后台服务如何通信，与第三方系统如何集成。在设计前端的时候，首先应该考虑的，是前端系统与其他系统之间是怎样的关系。 这种关系包含，业务关系
阅读全文
摘要：这是一个webpack配置说明 本文是发布在github上webpack-demo的README文件内容。 主要对webpack.config.js每一条的注释说明。 希望浏览效果更佳，可以点击文章最下方**【阅读原文】**跳转github链接查看，或下载实战代码直接食用。 Run the exam
阅读全文
摘要：React v16.3虽然是一个小版本升级，但是却对React组件生命周期函数有巨大变化。 文章梗概 新版本+2-3个生命周期。 为什么增加那2个生命周期？ 为什么减去之前3个生命周期？ 相关知识延伸 正文 React v16.0刚推出的时候，是增加了一个componentDidCatch生命周期函
阅读全文
摘要：在js的学习中，我们已经不满足于仅了解js的基础知识，而是开始追求更深层次的学习。因为你会发现，仅了解js的基础知识，在开发项目的过程中是远远不够的。今天就来介绍一下在js执行过程中的一些相关内容了。 JavaScript运行环境 JavaScript的运行不是像C++，Java等编译语言编译后直接
阅读全文
摘要：Chrome 是 Google 出品的一款非常优秀的浏览器，其内置了开发者工具（Windows 系统中按下 F12 即可开启），可以让我们方便地对 JavaScript 代码进行调试。 为方便大家学习和使用，本文我对 Chrome 的调试技巧做个系统的总结。 一、设置断点 有两种方法可以给代码添加断
阅读全文
摘要：Hooks介绍 之前没有用hooks写react的时候，用class类组件，state在构造函数定义，然后是钩子函数。 在这里，发现用的是函数组件，useState来定义state，useEffect来初始获取接口数据，比如查询列表等等。使用hooks的目的是让函数组件具备class组件的能力。 R
阅读全文
摘要：写在前面 这是停更以后，续更的一篇文章。 为什么好长时间都没有更新，因为去其他平台更新了，包括掘金，思否，简书等。 在那些地方感觉没有归属感，有的平台原创审核很麻烦，简书号称可以获得打赏，可是码了几十万字的博主，几百块，也没有什么意义。而且为了能吸粉，可能得违背自己的意愿写一些水文，或者不利于自己成
阅读全文
摘要：现在有个需求： 后端给一个list过来，1-4，有就显示，没有前面四个card就空着，从第五个开始，有数据就循环出来，区别他们的kind字段。 这里想了很久怎么写，最后决定，洗数据. 就是从给给的数据，前面四个进行判断，有就写进固定的地方，没有就为空。 后面的数据循环 再把数组a+数组b，进行map
阅读全文
摘要：JavaScript编码规范 点击链接查看：https://github.com/ecomfe/spec/blob/master/javascript-style-guide.md 前端React编码规范
阅读全文
浙公网安备 33010602011771号