背景
npm
命令运行时,往往通过命令行指定相关配置,最常用的便是使用 --registry
来指定依赖的安装源。
npm install --registry=https://registry.npmmirror.com
同样的效果也可以使用 .npmrc
来实现:
registry=https://registry.npmmirror.com
"Node.js 项目通过 .npmrc 文件指定依赖安装源"继续阅读
npm
命令运行时,往往通过命令行指定相关配置,最常用的便是使用 --registry
来指定依赖的安装源。
npm install --registry=https://registry.npmmirror.com
同样的效果也可以使用 .npmrc
来实现:
registry=https://registry.npmmirror.com
"Node.js 项目通过 .npmrc 文件指定依赖安装源"继续阅读
npm install <git remote url>
"npm 直接安装 GitHub/GitLab 仓库代码及npm link 本地调试"继续阅读
"前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)"继续阅读
试想在一个需要频繁更新数据的场景(例如:监控、图表类),常规方法是设置一个间隔 N 秒的定时器 setInterval
;但是这种方式存在一个问题,当前一个请求时间过长时(超过了间隔时间),后一个请求的接口响应会先于前一个请求,也就是说,将导致旧的数据渲染会覆盖新的数据渲染。
"Promise + Async&Await + Array.reduce + 函数递归 解决网络/接口请求的依次/排队不间断间隔访问"继续阅读
在项目根目录下面新建文件 .npmrc
,复制下面代码到该文件。
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
Webpack 作为热门前端构建打包工具,常用来构建打包应用型项目,包含 HTML、JavaScript、CSS 等代码。但是遇到比较零散的项目,往往需要单独打包某一模块,比如:CSS。
"Webpack 只打包 CSS"继续阅读
在上传图片的方式中,拍摄上传往往是热门选择,但是在 IOS 系统下的拍摄上传的图片,名称统一为 image
,当我们把上传后的图片放在同一目录下面的时候,后来的图片就会把之前的图片覆盖了。
"上传图片之前修改图片名称的必要性"继续阅读
为了使页面加载更快,常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。
// 做一些不影响业务的事情
window.addEventListener('load', () => {
// 懒加载埋点分析
loadScript({
url: 'https://www.domain.com/test.js',
timeout: 10000
}).then(() => {
console.log('ok');
}).catch(console.error);
// 其他
// ...
});
"如何知道 window 的 load 事件已经触发"继续阅读