rem适配原理

• 将设备分成 n 等分，n 可以是任意正确的值（比如 flexible.js 中的 n = 10 ）。
• • 设置 html 元素的 font-size 为 设备宽度 / 10，即得到 设备视口 1 rem 到底表示 多少设备视口 px。
• 将设计稿也分成 n 等分，此时设计稿中的某个元素a 的 px 对应 设备中这个元素的 rem 的计算方式为
• • ?rem = 设计稿 a px / (设计稿的宽度 / n(表示1rem为多少px像素))

阅读更多

现在前端开发框架特别流行，vue,react,angular，在开发中，npm包是必不可少的，这就是相当于传统开发中的插件，那么如何发布自己的包？

npm i 包名称 ，就能下载一个包插件，那发布的流程是什么呢？

阅读更多

replace 替换变量文本，改如何处理？

js 替换字符窜，一般情况下是

1
2

let string = "aaabbbsssf";
let a = string.replace("a","我");

阅读更多

文本的显示在前端算是比较X疼的一件事，如何处理断行和在手机端的显示内容呢？

文本换行 断点

1
2
3
4
5
6
7
8
9

word-break:  属性规定自动换行的处理方法
         normal     使用浏览器的默认换行方式
         break-all  允许在单词内断行
                    在使用英文多的时候能够整齐换行
         keep-all   只能在半角空格或连字符处换行

word-wrap：  允许长单词或 URL 地址换行到下一行
         normal      只在允许的断点处处理（按浏览器默认的处理方式）
         break-word  在长单词或者url内部进行换行

阅读更多