博客

hash和history

Posted on 2020-11-17 Edited on 2024-12-20

在单页应用(SPA)中会使用前端路由，页面地址的跳转都是在浏览器端完成的，不会重新请求服务端获取 html，html 只在应用初始化时加载一次。所有的页面由不同的组件构成，页面的切换其实就是不同组件的切换。

Babel 转码

Posted on 2020-11-17 Edited on 2024-12-20

Babel 是如何把 ES6 转码成 ES5 的

什么是 ES6、ES5

ECMAScript 6.0 简称 ES6 是下一代 JavaScript 语言标准，于 2015年发布，所以又称为 ES2015。ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现。

Vue 应用单元测试的策略与实践

Posted on 2020-07-28 Edited on 2024-12-20

单元测试基础

没有单元测试，开发者会倾向于不变动代码，导致代码腐化
加快开发速度
测试是重构的唯一保障
Read more »

端对端测试框架选择及其简单用法

Posted on 2020-07-28 Edited on 2024-12-23

什么是 Nightwatch

Nightwatch 是一个可以为 Web 应用和网站提供自动端对端测试的框架。它由 Node.js 编写而成并且使用 W3C WebDriver API （以前是Selenium WebDriver）与不同的浏览器互动。

Nightwatch 是一个完整的测试解决方案旨在简化编写测试的过程以及设置持续集成和持续部署。Nightwatch 还可以用作为 Node.js 应用编写单元测试和集成测试。

vue 浏览器兼容

Posted on 2020-07-14 Edited on 2024-12-20

browserslist

在package.json中有一个browserslis配置项是用来配置该工程的目标浏览器范围。

使用@vue/cli初始化的工程该配置项默认为['> 1%','last 2 versions'],在工程路径下执行npx browserslist可以列出该配置支持的浏览器列表。

同时这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。

同时配置多个git账号

Posted on 2019-09-06 Edited on 2024-12-20

Why

因为要在公司电脑上使用公司的gitlab同时还需要使用自己的github，所以需要根据项目区分commit时的账户。

[译]我用React和Vue创建了一个同样的app，这里是他们的不同之处

Posted on 2019-08-09 Edited on 2024-12-20

原文地址：I created the exact same app in React and Vue. Here are the differences.

工作中在用Vue，所以我对它有很扎实的理解。我以前就很好奇，篱笆另一边的草是什么样子的，这里说的草就是React。

我读过React的文档，也看过一些教学视频。他们是不错，但是我真的想知道的是React和Vue到底有多不同。这里说的‘不同’，不是说他们都在用虚拟Dom或者他们渲染页面的方式。我以为会有一个人愿意花点时间去解释代码层面的不同，所以我没少花时间去找这么一篇描写React和Vue哪里不同的文章，好让我对他们直接的不同之处有更深入的理解。