ziyoung

为什么有些字符的 length 不是 1？让我们从 String.fromCharCode 与 String.fromCodePoint 为切入点，谈谈 JavaScript 中的字符串编码。

本文总结了 web 端常见动画实现的方式，希望读者在阅读完本文后，掌握动画开发技巧，更加自信地解决日常开发需求。

使用 React 开发单网页应用时，React Router 必不可少。刚开始接触 React Router 时，跟着文档一步步做，虽然有些概念不太理解，但最终还算是完成了项目。后来阅读了 你不知道的 React Router 4 这篇文章，意识到先前在项目中的某些用法中的用法…

在上篇文章中，主要讨论了 gulp-svg-sprites 的使用以及 Icon 组件的编写。上文中我们是手动复制 SVG symbol 文件的内容粘贴到 index.html。这样操作起来十分不方便，所以在本篇文章中我们通过编写 webpack 插件去实现操作的自动化。 1.…

SVG 即可缩放矢量图形。跟普通的图片相比，它放大也不会失真，并且文件体积更小。现在浏览器对 SVG 支持性是非常好的，我们经常在项目中使用它，比如使用 SVG 图标或者使用 SVG 图片解决高清屏幕下的 1px 显示问题。 本文将主要谈论 SVG 图标的使用，并且会结合实例给…

前端开发中，表单的校验一个很常见的功能，一些 ui 库例如 ant.design 与 Element ui 都实现了有校验功能的 Form 组件。async-validator 是一个可以对数据进行异步校验的库，ant.design 与 Element ui 的 Form 组件…

CSS3 弹性盒子(flexbox)，是一种新的布局方式。使用 flexbox，可以很方便的实现常见的布局以及居中效果。Bootstrap v4 的 Media object 也是使用 flexbox 来实现。flexbox 相关的属性较多，本文便结合几种的情形来探讨 flex…

Promise 是 ES6 新引入的对象。使用 Promise 封装一个异步过程，避免了使用回调函数，链式调用让代码更加清晰。 1. Promsie 的基本概念 Promise 对象是个构造函数，通过 new 创建一个 Promise 实例。 pending: 初始状态，不是成…

1. 单文件组件 日常开发时，我们项目文件夹通常都是使用 vue-cli 创建的，以 单文件组件 的方式来组织代码的。按照平日的开发流程，现在先创建一个 Toast.vue 文件。 该组件有两个 prop : visible 与 msg。visible 控制显示与隐藏，msg …