摘要:
Vue.js生命周期 初始化(事件&生命周期) 》beforeCreate钩子函数 》初始化(注入&校验) 》created钩子函数 Vue.js语法和概念 1、差值表达式 2、指令 3.计算属性和侦听器 4、Class和Style绑定 5、条件渲染/列表渲染 6、表单输入绑定 7、组件 8、插槽
阅读全文
posted @ 2021-03-29 10:06
phantom_yy
阅读(56)
推荐(0)
摘要:
规范化标准 规范化是我们践行前端工程化中重要的一部分 常见的规范化实现方式: 1、ESLint工具使用 2、定制ESLint校验规则 3、ESLint对TypeScript的支持 4、ESLint结合自动化工具或者Webpack 5、基于ESLint的衍生工具 6、Stylelint工具的使用 Es
阅读全文
posted @ 2021-03-26 16:10
phantom_yy
阅读(86)
推荐(0)
摘要:
1、因为模块打包需要,webpack可以处理import和export;但是并不能处理es6其他特性 2、babel-loader处理代码新特性 安装模块 yarn add babel-loader @babel/core @babel/preset-env --dev 配置使用 { test:/.
阅读全文
posted @ 2021-03-17 19:00
phantom_yy
阅读(140)
推荐(0)
摘要:
1、安装url-loader yarn add url-loader --dev 2、使用 { test:/.png$/, use:'url-loader' } 3、总结 (1)小文件使用Data URLs,减少请求次数; (2)大文件淡出提取存放,提高加载速度; 优化: 超出10KB文件单独提取存
阅读全文
posted @ 2021-03-17 17:44
phantom_yy
阅读(72)
推荐(0)
摘要:
1、导入图片 import icon from './icon.png' 2、安装file-loader yarn add file-loader --dev 3、使用 main.js const img = new Image(); img.src = icon; document.body.ap
阅读全文
posted @ 2021-03-17 16:01
phantom_yy
阅读(77)
推荐(0)
摘要:
WebPack常用加载器分类 1、编译转换类 2、文件操作类 3、代码检查类 webpack默认打包javascript文件 1、为其他资源安装loader 安装css-loader yarn add css-loader --dev 2、添加style-loader yarn add style-
阅读全文
posted @ 2021-03-17 12:05
phantom_yy
阅读(65)
推荐(0)
摘要:
ES Modules浏览器环境Polyfill Polyfill支持大多数的ES Module正常加载 1、页面引入loader脚本文件 2、页面引入promise文件(浏览器未找到定义promise的情况下) 3、在使用Polyfill时,一些支持ES Module的浏览器会重复加载,所以在引用的
阅读全文
posted @ 2021-03-15 18:54
phantom_yy
阅读(56)
推荐(0)
摘要:
ES Modules特性 1、ESM自动采用严格模式,忽略'use strict' 2、每个ES Module 都是运行在单独的私有作用域 3、ESM是通过CORE的方式请求外部JS模块的 4、ESM的script标签会延迟执行脚本 ES Modules导入与导出 export模块内向模块外暴露接口
阅读全文
posted @ 2021-03-15 16:56
phantom_yy
阅读(108)
推荐(0)
摘要:
1、配置文件中添加配置 //转换sass //match第一个参数选择器 //rExt:扩展名 //optimizer:压缩 fis.match('**/*.scss',{ rExt:'.css', parse:fis.plugin('node-sass'), optimizer:fis.plugi
阅读全文
posted @ 2021-03-11 18:15
phantom_yy
阅读(98)
推荐(0)
摘要:
FIS的核心特点:高度集成,它将前端开发常见的构建任务和调试都集中在内部,开发者可以通过简单的配置完成开发工作。 1、全局安装fis3模块 yarn global add fis3 2、构建任务 fis3 release 3、指定输出目录(output),实现资源定位 fis3 release -d
阅读全文
posted @ 2021-03-11 17:53
phantom_yy
阅读(182)
推荐(0)