649 1 分钟

# 1. 国内使用 npm 存在的问题 安装 npm 后,每次我们安装包时,我们的电脑都要和 npm 服务器进行对话,去 npm 仓库获取包。 npm 默认的仓库地址为:http://registry.npmjs.org 查看当前 npm 仓库地址命令: npm config get registry 因为 npm 的远程服务器在国外,所以有时候难免出现访问过慢,甚至无法访问的情况。 为了解决这个问题,我们有以下几个解决办法 # 2. 使用淘宝的 cpm 代替 npm 淘宝为我们搭建了一个国内的 npm 服务器,它目前是每隔 10 分钟将国外 npm 仓库的所有内容 “搬运”...
2.6k 2 分钟

# git 提交规范

  • 参考规范 Angular 的提交约定
    • feat 增加新功能
    • fix 修复问题 / BUG
    • style 代码风格相关无影响运行结果的
    • perf 优化 / 性能提升
    • refactor 重构
    • revert 撤销修改
    • test 测试相关
    • docs 文档 / 注释
    • chore 依赖更新 / 脚手架配置修改等
    • workflow 工作流改进
    • ci 持续集成
    • types 类型定义文件更改
    • wip 开发中

2.5k 2 分钟

​ 最近基于 ES module 的 bundleless 构建工具很火,特别是尤大在到处推广 Vite ,号称 “下一代前端构建工具”,在前不久的 VueConf 2021 上,尤大可谓狠狠地宣传了一下。以至于一度有很多人认为,有了 Vite 之后就不再需要 Webpack 了。虽然 Vite 现在确实很火,也有很多人在尝鲜,但现实恰好与大家的观念相反,目前几乎没人把 Vite 用于实际的项目开发。

img

5.2k 5 分钟

# Vite 是什么?

Vite (读音类似于 [weɪt],法语,快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发,在生产环境下基于 Rollup 打包。

9.4k 9 分钟

# 写在前面

前端模块化 / 构建工具从最开始的基于浏览器运行时加载的 RequireJs/Sea.js 到将所有资源组装依赖打包 webpack / rollup / parcelbundle 类模块化构建工具,再到现在的 bundleless 基于浏览器原生 ES 模块的 snowpack / vite ,前端的模块化 / 构建工具发展到现在已经快 10 年了。

本文主要回顾 10 年间,前端模块化 / 构建工具的发展历程及其实现原理。

看完本文你可以学到以下知识:

  • 模块化规范方案
  • 前端构建工具演变,对前端构建有一个系统性认识
  • 各个工具诞生历程及所解决的问题
  • webpack/parcel/vite 的构建流程及原理分析

(因涉及一些历史、趋势,本文观点仅代表个人主观看法)

882 1 分钟

经常设计 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 标签!

3k 3 分钟

# Base <!-- 页面作者 --><meta name="Author" contect="你的姓名"><!-- 页面主要内容 --><meta name="Description" contect=""><!-- 页面关键词 --><meta name="keywords" contect=""><!-- 页面版权 --><meta...
177 1 分钟

# QQ 浏览器 x5 内核定制标签说明 设置屏幕方向 <meta name="x5-orientation" content="portrait|landscape" />设置全屏 <meta name="x5-fullscreen" content="true" />设置屏幕模式 <meta name="x5-page-mode" content="app" />
824 1 分钟

# UC 浏览器的部分私有 Meta 属性 设置屏幕方向为横屏还是竖屏 <meta name="screen-orientation" content="portrait|landscape">设置是否全屏,yes 表示强制浏览器全屏 <meta name="full-screen" content="yes">缩放不出滚动条 <meta name="viewport"...
1.7k 2 分钟

# http-equiv 属性

http-equiv 顾名思义,相当于 http 的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为 content,content 中的内容其实就是各个参数的变量值。

meta 标签的 http-equiv 属性语法格式是:

<meta http-equiv="参数"content="参数变量值">