
🌈 前端工程化 🌈
文章平均质量分 53
前端工程化
NO x ONE
喜欢唱、跳、Rap、篮球,但不喜欢写代码的码农
展开
-
移动端适配方案
引入以下代码,会根据不同的屏幕宽度动态设置根标签的fontSize的值,UI以频宽为750px为标准进行设计即可适配不同的机型,注意的是全局的px要用rem替代,这时1rem = 1px (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () {原创 2022-06-20 22:34:36 · 406 阅读 · 0 评论 -
从零搭建简单Vue脚手架
1.安装相关依赖 npm i vue router npm i webpack webpack-cli vue-loader vue-template-compiler sass-loader sass css-loader style-loader babel-loader @babel/core @babel/preset-env -D 2.创建dist和src文件夹 1.在dist文件夹下创建index.html,内容如下 <!DOCTYPE html>原创 2022-05-05 14:17:57 · 425 阅读 · 0 评论 -
webpack简单搭建
webpack搭建项目1.初始化项目2.Webpack配置入口和出口3.Loader3.1 css相关loader1. css-loader2.style-loader3.less-loader和sass-loader3.2 JS相关loader1.babel2.babel-loader3.polyfill4.vue-loader5.ts-loader3.3 兼容处理1.浏览器兼容2.postcss样式兼容3.babel3.4 其他loader1.import-loader2.file-loader3.ur原创 2022-05-05 14:43:27 · 1258 阅读 · 0 评论