Web
Web
Star丶Xing
Star
展开
-
CSS 文字溢出 text-overflow,word-break,word-wrap,white-space
1. 什么是单词(word )英文的单词我们都知道,空格分开的都是一个个单词,中文的单词在浏览器中指的一个字。下面是一个浏览器判定单词的例子:中文 //2 个单词Hello world //2 个单词Helloworld //1 个单词2. word-wrap 和 word-breakword-wrap值描述normal只在允许的断字点换行(浏览器保持默...原创 2020-05-06 16:26:46 · 4602 阅读 · 0 评论 -
控制 CSS 动画播放
CSS3 animation-play-state 可以设置动画的状态,有已下取值值描述paused规定动画已暂停running规定动画正在播放通过 JS 控制CSS 属性,就可以控制动画的播放,暂停。不兼容 IE9 及更老版本的 IE...原创 2020-05-06 13:40:59 · 679 阅读 · 0 评论 -
font-size 小于 12px 无效
问题测试在 Chrome 浏览器中,设置 font-size 小于 12px 时无效。示例在线运行以下是在 Chrome 中运行的结果。可以看到 0px 是生效的,但是小于 12px 的设置,统统和 12px 的文字大小一样。原因Chrome 认为 12px 以下的字体阅读不舒适。所以默认限制字体不能小于12px,但是允许设置为 0px。这个最小字号,在 chrome://sett...原创 2020-05-06 11:10:33 · 1111 阅读 · 0 评论 -
MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”
问题Windows 系统用 NPM 安装某些包时,报错解决1、使用管理员运行 PowerShell2、执行npm install global production windows-build-tools等待执完成原创 2020-04-12 16:28:44 · 646 阅读 · 0 评论 -
解决图片下方总有空白去不掉
问题img 被设置 display:inline-block 时,下方总会有 3px 间隙。解决通过给 img 设置 vertical-align 可以设置不需要间隙。img { vertical-align: middle;}原创 2020-04-09 14:19:44 · 3082 阅读 · 0 评论 -
npm 的 --unsafe-perm 参数
npm 出于安全考虑不支持以 root 用户运行,即使你用 root 用户身份运行了,npm 会自动转成一个叫 nobody 的用户来运行,而这个用户几乎没有任何权限。这样的话如果你脚本里有一些需要权限的操作,比如写文件(尤其是写 /root/.node-gyp),就会崩掉了。为了避免这种情况,要么按照 npm 的规矩来,专门建一个用于运行 npm 的高权限用户;要么加 --unsafe-per...原创 2019-12-04 09:51:21 · 10266 阅读 · 0 评论 -
node-gyp rebuild 报错
使用管理员打开 Power Shell ,执行npm install -g windows-build-tools再次执行 node-gyp rebuild 即可原创 2019-04-30 12:56:36 · 18328 阅读 · 1 评论 -
WebStrom 与 eslint 格式化代码冲突
问题当Vue项目采用了 eslint+prettier 控制代码风格时,WebStorm 默认的格式化代码(Reformat Code) 会和这套工具的代码风格冲突。具体表现是:我们是用 Ctrl+F 格式化代码,格式化后WebStrom 反而出现很多黄色警告。解决采用 prettier 来格式化代码,不使用 WebStrom 自带代码格式化工具。打开WebStorm , File-&g...原创 2019-04-30 14:44:56 · 4238 阅读 · 0 评论 -
@vue/cli3 构建环境变量
问题开发中我们的Web应用可能有多个运行环境,开发环境(本地代码调试),测试环境(部署测试代码),正式环境。不同的运行环境下,我们可能有部分代码需要根据环境来做对应的改变。例如:// 测试环境需要用这个tokenconst app_token = "111111"; // 正式环境需要用这个tokenconst app_token = "222222";我们可以在构建脚本中添加打包...原创 2019-09-10 10:44:10 · 415 阅读 · 0 评论