1. 什么是 Signals？Signals 是用来处理状态的一种方式，它参考自 SolidJS，吸收了其大部分的优点。无论应用多么复杂，它都能保证快速响应。Signals 的独特之处在于状态更改会以最有效的方式来自动更新组件和 UI。Signals 基于自动状态绑定和依赖跟踪提供了出色的工效，并具有针对虚拟 DOM 优化的独特实现。2. 为什么是 ...

为了解决这个痛点，诞生了例如 PIXI、ZRender、Fabric 等 Canvas 库。今天要讲的 Konva 也是一个很优秀的 Canvas 框架，API 封装简洁易懂，基于 TypeScript 实现，有 React 和 Vue 版本。

装饰器是最新的 ECMA 中的一个提案，是一种与类（class）相关的语法，用来注释或修改类和类方法。装饰器在 Python 和 Java 等语言中也被大量使用。装饰器是实现 AOP（面向切面）编程的一种重要方式。

JavaScript 中的类型转换一直都是让前端开发者最头疼的问题。前阵子，推特上有个人专门发了一张图说 JavaScript 让人不可思议。

如何写出可维护和可读性高的代码，这一直是一个困扰很多人的问题。关于变量如何起名、如何优化if else之类的小技巧，这里就不做介绍了，推荐去看《代码大全2》，千书万书，都不如一本《代码大全2》。

在我们平时的开发中，if else是最常用的条件判断语句。在一些简单的场景下，if else用起来很爽，但是在稍微复杂一点儿的逻辑中，大量的if else就会让别人看的一脸蒙逼。如果别人要修改或者新增一个条件，那就要在这个上面继续增加条件。这样恶性循环下去，原本只有几个if else最后就有可能变成十几个，甚至几十个。别说...

<Test name="world" />经过babel解析后会变为createElement(Test, {name: "world})，这里的Test就是上面的Test方法，name就是Test方法里面接受的props中的name。实际上当我们从开始加载到渲染的时候做了下面几步：

很多第三方库已经有自己的类型声明文件，比如@types/react，@types/react-native，这些需要单独安装，而例如mobx-react和mobx这种会自带类型文件，不需要单独安装。

前端进阶 webpack webpack进阶构建项目(一) Webpack 4 配置最佳实践 react Redux状态管理之痛点、分析与改良 Web开发中所谓状态浅析:Domain State&UI State 从时间旅行的乌托邦，看状态管理的设计误区 使用Mobx更好地处理React数据 Airbnb 爱彼迎房源详情页中的 React 性能优化 从零开始，在 Redux 中构建时间旅行式...

这是underscore源码剖析系列第三篇文章，主要介绍underscore中each、map、filter、every、reduce等我们常用的一些遍历数组的方法。

在上篇文章underscore整体架构分析中，我们讲过_上面的方法有两种挂载方式，一个是挂载到_构造函数上以_.map(arr)的形式直接调用（在后文上统称构造函数调用），另一种则是挂到_.prototype上以_(arr).map()的形式被实例调用（在后文上统称原型调用）。

最近打算好好看看underscore源码，一个是因为自己确实水平不够，另一个是underscore源码比较简单，比较易读。本系列打算对underscore1.8.3中关键函数源码进行分析，希望做到最详细的源码分析。今天是underscore源码剖析系列第一篇，主要对underscore整体架构和基础函数进行分析。

上篇我介绍了前端下webpack和react、redux等环境的配置，这篇将继续重点介绍后台node.js的配置。 这里是上篇链接：手把手教你webpack、react和node.js环境配置（上篇） 我把所有代码都放到了我的github上：webpack-react-express环境配置 server 后台这边的配置就简单了很多，我这里拿node.js的express框架来配置。 expr...

很多人刚学习react的时候，往往因为繁琐的配置而头疼，这里我将手把手教大家怎么用webpack配置react和redux的环境，这篇教程包括前端react和后台node整个网站的环境配置，对node没兴趣的可以只看这篇。

仔细看看这些元素，他们都有一个共同特点，那就是都会产生BFC，所以我大胆的猜想了一下，所有能产生BFC的元素都具有包裹性，下面就一个个验证。

因为DOM的NodeList虽然可以通过[0]的形式来获取对应节点，但是依然是类数组，所以用call方法使其可以使用map方法来遍历。我观察了QQ空间的点赞按钮，点赞后data-clicklog会改变为cancellike，所以根据这个判断自己是否有点过赞，然后用click()方法模拟点赞。

稍微整理了一下自己平时看到的前端学习资源，分享给大家。 html MDN：Mozilla开发者网络 SEO：前端开发中的SEO css 张鑫旭：张鑫旭的博客 css精灵图：css精灵图实践 栅格系统：详解CSS中的栅格系统 媒体查询：css媒体查询用法 rem布局：手机端页面自适应布局 移动前端开发之viewport的深入理解:深入理解viewport 淘宝前...

原文链接：[链接] {代码...} {代码...} {代码...}

ECMAScript中有五种简单数据类型，分别是Undefined，Null，String，Number，Boolean，还有一种复杂数据类型：Object。

因为a提升到顶部后未被赋值，所以最后会输出undefined，而且亲测严格模式下变量提升不会受到影响。（提升：在js中多次声明一个变量，只有最后一次声明有效）

javascript诞生于1995年，主要是用来表单的验证，虽然名字里面有java，但是和java毫无关系，甚至语法差别很大，据说是作者仅用了十天设计出来的，因为java当时很火，所以为了搭顺风车，作者将其命名为"javascript"，匆忙的设计也导致了这门语言有很多缺陷，曾经被滥用在弹窗上，导致了很多人的误解，所以js很长一段时间...

之前看《javascript高级程序设计》时就遇到过一个问题，就是函数传参的问题，书上说是按值传递，而非按引用传递。很多人都会认为js里面有两种传值方式，一种是复制，另一种是数组、对象等按引用传递，后来看到知乎上面一道题后才发现不是那么简单。我个人理解就是，js中全部是按值传递。

1、冒泡排序 {代码...} {代码...} 冒泡排序 2、选择排序 {代码...} {代码...} 选择排序 3、插入排序 {代码...} {代码...} 插入排序 4、归并排序 {代码...} {代码...} 归并排序 5、快速排序 {代码...} 代码演示:快速排序

《javascript高级程序设计》里面有这么一段话：“在js里面当执行流进入一个函数的时候，函数的环境会被推入到一个环境栈里面，函数执行结束后又会将环境弹出。”

两列自适应布局算是css布局里面最基础的一种布局了，不少网站在使用。 这种布局通常是左侧固定，右边自适应，当然也有反过来的，道理一样，这里有好几种方法。