# 1. 国内使用 npm 存在的问题 安装 npm 后,每次我们安装包时,我们的电脑都要和 npm 服务器进行对话,去 npm 仓库获取包。 npm 默认的仓库地址为:http://registry.npmjs.org 查看当前 npm 仓库地址命令: npm config get registry 因为 npm 的远程服务器在国外,所以有时候难免出现访问过慢,甚至无法访问的情况。 为了解决这个问题,我们有以下几个解决办法 # 2. 使用淘宝的 cpm 代替 npm 淘宝为我们搭建了一个国内的 npm 服务器,它目前是每隔 10 分钟将国外 npm 仓库的所有内容 “搬运”...
more...前端构建这十年
# 写在前面
前端模块化 / 构建工具从最开始的基于浏览器运行时加载的 RequireJs/Sea.js 到将所有资源组装依赖打包 webpack / rollup / parcel 的 bundle 类模块化构建工具,再到现在的 bundleless 基于浏览器原生 ES 模块的 snowpack / vite ,前端的模块化 / 构建工具发展到现在已经快 10 年了。
本文主要回顾 10 年间,前端模块化 / 构建工具的发展历程及其实现原理。
看完本文你可以学到以下知识:
- 模块化规范方案
- 前端构建工具演变,对前端构建有一个系统性认识
- 各个工具诞生历程及所解决的问题
- webpack/parcel/vite 的构建流程及原理分析
(因涉及一些历史、趋势,本文观点仅代表个人主观看法)
禁止 input 自动弹出下拉框的方法
经常设计 form 表单的开发应该知道,用户在浏览器中向表单输入信息的时候会被 input 记录下来,以后每次双击 input 文本框时都会展示以前输入过的信息,虽然这样很方便,但会暴露用户的隐私数据。那如何禁止 input 输入框不记录用户输入的信息呢?下面就来说一下!
# input 中的 autocomplete 属性
autocomplete :属性定义 input 是否启用自动完成功能,也就是我们说的是否记录用户数据!
autocomplete 有两个值,分别为 on 与 off.
on:启用自动完成功能,记录用户数据!
off:关闭自动完成功能,不记录用户数据!
注
autocomplete属性适用于 form 标签,以及text, search, url, telephone, email, password, datepickers, range,color等类型的 input 标签!
meta标签之QQ浏览器私有属性
# QQ 浏览器 x5 内核定制标签说明 设置屏幕方向 <meta name="x5-orientation" content="portrait|landscape" />设置全屏 <meta name="x5-fullscreen" content="true" />设置屏幕模式 <meta name="x5-page-mode" content="app" />
more...meta标签之UC浏览器的私有属性
# UC 浏览器的部分私有 Meta 属性 设置屏幕方向为横屏还是竖屏 <meta name="screen-orientation" content="portrait|landscape">设置是否全屏,yes 表示强制浏览器全屏 <meta name="full-screen" content="yes">缩放不出滚动条 <meta name="viewport"...
more...meta标签之http-equiv属性
# http-equiv 属性
http-equiv 顾名思义,相当于 http 的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为 content,content 中的内容其实就是各个参数的变量值。
meta 标签的 http-equiv 属性语法格式是:
<meta http-equiv="参数"content="参数变量值"> |










