摘要: BOM简单来说就是浏览器对象; BOM核心对象就是window,window中又包含了6大核心模块!!! 下面这张图全是了BOM和DOM之间联系 document对象,即文档对象 frames,即HTML自框架 history,即页面的历史记录 history.back()相当于history.go 阅读全文
posted @ 2019-09-23 12:05 fanbu 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 变量类型和计算 1.js只有两种储存方式类型:值类型和引用类型 值类型:字符串string 、数字number、布尔值boolean、null、undefined 引用类型:对象object、数组arrary、函数function 2.值类型和引用类型区别: 值类型:保存与复制的是值本身,使用typ 阅读全文
posted @ 2019-09-23 12:05 fanbu 阅读(190) 评论(0) 推荐(0) 编辑
摘要: Tree Shaking 树木摇晃:不用的js功能不打包 当有多个函数功能时,只调用了其中某一些函数,但是打包时,会统统全部打包,造成浪费,这个时候就要使用“摇树”,将没有用到的功能摇出去,再打包; 业务代码中凡是用import引入都模块,都会检查是否调用了模块里面的方法 开发模式下,没有调用的函数 阅读全文
posted @ 2019-08-29 17:16 fanbu 阅读(763) 评论(0) 推荐(0) 编辑
摘要: 库的打包: 1.让打包后用户可以引用 使用libraryTarget:umd //umd让各种方法都能引用,如import ....等 library:' ' //支持<script>的引用,可以自定义任何变量 增加全局变量后,就可以调用方法了 2.自己库里引用了第三方库,而用户引用了自己库,又引用 阅读全文
posted @ 2019-08-29 17:16 fanbu 阅读(939) 评论(0) 推荐(0) 编辑
摘要: 前言:为什么要使用webpack: webpack:简单来说就是分离、编译、打包;模块打包工具; 在使用vue时,我们将HTML,CSS,JS放在同一个.vue文件中,webpack的就可以将这些代码分离出来,与其他同类型代码打包到一起,并转化为合适的格式供浏览器使用 --save-dev和-sav 阅读全文
posted @ 2019-08-29 17:15 fanbu 阅读(903) 评论(0) 推荐(0) 编辑
摘要: nuxt.js:就是vue ssr的封装 目前nuxt脚手架create-nuxt-app如果是3.1.0版本(2020.7.8),安装时暂时没有服务器框架的选择 安装v2.9.2及以前版本就有服务器框架选择。。。 特点:创建即配置!!! 1.page文件夹,里面文件名,就是路径名,index.vu 阅读全文
posted @ 2019-08-02 20:57 fanbu 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 1.前提已安装babel-cli,还没安装可通过npm install --save-dev babel-cli安装 2.在package.json文件中,增加红线部分 3.安装npm install --save-dev babel-preset-env 4.然后在.babelrc文件中 阅读全文
posted @ 2019-07-17 11:41 fanbu 阅读(1099) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2019-07-11 23:13 fanbu 阅读(33) 评论(0) 推荐(0) 编辑
摘要: PostCSS是一款使用插件去转换CSS的工具,有许多非常好用的插件,也能够实现与预处理相同的功能 postCSS输如输出都是css文件 安装: npm install postcss-cli 使用:将src中得到css文件输出到 build中的css文件 常用postcss插件:创建一个配置文件p 阅读全文
posted @ 2019-07-08 21:31 fanbu 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 布局是以栅格系统为基础:一行12列; row: 表示一行,可以将多个块元素放在里面 类名col-:表示宽度占多少列: 例col-2 表示占2列 offset- :表示偏移多少例; 例offset-2 表示偏移2列的位置 响应式布局: 栅格系统在不同分辨率下有不同的分配, 屏幕<576px .col- 阅读全文
posted @ 2019-07-08 18:03 fanbu 阅读(177) 评论(0) 推荐(0) 编辑