常用开源CDN公共库

CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。公共CDN能为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。 CDNJS CDNJS提供非常完整的 JavaScript...

Vue / React 刷新404 Nginx配置

React、Vue单页应用项目打包部署Nginx服务器后，刷新页面后，出现404。 location / { try_files $uri $uri/ /index.html; }

Umi.js 新手入门教程

环境准备首先得有 node，并确保 node 版本是 10.13 或以上。（mac 下推荐使用 nvm 来管理 node 版本） node -v v10.13.0 推荐使用 yarn 管理 npm 依赖，并使用国内源（阿里用户使用内网源）。 # 国内源 npm i yarn tyarn -g # 后面文档里的 yarn 换成 tyarn t...

mkcert生产本地HTTPS加密证书的工具

mkcert是制作本地可信开发证书的简单工具。它不需要配置。 $ mkcert -install Created a new local CA at "/Users/filippo/Library/Application Support/mkcert" The local CA is now installed in the system trust store! ⚡ The local CA is now installed in the Firef...

纯javascript 平滑滚动到页面顶部

纯javascript 平滑滚动到页面顶部 html: <body id="top"> <a href="#top" onclick="scrollToTop();return false">Back to Top ↑</a> javascript: var timeOut; function scrollToTop() { if (document.body.scrollTop!=0 || document....

禁止body滚动|移动端滚动穿透问题

定义：移动端弹出fixed弹窗的话，在弹窗上滑动会导致下层的页面跟着滚动，这个叫 “滚动穿透” 解决方法： function fixedBody(){ var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; document.body.style.cssText ...

HTML5-Placeholder实现input背景文字提示效果

这篇文章我们来看看什么是input输入框背景文字提示效果，如下图所示：这种效果现在网上非常的普遍流行，但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式，不需要任何的JavaScript，只需要在你的input文本框的标记上添加HTML5规范里新增的placehold...

让网站页面变灰-配合全国哀悼日

全国哀悼日，看到很多的网站，都将网站变成了灰色直接在*.css文件最前面加入均可 body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 其他HTML页面 html { filter:progid:DXImageTransform.Microsoft.BasicImage...