编写可维护的 JavaScript
编写可维护的 JavaScript 几乎每个程序员都有接手维护别人遗留项目的经历。或者，有可能一个老项目某一天又被重新启动。 通常情况下，接手老项目都会让人恨不得抛弃掉整个代码库从头开始...（投递于2019-05-30 12:15:14）
浅谈webpack devtool里的7种SourceMap模式
浅谈webpack devtool里的7种SourceMap模式 这篇文章主要介绍了浅谈webpack devtool里的7种SourceMap模式，主要介绍了这7种模式的使用和打包编译后的结果的不同，非常具有实用价值，有兴趣的可以了解一...（投递于2019-05-30 12:15:08）
玩转Koa之核心原理分析
玩转Koa之核心原理分析 Koa作为下一代Web开发框架，不仅让我们体验到了async/await语法带来同步方式书写异步代码的酸爽，而且本身简洁的特点，更加利于开发者结合业务本身进行扩展。 本文从...（投递于2019-05-30 12:14:59）
发布一款npm包帮助理解npm的使用
发布一款npm包帮助理解npm的使用 npm 在前端工程化中扮演着不可或缺的角色，前端工程师每天通过npm安装项目依赖，通过npm发布自己的包，更新包，通过npm 脚本运行开发环境，打包等。 平时专...（投递于2019-05-30 12:14:54）
如何使用less实现随机下雪动画详解
如何使用less实现随机下雪动画详解 冬天来了，设计师说摇摇乐的场景需要随机下落的雪花动画，第一时间就想到的方法是canvas比较好，项目非常紧急，然而小程序对canvas支持不够友好，容易在...（投递于2019-05-30 12:14:48）
React SSR样式及SEO的实践
React SSR样式及SEO的实践 前一篇主要记录了一下SSR配置以及结合Redux的使用。这里简单说一下React SSR中样式处理和更优雅的SEO SSR样式 在React客户端渲染，添加样式很容易。写一个css样式文件，在...（投递于2019-05-30 12:14:43）
详解利用clear清除浮动的一些问题解决
详解利用clear清除浮动的一些问题解决 下面这段代码是用来清除浮动带来的高度塌陷问题 .clearfix:before { content: .; display: block; height: 0; clear: both; visibility: hidden;} Question 1: 上面的代码的能够实现...（投递于2019-05-30 12:14:38）
创建React16.6，Mobx5 和 Typescript3 初始工程
创建React16.6，Mobx5 和 Typescript3 初始工程 Getting started with MOBX 5 and TypeScript 3, React 16.6 原文为一篇英文文章，整篇几乎不用翻译即可看懂，这里只做简要注解，转载信息见文末。 When looking around...（投递于2019-05-30 12:14:33）
JavaScript 复制对象与Object.assign方法无法实现深复制
JavaScript 复制对象与Object.assign方法无法实现深复制 在JavaScript这门语言中，数据类型分为两大类：基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、String、Symbol（ES6...（投递于2019-05-30 12:14:23）
近期踩坑
近期踩坑 1、Object.assign并不能完成深拷贝 2、lodash的map是无顺序的但是稳定 3、注意react单页面应用router跳转后做setState操作报错 4、react didUpdate之内保存数据不完全靠谱 5、loadsh循环的返回值不...（投递于2019-05-30 12:14:19）
网址收藏（持续维护）
网址收藏（持续维护） Tips：大家有什么好的站点欢迎留言共享 技术类 唯一与官方文档同步的中文文档，很多前端资源：印记中文 一键生产GIF动画：开源工具gka 总结一些前端小技能的博客：...（投递于2019-05-30 12:14:14）
Egg项目做请求字段验证-egg-validate-plus
Egg项目做请求字段验证-egg-validate-plus 开篇 近期在倒腾Github上一个已经开源的项目，其技术栈为egg+sequelize+mysql+react，最重要的是 还有配套视频 ，是一个很好的全栈练习，下面也给大家分享一下...（投递于2019-05-30 12:14:09）
现代 JavaScript 函数库 usuallyjs 的安装和使用
现代 JavaScript 函数库 usuallyjs 的安装和使用 usuallyjs usuallyjs 是一个面向现代 Web 开发的 JavaScript 实用函数库。 usuallyjs 基于 ES6 开发，抛弃了传统 Web 开发中 DOM 和 BOM 操作部分的内容，精选了一系...（投递于2019-05-30 12:13:56）
html标签使用情况
html标签使用情况 获取html标签使用情况，可以打开控制台试试 function getTagsMap() { return [...document.querySelectorAll('*')].reduce((a, c) = { let tagName = c.tagName.toLowerCase(); if(a[tagName]) { a[tagName] += 1; } else { a...（投递于2019-05-30 12:13:51）
Java 递归实现从n个数中选取m个数的所有组合
Java 递归实现从n个数中选取m个数的所有组合 Java递归实现从n个数中选取m个数的所有组合 这周Java课程有个小作业：Java递归实现从n个数中选取m个数的所有组合 效果图 代码如下 //其中 n 取 1,2...（投递于2019-05-30 12:13:47）
导出文件(记录一下)
导出文件(记录一下) save_as.js（@/utils/save_as） /** * @description 导出文件 * @param {Blob} blob * @param {String} filename */export default function saveAs (blob, filename) { let type = blob.type; let force_saveable_type = 'applicatio...（投递于2019-05-30 12:13:43）
react学习笔记
react学习笔记 官网代码： import React from 'react'import ReactDOM from 'react-dom'import './index.css'function Square(props) { //函数定义组件，接收一个单一的“props”对象并返回了一个React元素 return ( button classNa...（投递于2019-05-30 12:13:31）
原生 JS 实现移动端 Touch 滑动反弹
原生 JS 实现移动端 Touch 滑动反弹 什么是 Touch滑动？就是类似于 PC端的滚动事件，但是在移动端是没有滚动事件的，所以就要用到 Touch事件结合 js去实现，效果如下： 1. 准备工作 什么是移动端...（投递于2019-05-30 12:13:26）
Promise.resolve()和setTimeout(fn,0)
Promise.resolve()和setTimeout(fn,0) 主要讲了Promise.resolve常见用法以及一些Promise.resolve().then()的特殊用途。 文章地址： Promise.resolve()和setTimeout(fn,0)...（投递于2019-05-30 12:13:19）
JavaScript 是如何运行的：引擎调用堆栈理解
JavaScript 是如何运行的：引擎调用堆栈理解 本文是旨在深入研究JavaScript及其实际工作原理的系列文章中的第一篇:我们认为通过了解JavaScript的构建块以及它们是如何工作的，将能够编写更好的...（投递于2019-05-30 12:13:12）
利用js识别用户当前浏览器具体类型（非内核）和电脑系统类型
利用js识别用户当前浏览器具体类型（非内核）和电脑系统类型 废话不多说，直接给你们上代码吧： !DOCTYPE htmlhtml head meta charset=UTF-8 title/title script src=http://code.jquery.com/jquery-2.1.1.min.js/script /h...（投递于2019-05-30 12:13:07）
node 版 2048
node 版 2048 写了个 2048 node 版 一个可以直接在终端玩 2048 游戏的项目。 github地址 安装 npm i -g 2048.node 启动 2048node 效果 喜欢的话给个star ^_^ ❤❤...（投递于2019-05-30 12:13:03）
React简单模拟语法(一)
React简单模拟语法(一) React系列 React简单模拟语法(一) Jsx, 合成事件与Refs(二) virtualdom diff算法实现分析(三) 从Mixin到HOC再到HOOKS(四) createElement, ReactElement与Component部分源码解析(五) 前言 我们先不...（投递于2019-05-30 12:12:58）
debounce & throttle 防抖与节流
debounce throttle 防抖与节流 最近新做组件库正好用到这个概念~ 重新学习一下~ debounce 防抖动，指的是，在等待时间内触发多次但是只调用一次cb throttle 节流是指，触发之后在等待时间内一定会调...（投递于2019-05-30 12:12:53）
前端日常总结-9个
前端日常总结-9个 1.对象的深拷贝问题 方式一： var clone2 = function(v) { return ( JSON.parse(JSON.stringify(v)) );} 方式二： var clone = function(obj) { var newObj = obj.constructor === Array ? [] : {}; for( var key in obj) { ne...（投递于2019-05-30 12:12:42）