Webpack是实现我们前端项目工程化的基础，但其实她的用处远不仅仅如此，我们可以通过Webpack来帮我们做一些自动化的事情。首先我们要了解require.context()这个API 不要困惑，接下来我们来探讨在项目中怎么用。 对于Vue中的路由，大家都很熟悉，类似于声明式…

进入某页面自动弹出带小数点的数字键盘，并且自带输入验证，比如金额——只能输入数字和小数点，并且只能输入一位小数点、小数位不超过2位，且输入前验证不合法就不让输入、(UE特加功能——定制光标颜色>.<简直是反人类的需求)。细分如下： 1. 基于input + 手机自带键盘实现方案…

本文来自尚妆前端团队南洋 发表于尚妆 github 博客，欢迎订阅。 移动端 H5 页面 rem 缩放方案 flexible.js 兼容 375px 方案的思路 参考： 移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js github 一个新的项目复…

最近，有篇名为 《8张图帮你一步步看清 async/await 和 promise 的执行顺序》 的文章引起了我的关注。 作者用一道2017年「今日头条」的前端面试题为引子，分步讲解了最终结果的执行原因。其中涉及到了不少概念，比如异步的执行顺序，宏任务，微任务等等，同时作者限定…

multipages-generator（简称MG）是一个为移动端h5量身打造的网站脚手架，用它可以让你相对的以正确的姿势、迅速的身手、专注于业务，愉快的进行h5开发，以及有配套的快速发布流程。 现在在手淘，京东，今日头条，美柚等过亿用户的手机app中的，都常见h5网页，他们有…

前几天看了一篇文章 ， 颠覆了我对 CSS 认识，心中无数次蹦出一个念头：'卧槽，卧槽，还能特么这么用，这特么太叼了' ... 本文中，所有的图形都是在单个标签内实现的，大量使用了 CSS3 中的 ::before 、::after 伪元素，transparent 、borde…

最近做 h5 页面重构的时候，遇上几个让我很难受的问题： 为了设配，h5 通常会使用 rem 单位，几乎所有尺寸单位，都需要手动写一遍，px2rem($pixel); 对于颜色，阴影这些属性，每次都得手动加 #， 或者 rgba; 对于一些不常用的属性，得手动查文档，比如 …

1. 创建一个vue项目 7. 选择测试框架 （Mocha + Chai） 8. 选择将这些配置文件写入到什么地方 (In dedicated config files) 选是的话，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 2. 全局组件自动注册 在…

金三银四，这会到了招聘的高峰期，最近很多朋友都向我发来了面试题，特此来自我留下笔记和分享，希望对大家有帮助，有所提升。 我们经常会看到上边类似的报错，Access-Cotrol-Allow-Origin 这是典型的跨域报错。其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制…