陈纪庚

代码在线跑，知识轻松学

Python精品学习库

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

博客搬家 | 分享价值百万资源包

往期视频·干货材料·成员作品 最新动态

技术创作特训营·精选知识专栏

新邀入驻腾讯云开发者社区，福利多多！

如何运用「云、端融合的数智化安全体系」高效护航数据安全

左手AI，右手安全 —— 一汽丰田数字化转型之路

最近看了Dan Abramov的一些博客，学到了一些React的一些有趣的知识。决定结合自己的理解总结下。这些内容可能对你实际开发并没有什么帮助，不过这可以让你了解到更多React底层实现的内容以及为什么要怎样实现。可以让你跟别人有更多的谈资，当然，也可以在某些场合装一下逼。那么接下来直接进入正文。

React 中无用但可以装逼的知识

最近要对旧的项目进行重构，统一使用全新的react技术栈。同时，我们也决定尝试使用React hooks来进行开发，但是，由于React hooks崇尚的是使用(也只能使用)function component的形式来进行开发，而不是class component，因此，整个开发方式也会与之前产生比较大的差异。所以，我这里就积累了下实际项目中遇到的问题以及思考，看下能不能帮助大家少走弯路。

React hooks实践

前阵子突发奇想，突然开始刷leetcode。其中刷到了一道有意思的题目，发现这道题是当时秋招的时候，腾讯面试官曾经问过我的题目。于是分享给大家看下。

一道有意思的面试算法题

回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了一些内容并且结合自己的体会，写了这篇文章，希望可以帮助到大家。

你真的了解回流和重绘吗

今天在认真干（划）活（水）的时候，看到群里有人发了一道头条的面试题，就顺便看了一下，发现挺有意思的，就决定分享给大家，并且给出我的解决方案和思考过程。

一道面试题引起的思考

最近看了一些文章，知道了实现引导动画的基本原理，所以决定来自己亲手做一个通用的引导动画类。

手把手教你实现一个引导动画

之前印象中一直记得setInterval有一些坑，但是一直不是很清楚那些坑是什么。今天去摸索了下之后，决定来做个记录以免自己忘记，也希望让更多人了解到这个坑。

你可能不知道的setInterval的坑

在开发中，我们可能会遇到一些对异步请求数做并发量限制的场景，比如说微信小程序的request并发最多为5个，又或者我们需要做一些批量处理的工作，可是我们又不想同时对服务器发出太多请求（可能会对服务器造成比较大的压力）。这个时候我们就可以对请求并发数进行限制，并且使用排队机制让请求有序的发送出去。

不到50行代码实现一个能对请求并发数做限制的通用RequestDecorator

昨天就开始想使用nodemailer来实现一个发送邮件的功能，不过发现了很多个坑，网上给的资料也很杂很乱，所以决定写一篇真正能用的来帮助大家减少弯路

如何使用nodejs发邮件

装饰者模式是一种为函数或类增添特性的技术，它可以让我们在不修改原来对象的基础上，为其增添新的能力和行为。它本质上也是一个函数(在javascipt中，类也只是函数的语法糖)。

使用装饰者模式做有趣的事情

2.利用DNS(domain name service)对主机名进行转换，得到IP地址

HTTP权威指南学习心得

　　如果放在数值前的话，对数值不会产生任何影响，不过放在其他的数据类型前面的话，就等于调用number()将他转为数字，布尔值false被转为0，ture被转为1

javascript冷知识

终于考试完了，今天突然想起来前阵子找实习的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。

css加载会造成阻塞吗？

transclude有三个选项，true, false, 和object.如果不显示指明的话，默认为false.
 当为false的时候，则那个directive里面的指令不会嵌入到你写的模板里，举个例子
 下面是html代码

angularjs directive学习心得

实现前后端分离的心得
对目前的web来说，前后端分离已经变得越来越流行了，越来越多的企业/网站都开始往这个方向靠拢。那么，为什么要选择前后端分离呢？前后端分离对实际开发有什么好处呢?
为什么选择前后端

实现前后端分离的心得

这样，你点下a标签后，就会下载该图片，并且该图片名为thisismyname.jpg

知识总结

即每一个页面对应着一个状态，一个状态有一个状态名，还有一个模板/模板url，这样我们就可以将不同页面的内容写到不同的html里，然后通过templateUrl将他们动态加载进来渲染页面。

SPA初试-1

之前一直很好奇，SPA应用到底是怎么实现的，昨天无意间看到了有一篇介绍的文章，就想着来试一下水(以下根据我的理解所写，可能会让你看的云里雾里，如果想加深了解，最好先了解下window.location.hash是什么东西)
其实，SPA的原理就是，一开始将一些必要的页面都加载进来，当你在页面输入别的路由的时候，其实还是待在当前的页面，只不过是他识别出你想要去的地址，然后将那个页面的内容获取到，替代掉当前页面的内容，并且相应的改变url地址，这样给人看起来就好像到了另一个页面，实际上你还是在这个页面里，没有离

SPA页面初试

` class goodStudent extends Student {
 sayAge() {
 console.log(this.age)
 }
 }
 let goodStu = new goodStudent("CJG", 20, "SYSU);
 goodStu.sayAge() // 20
 6.3方法可以通过返回this来实现方法链式调用
 class Person {
 setName(name) {
 this.name = name;
 return this;
 }
 sayName() {
 console.log(this.name);
 return this
 }
 }
 这样，我们就可以直接链式调用它的方法了
 let p = new Person()
 b.setName("cjg").sayName().setName("zht").sayName()
 6.4使用class的时候，如果你没有声明构造函数的话，它会自己提供默认的构造函数,如果你不需要在构造函数做额外的事情(例如给某个变量赋值等),就没必要主动声明构造函数
 //bad,没有必要，这是系统默认的
 class goodStudent extends Student {
 constructor(...args) {
 super(...args);
 }
 }
 //good 如果需要在构造函数做额外的工作，则主动声明构造函数
 class goodStudent extends Student {
 constructor(...args) {
 super(...args);
 this.age = 22;
 }
 }

ES6新特性以及一些规范

上一节我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。今天，我们就基于上一节的代码，来实现一个MVVM类，将其与html结合在一起，并且实现v-model以及{{}}语法。

vue.js响应式原理解析与实现—实现v-model与{{}}指令

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

腾讯云开发者社区推出了陈纪庚专栏，为你提供了陈纪庚的相关文章，致力于帮助开发者快速成长与发展。

陈纪庚

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐