webpack tips

观看视频: Totally Tooling Tips: Webpack Tips笔记, 视频发布时间: 2017-08-11.

内容大多为性能相关.

阅读全文

Code Snippets

代码片段收集

阅读全文

Session相关

Session相关知识点(笔记)

阅读全文

模块模式

Mastering the Module Pattern(2014) 阅读笔记

阅读全文

移动设备300毫秒延迟问题

过去, 移动端浏览器对于touchendclick事件添加了300-350毫秒的延迟, 以检测用户是否要执行两次点击.

阅读全文

CORS

CORS(Cross-Origin Resource Sharing 跨域资源共享)

阅读全文

[译]JavaScript继承实例

原文: JavaScript inheritance by example
作者: Axel Rauschmayer
原文发布时间: 2012.01.08

阅读全文

20行代码实现JavaScript模板引擎

刷朋友圈看到了一个不错的题目, 于是Google了一下, 找到一篇文章: JavaScript template engine in just 20 lines, 并不是逐字逐句翻译, 因此算是翻译+笔记吧.

阅读全文

cookie基础

cookie是服务器贴到客户端, 由客户端维护的状态片段, 并在下一次向同一个服务器发送请求时一同发送这段数据. cookie常用于保存用户的登录信息或其他不便于保存在服务器端数据库的size较小的数据.

阅读全文

Mac下安装npm包出现错误

在Mac下安装某些npm包时会返回这样的错误信息:
env: node\r: No such file or directory. 从错误信息的\r中可以推测出可能是代码行末字符的原因.

阅读全文

操作DOM

操作DOM练习, updating…

阅读全文

处理数组和字符串

处理字符串和数组的一些方法(updated at 2017-06-04)

阅读全文

[译]babel-preset-env

看了两个webpack2基础的视频教程, 发现两位老师所用的babel-preset的差异, 于是查了一下两者的区别, 看到了一篇相关的文章, 尝试将其翻译. 原文: babel-preset-env: a preset that configures Babel for you.

阅读全文

相邻兄弟选择器

minimal主题的样式文件中发现了下面的代码, 对”+”号有点不理解, 于是在《CSS权威指南》里查了一下, 发现这是相邻兄弟结合符Adjacent Sibling Combinator, 也叫 相邻兄弟选择器.

阅读全文

Why webpack

介绍了webpack产生的最主要原因.

阅读全文

webpack2基础

webpack简单介绍, webpack-dev-server的使用, css-loader, style-loader, loader与plugin.

阅读全文

Redux App - Weather

完成一个天气查询app, 巩固React和Redux知识的应用, 同时学习如何在Redux应用中请求异步数据, 使用middleware处理Promise.

阅读全文

Small Tips

记录一些琐碎的知识点, 多了之后会重新分类, 持续更新…

阅读全文

[译]看漫画理解Redux

原文: A cartoon guide to Redux
作者: Lin Clark
原文发布时间: 2015.10.21

阅读全文

[译]热重载与时间旅行调试

原文: Hot reloading and time travel debugging
作者: Lin Clark
原文发布时间: 2015.10.21

阅读全文

[译]看漫画理解Flux

原文: A cartoon guide to Flux
作者: Lin Clark
原文发布时间: 2015.09.29

阅读全文

[译]React为何在前端开发中大放异彩

原文: Yes, React is taking over front-end development. The question is why.
作者: Samer Buna
原文发布时间: 2017.03.31
译文同时发布于: Medium

阅读全文

Redux-不可变更新

在Redux中, reducer函数遵循不可变更新模式, 而对象和数组在JavaScript中是通过引用传递(pass by reference), 因此如果直接修改对象和数组, 原对象和数组就会改变, 于是我们需要对对象和数组的拷贝进行修改, 下面整理了一些修改时要避免以及推荐使用的方法.

阅读全文

Redux App - BookList

通过创建一个书籍列表app, 学习Redux的一些基础概念以及主要API的运用, 下面是该app的图示:

阅读全文

网站视频下载及Mac录屏

前两天想下载一些B站的视频, 找到了一些相关工具.

阅读全文

Redux基础

Redux是JavaScript应用的状态容器,为应用提供可预测的状态管理, 可以和许多JavaScript库结合使用, 如React, Angular, Ember。

阅读全文

[转]如果互联网被切断,你还可以怎么办?

即便互联网已无法访问,但每个人的电脑实际上还是互相连接的。换句话说你们仍处于同一个巨型局域网之中,甚至仍有公网IP。所以理论上通过某种方式,你或许能再度利用那些被荒废的网线和电缆。这里有三个方法,你只需要一个U盘:

阅读全文

git常用指令

学习过程中一些比较经常用到的git指令, 持续更新.
(updated at 2017-07-11)

阅读全文

数组, 栈, 队列

利用JavaScript学习基础的数据结构: 数组, 栈, 队列.

阅读全文

三种基础排序算法

冒泡排序, 插入排序, 选择排序的介绍以及它们的JavaScript代码实现.

阅读全文

innerText与几种DOM方法

介绍innerText, textContent, innerHTML的区别, 引起重排的几种情况, 以及几种常用的DOM方法.

阅读全文

初期自学路线

知乎上有一个问题: 零基础的前端开发初学者应如何系统地学习?. 根据这个问题的一些答案了解到了一些前端学习的重点和学习方法, 现在想记录一下自己的学习路线, 在知乎上也做出了回答, 下面的内容和回答内容几乎是一样的, 这里做个备份.

阅读全文

常用数组方法及其应用

JavaScript中一些较常用, 能提高效率的数组方法.

阅读全文

Node相关知识点

学习Node过程中需要了解的一些相关基础概念, 包括文件处理, 网络相关概念, 以及npm的一些知识点.

阅读全文

异步与事件

异步与事件队列的初步介绍.

阅读全文

理解Event Emitter

Node中很多模块都运用了Event Emitter, 以下是对Event Emitter的介绍及在Node中的实现方式, 还介绍了在JavaScript中实现继承的几种方式.

阅读全文

闭包

闭包的概念以及相关应用.

阅读全文

创建对象与原型继承

继承指使某个对象 关联 另一个对象的属性和方法. 大多数编程语言中运用的继承类型为基于类的继承(Classical Inheritance), 而JavaScript中的继承类型为基于原型的继承(Prototypal Inheritance).

阅读全文

JavaScript知识点在框架中的应用

介绍一些重要的JavaScript知识点在框架中的应用, 不完整, 之后再学习到会继续更新.

阅读全文

I/O

学习Node时对I/O的理解有一点困惑, 于是学习并整理了一些相关的知识.

阅读全文

对象与函数

在JavaScript中, 一切皆对象, 函数也是特殊的对象.

阅读全文

类型, 运算符

JavaScript的变量类型是动态类型, 因此语言中会有很多强制转换的情况发生. 运算符实际上是一种特殊的函数.

阅读全文

执行环境, 执行栈, 作用域

JavaScript中执行环境, 执行栈, 作用域的介绍及实例.

阅读全文

Internet基础

介绍一些网络相关的基础概念, 对经典问题「在浏览器中输入网址敲下回车之后发生了什么」的解答.

阅读全文

编程语言

编译型语言与解释型语言的区别, 编译器与解释器, 源代码与机器码.

阅读全文

变量的作用域

变量的作用域是程序源代码中定义这个变量的区域.全局变量拥有全局作用域,在JavaScript代码中的任何地方都有定义.

阅读全文

JavaScript中四种函数调用模式

在JavaScript中对函数进行调用有多种方式, 以下是对四种函数调用模式的介绍, 以及call, apply, bind的区别.

阅读全文