勋章
我关注的人
粉丝
技术能力
- 前端开发
- PHP
- 小程序
- 程序员
- 开发者
- SQL
- JavaScript
暂时未有相关云产品技术能力~
每天进步一点点 研磨生活的香甜
-
发表了文章 2022-04-26
TypeScript躬行记（2）——接口
在传统的面向对象语言中，接口（Interface）好比协议，它会列出一系列的规则（即对行为进行抽象），再由类来实现这些规则。而TypeScript中的接口更加灵活，除了包含常规的作用之外，它还能扩展其它的类、为对象的类型命名以及约束值的结构等，大大消除了许多潜在的错误。
-
发表了文章 2022-04-26
TypeScript躬行记（1）——数据类型
TypeScript不仅支持JavaScript所包含的数据类型，还额外扩展了许多实用的数据类型，例如枚举、空值、任意值等。
-
发表了文章 2022-04-26
React躬行记（15）——React Hooks
Hook（钩子）是React v16.8新引入的特性，能以钩子的形式为函数组件附加类组件的状态、生命周期等特性。React的类组件有难以拆分、测试，状态逻辑分散，难以复用等问题，虽然可以通过渲染属性（Render Props）和高阶组件来提取状态逻辑，但会形成层层嵌套，而使用Hook后的函数组件就能避免这些问题。
-
发表了文章 2022-04-26
React躬行记（14）——测试框架
测试不仅可以发现和预防问题，还能降低风险、减少企业损失。在React中，涌现了多种测试框架，本节会对其中的Jest和Enzyme做详细的讲解。
-
发表了文章 2022-04-26
我的程序员之路——2015年和2016年至今
这次也是创业公司，但与以往不同的是，起点很高，起步资金有1500W，而且给我开的工资破万，对我也很有吸引力。这家公司我待的时间蛮长的，有一年半，而且同事之间的感情也比前面两家要好。我在这家公司主要做PHP，兼顾页面的制作。
-
发表了文章 2022-04-26
我的程序员之路——2013年和2014年
我的程序员之路——2013年和2014年
-
发表了文章 2022-04-26
我的程序员之路——大学和2012年
我于2007年参加高考，顺利考入一所男女比例严重失调的师范大学，主修计算机科学与技术。其实高中的时候本来想选生物的，可惜报生物的人太少，就没有开班，后面选修了化学。原计划是想学高分子材料相关专业的，怎奈高考分数太低，没有考上相关的大学。第二志愿填写的是计算机相关的学校，当初并不知道这个专业是编程，以为是修理电脑的。因为自家电脑老是这个那个的问题，所以就义无反顾的报考了计算机专业。填志愿的时候没有什么伟大的理想，也没有什么周密的计划，就是随意的这么一填，没想到现在就靠这个吃饭了。
-
发表了文章 2022-04-26
Vue躬行记（9）——Vuex
Vuex是一个专为Vue.js设计的状态管理库，适用于多组件共享状态的场景。Vuex能集中式的存储和维护所有组件的状态，并提供相关规则保证状态的独立性、正确性和可预测性，这不仅让调试变得可追踪，还让代码变得更结构化且易维护。本文所使用的Vuex，其版本是3.1.1。
-
发表了文章 2022-04-26
Vue躬行记（8）——Vue Router
虽然Vue.js未提供路由功能，但是官方推出了Vue Router（即vue-router库），以插件的形式支持。它与Vue.js深度集成，可快速的创建单页应用（Single Page Application，SPA）。
-
发表了文章 2022-04-26
Vue躬行记（7）——渲染函数和JSX
除了可通过模板创建HTML之外，Vue还提供了渲染函数和JSX，前者的编码自由度很高，后者对于开发过React的人来说会很熟悉。注意，Vue的模板最终都会被编译成渲染函数。
-
发表了文章 2022-04-26
Vue躬行记（5）——组件通信
组件之间除了保持独立之外，还需要相互通信，本章将介绍几种通信的方式。
-
发表了文章 2022-04-26
Vue躬行记（4）——组件
组件是可复用的Vue实例，拥有属于自己的数据、模板、脚本和样式，可避免繁重的重复性开发。由于组件都是独立的，因此其内部代码不会影响其它组件，但可以包含其它组件，并且相互之间还能通信。
-
发表了文章 2022-04-26
Vue躬行记（3）——样式和表单
Vue对DOM元素的class和style两个特性做了专门的增强，即对CSS类和内联样式做了一层封装，通过v-bind指令来处理它们，而接收的表达式既可以是简单的字符串、对象或数组，也可以是复杂的计算属性。不仅如此，Vue还为表单设计了一些语法糖，让表单处理变得尤为简单。
-
发表了文章 2022-04-26
Vue躬行记（2）——指令
Vue不仅内置了各类指令，包括条件渲染、事件处理等，还能注册自定义指令。
-
发表了文章 2022-04-26
Vue躬行记（1）——数据绑定
Vue躬行记（1）——数据绑定
-
发表了文章 2022-04-26
每次阅读外文技术资料都头疼，终于知道原因了。
每次阅读外文技术资料都头疼，终于知道原因了。
-
发表了文章 2022-04-26
前端利器躬行记（6）——Fiddler
前端利器躬行记（6）——Fiddler
-
发表了文章 2022-04-26
前端利器躬行记（5）——Git
Git是一款开源的分布式版本控制系统，它的出现和Linux紧密相关。Linux内核项目组为了能更好地管理和维护Linux内核开发，于2002年开始启用商业的分布式版本控制系统BitKeeper。虽然软件开发商授权了Linux社区能免费使用，但是好景不长，到了2005年，BitKeeper的开发商由于某些原因终止了与Linux社区的合作关系。于是Linux的作者Linus Torvalds就决定开发一款能替代BitKeeper的分布式版本控制系统（即Git），在花费十天的时间后发布了Git的第一个版本。
-
发表了文章 2022-04-26
前端利器躬行记（4）——webpack进阶
webpack是一个非常强大的工具，除了前文所介绍的基础概念之外，还有各种进阶应用，例如Source Map、模块热替换、集成等，本文会对这些内容做依次讲解。
-
发表了文章 2022-04-26
前端利器躬行记（3）——webpack基础
webpack是一个静态模块打包器，此处的模块可以是任意文件，包括Sass、TypeScript、模板和图像等。webpack可根据输入文件的依赖关系，打包输出浏览器可识别的JavaScript、CSS和HTML等文件，并且能对图像做优化处理，如图1所示。
-
发表了文章 2022-04-26
前端利器躬行记（2）——Babel
前端利器躬行记（2）——Babel
-
发表了文章 2022-04-26
前端利器躬行记（1）——npm
前端利器躬行记（1）——npm
-
发表了文章 2022-04-26
React躬行记（13）——React Router
在网络工程中，路由能保证信息从源地址传输到正确地目的地址，避免在互联网中迷失方向。而前端应用中的路由，其功能与之类似，也是保证信息的准确性，只不过来源变成URL，目的地变成HTML页面。
-
发表了文章 2022-04-26
React躬行记（12）——Redux中间件
React躬行记（12）——Redux中间件
-
发表了文章 2022-04-26
React躬行记（10）——高阶组件
高阶组件（High Order Component，简称HOC）不是一个真的组件，而是一个没有副作用的纯函数，以组件作为参数，返回一个功能增强的新组件，在很多第三方库（例如Redux、Relay等）中都有高阶组件的身影。由于遵循了装饰者模式的设计思想，因此不会入侵传递进来的原组件，而是对其进行抽象、包装和拓展，改变原组件的行为（图9形象的表达出了高阶组件的作用）。这样不仅增强了组件的复用性和灵活性，还保持了组件的易用性。灵活使用高阶组件，可大大提高代码质量。
-
发表了文章 2022-04-26
React躬行记（9）——组件通信
根据组件之间的嵌套关系（即层级关系）可分为4种通信方式：父子、兄弟、跨级和无级。
-
发表了文章 2022-04-26
React躬行记（8）——样式
由于React推崇组件模式，因此会要求HTML、CSS和JavaScript混合在一起，虽然这与过去的关注点分离正好相反，但是更有利于组件之间的隔离。React已将HTML用JSX封装，而对CSS只进行了较弱的封装，仅仅给出了基本的样式设置。不过，好在第三方库提供了CSS in JS的解决方案，让开发者能更高效的书写组件的样式，促进CSS工程化的发展。
-
发表了文章 2022-04-26
React躬行记（6）——事件
React在原生事件的基础上，重新设计了一套跨浏览器的合成事件（SyntheticEvent），在事件传播、注册方式、事件对象等多个方面都做了特别的处理。
-
发表了文章 2022-04-26
React躬行记（7）——表单
表单元素是一类拥有内部状态的元素，这些状态由其自身维护，通过这类元素可让用户与Web应用进行交互。HTML中的表单元素（例如<input>、<select>和<radio>等）在React中都有相应的组件实现，不仅如此，React还将它们分成两种：受控组件和非受控组件。
-
发表了文章 2022-04-26
React躬行记（5）——React和DOM
React实现了一套与浏览器无关的DOM系统，包括元素渲染、节点查询、事件处理等机制。
-
发表了文章 2022-04-26
React躬行记（4）——生命周期
组件的生命周期（Life Cycle）包含三个阶段：挂载（Mounting）、更新（Updating）和卸载（Unmounting），在每个阶段都会有相应的回调方法（也叫钩子）可供选择，从而能更好的控制组件的行为。
-
发表了文章 2022-04-26
React躬行记（3）——组件
组件（Component）由若干个React元素组成，包含属性、状态和生命周期等部分，满足独立、可复用、高内聚和低耦合等设计原则，每个React应用程序都是由一个个的组件搭建而成，即组成React应用程序的最小单元正是组件。
-
发表了文章 2022-04-26
React躬行记（2）——JSX
JSX既不是字符串，也不是HTML，而是一种类似XML，用于描述用户界面的JavaScript扩展语法，如下代码所示。在使用JSX时，为了避免自动插入分号时出现问题，推荐在其最外层用圆括号包裹，并且必须用一个元素包裹（例如下面的<div>元素）其它元素或文本，所有的元素还必须得闭合。
-
发表了文章 2022-04-26
React躬行记（1）——函数式编程
函数式编程是React的精髓，在正式讲解React之前，有必要先了解一下函数式编程，有助于更好的理解React的特点。函数式编程（Functional Programming）不是一种新的框架或工具，而是一种以函数为主的编程范式。编程范式也叫编程范型，是一类编程风格，除了函数式编程，常用的还有面向对象编程、命令式编程等。
-
发表了文章 2022-04-26
程序员健康指南
最近找到了一本有趣的书《程序员健康指南》，此书关注的重点不仅在于预防软件开发者短期的物理并发症，还在于长期保持心血管的健康。那些长时间对着电脑工作、一天下来基本不怎么走动的人，患高血压及2型糖尿病的风险远高于其他人群，这两种疾病会对人体的健康产生长久的严重影响，还会增加心脏病及中风的几率。
-
发表了文章 2022-04-26
前端学习之路，分享给刚学或想学前端的网友（持续更新中）
经常会在群里或论坛上看到有人问：“学习前端有什么捷径？”，一般都是卖油翁式的回答：“无他唯手熟尔”。那么该如何让手熟练呢？其实也就是该如何系统的学习前端。在本文中，我会结合自身的经历，分享一下自己学习前端的过程，期间会穿插引用我过去各个阶段所写的博文。
-
发表了文章 2022-04-26
ES6躬行记（24）——代理和反射
代理和反射是ES6新增的两个特性，两者之间是协调合作的关系，它们的具体功能将在接下来的章节中分别讲解。
-
发表了文章 2022-04-26
ES6躬行记（23）——Promise的静态方法和应用
Promise有四个静态方法，分别是resolve()、reject()、all()和race()，本节将着重分析这几个方法的功能和特点。
-
发表了文章 2022-04-26
ES6躬行记（22）——Promise
在JavaScript中，回调函数是处理异步编程的常用解决方案，但层层嵌套的回调金字塔（如下代码所示）一直受人诟病，因为不仅在视觉上更加混乱，而且在管理上也更为复杂。
-
发表了文章 2022-04-26
ES6躬行记（21）——类的继承
ES6的继承依然是基于原型的继承，但语法更为简洁清晰。通过一个extends关键字，就能描述两个类之间的继承关系（如下代码所示），在此关键字之前的Man是子类(即派生类)，而在其之后的People是父类（即基类或超类）。
-
发表了文章 2022-04-26
ES6躬行记（20）——类
ES6正式将类（Class）的概念在语法层面标准化，今后不必再用构造函数模拟类的行为。而ES6引入的类本质上只是个语法糖（即代码更为简洁、语义更为清晰），其大部分功能（例如继承、封装和复用等）均可在ES5中实现，只不过现在能用更符合面向对象的语法来操作类。但诸如接口、protected修饰符等一些面向对象常用的语法，ES6没有给出相关标准。
-
发表了文章 2022-04-26
ES6躬行记（19）——生成器
根据ES6制订的标准自定义迭代器实现起来比较复杂，因此ES6又引入了生成器的概念，生成器（Generator）是一个能直接创建并返回迭代器的特殊函数，可将其赋给可迭代对象的Symbol.iterator属性。与普通函数不同，生成器不仅可以暂停函数内部的执行（即维护内部的状态），在声明时还需要包含一个星号（*），并且拥有next()、return()和throw()三个迭代器方法。
-
发表了文章 2022-04-26
ES6躬行记（18）——迭代器
ES6将迭代器和生成器内置到语言中，不仅简化了数据处理和集合操作，还弥补了for、while等普通循环的不足，例如难以遍历无穷集合或自定义的树结构等。
-
发表了文章 2022-04-26
ES6躬行记（17）——Map
Map类似于Object（对象），可用来存储键值对，但需要通过SameValueZero算法保持键的唯一性。与Set一样，在使用之前也得要实例化，如下代码所示，构造函数Map()中的参数也是一个可选的可迭代对象，但此对象得是键值对的集合或两列的二维数组。
-
发表了文章 2022-04-26
ES6躬行记（16）——Set
ES6引入了两种新的数据结构：Set和Map。Set是一组值的集合，其中值不能重复；Map（也叫字典）是一组键值对的集合，其中键不能重复。Set和Map都由哈希表（Hash Table）实现，并可按添加时候的顺序枚举。
-
发表了文章 2022-04-26
ES6躬行记（15）——箭头函数和尾调用优化
箭头函数（Arrow Function）是ES6提供的一个很实用的新功能，与普通函数相比，不但在语法上更为简洁，而且在使用时也有更多注意点，
-
发表了文章 2022-04-26
ES6躬行记（14）——函数
在前面的章节中，已陆陆续续介绍了ES6为改良函数而引入的几个新特性，本章将会继续讲解ES6对函数的其余改进，包括默认参数、元属性、块级函数和箭头函数等。
-
发表了文章 2022-04-26
ES6躬行记（13）——类型化数组
类型化数组（Typed Array）是一种处理二进制数据的特殊数组，它可像C语言那样直接操纵字节，不过得先用ArrayBuffer对象创建数组缓冲区（Array Buffer），再映射到指定格式的视图（view）之后，才能读写其中的数据。总共有两类视图，分别是特定类型的TypedArray和通用类型的DataView。在ES6引入类型化数组之后，大大提升了JavaScript数学运算的性能。
-
发表了文章 2022-04-26
ES6躬行记（12）——数组
ES6为数组添加了多个新方法，既对它的功能进行了强化，也消除了容易产生歧义的语法。
-
发表了文章 2022-04-26
ES6躬行记（10）——正则表达式
在ES5中，如果使用构造函数RegExp()初始化RegExp对象（即正则表达式），并且它的第一个参数是正则表达式时，那么不允许再传入标志字符串（即第二个参数）。而ES6更改了这项限制，如果传入了第二个参数，那么就会取代第一个参数中的标志，如下所示。
-
发表了文章
2023-05-23
从零开始搞基建（5）——代码质量
-
发表了文章
2023-05-23
Node.js躬行记（28）——Cypress自动化测试实践
-
发表了文章
2023-05-23
Node.js躬行记（27）——接口管理
-
发表了文章
2023-05-23
带团队后的日常思考（十二）
-
发表了文章
2023-05-23
如何去推动自己团队所提出的需求
-
发表了文章
2023-05-23
前端性能精进（七）——构建
-
发表了文章
2023-05-23
前端性能精进之浏览器（五）——JavaScript
-
发表了文章
2023-05-23
前端性能精进之浏览器（四）——呈现
-
发表了文章
2023-05-23
前端性能精进之浏览器（三）——图像
-
发表了文章
2023-05-23
前端性能精进之优化方法论（二）——分析 （下）
-
发表了文章
2023-05-23
前端性能精进之优化方法论（二）——分析 （上）
-
发表了文章
2023-05-23
前端性能精进之优化方法论（一）——测量 （下）
-
发表了文章
2023-05-23
前端性能精进之优化方法论（一）——测量 （上）
-
发表了文章
2023-05-23
我好像找到了点学习英文的技巧
-
发表了文章
2023-05-23
shin-monitor源码分析
-
发表了文章
2023-05-23
带团队后的日常思考（十一）
-
发表了文章
2023-05-23
【译】我们对 2023 年核心页面指标的建议
-
发表了文章
2023-05-23
【译】15 个有用的 JavaScript 技巧
-
发表了文章
2023-05-23
Node.js躬行记（26）——接口拦截和页面回放实验
-
发表了文章
2023-05-23
【译】2022 年回顾：Web 性能有哪些新变化？
