关于技术，关于生活

从 Babel7 编译 node_modules 报错说起

Babel7 with node_modules

好久没更新博客了🙄, 这篇可以结合 Babel 7 升级实践一起看缘起A：我这边有问题啊，怎么页面空白？B：我这里明明是好的！A：你自己来试B：怎么这么多奇奇怪怪的问题这是发生在我和同事之间的对话。我跑过去看了一下控制台，页面直接爆炸💥了：1Uncaught TypeError: $ is not a function定位到是 core-js 的某个文件提示这个错，怎么回事？googl......

Posted by hhking on 2020-08-21

Git 分支开发规范

Git Branch Guideline

前言最近在整理文档和一些团队规范，整理了一下团队中使用 Git 的一些规范。规范的制定，要根据不同团队和场景分支命名master 分支master 是主分支，用于部署线上生产环境master 分支由 release、hotfix 分支合并，禁止直接修改release 分支release 是预发布分支，对应部署预发布环境release 分支一般由 develop 分支合并release 分支完......

Posted by hhking on 2019-12-28

HTTP 和安全相关的头信息

HTTP Security Headers

前言WEB 应用越来越复杂，前端所承担的也不再仅仅是切图、写界面的任务。作为一个前端工程师，掌握必要的 WEB 安全相关的知识，也是必要的。这里收集整理了 HTTP 中和安全相关的头信息内容，了解这些头信息，在提升网站的安全性上，是有不少帮助的。安全相关的头信息Content-Security-Policy内容安全策略 CSP (Content-Security-Policy) 的主要目的是......

Posted by hhking on 2019-08-25

《你读我记》小程序

reading keeper

缘起上班通勤时间很长，在地铁上竟成了我看书最多的地方。看过很多书、小说，也忘了很多。小说 App 和 iReader 都带有阅读记录的时长，但是我经常是各个地方、各个姿势、各个类型都会看，没法统一起来。于是乎，就想有个记录的地方，也试过不少有次功能的 App，各有特色，看起来也不复杂，何不自己做个呢？搞起想了很久，忙忙碌碌，终究是懒，断断续续至今，终于做了个线上版的小程序 —— 你读我记也算......

Posted by hhking on 2019-08-12

Redux 源码解读

redux-interpretation

本篇解读基于 Redux 版本 4.0.1。完整的注释发在这个仓库 redux-interpretationRedux 的源码很短，核心就是实现下面这些 api，也是我们使用的时候会遇到的。123456789store: { dispatch, subscribe, getState, replaceReducer},bindActionCreators,comb......

Posted by hhking on 2019-07-12

Babel 7 升级实践

Babel 7 Update Practice

缘起最近在看项目的升级和优化，项目用的是 Babel 6，踩了一下升级到 Babel 7 的坑。@babel/preset-env@babel/preset-env 根据指定的执行环境提供语法装换，也提供配置 polyfill。Babel 7 已经弃用年份 preset: babel-preset-es2015, babel-preset-es2016, babel-preset-es201......

Posted by hhking on 2019-04-02

React Hooks 阅读笔记 —— Hooks 简介

官方文档关于 Hooks 的阅读笔记关于 Hooks这是个可选的功能。如果你不想用，你可以选择忽略它。100% 向后兼容。Hooks 没有破坏性的变更。现在已经可以使用了。Hooks 在 React V16.8.0 已经发布。Hooks 要解决的问题组件之间的状态逻辑复用render props 和 higer-order components 模式，也是为了解决这个问题而出现的。但是，这两......

Posted by hhking on 2019-03-16

webpack4 升级记

前言号称 “零配置”、“最高可提升98%的速度” 的 webpack4 已经出来一段时间了，而且 webpack5 也已经在路上了。再不体验一下 webpack4 就老了！目前项目使用的还是 webpack3，打包速度确实是锻炼人的耐心，这次趁着有点时间，决心优化一下项目，尝试从 webpack 升级开始。期间断断续续也遇到不少问题，在这里对大致的过程做个记录。犹记当年，也是我把 webpa......

Posted by hhking on 2019-03-10

[译]JavaScript 如何复制对象

原文: COPYING OBJECTS IN JAVASCRIPT作者: Victor Parmar这篇文章，我们将介绍在 JavaScript 中复制对象的各种方法。其中包括了浅复制和深复制。开始之前，有必要说一些基础概念：JavaScript 中的对象，是对内存中存储位置的引用。这些引用是可变的，即：引用可以被重新赋值。因此，简单的复制引用，结果只会是两个引用同时指向内存中的同一个位置：......

Posted by hhking on 2018-12-11

Awesome Font-end

前端实用备忘录

前端的发展日新月异，新的技术、新的工具如雨后春笋，不断的冒出来。作为前端，身处于大前端的繁荣时代，需要不断的学习，不断的更新自我。这是最好的时代，也是最坏的时代鱼，还是渔，这时就显得非常的重要。掌握好的信息来源，接收优质的内容，才能在浪潮中游刃有余。所以，这里记录一些个人觉得值得关注和收藏的前端领域内容:前端工具教程&&博客实用的库值得关注的大神值得订阅的资讯书单主要的目的是......

Posted by hhking on 2018-12-03

HK Talk