axios 基础知识点总结
摘要:介绍 ajax 是封装 XMLHttpRequestsaxios 是基于ES6 Promise,也是从浏览器创建XMLHttpRequest,可以用在浏览器和nodejs中 特征 从浏览器创建XMLHttpRequest //get post put patch 从node创建http请求 拦截请求
阅读全文
posted @
2020-05-29 16:44
半夏微澜ぺ
阅读(813)
推荐(0) 编辑
vue-router 基础知识点总结
摘要:功能 vue-router实现vue的单页面应用,vue的官方路由器,与vue核心深度集成,使vue构建单页面程序变得轻而易举 嵌套路由/视图映射模块化,基于组件的路由器配置路由参数,查询,通配符查看由vue过渡系统提供动力的过渡效果细粒度的导航控制与自动活动css类的链接HTML5历史纪录模式或哈
阅读全文
posted @
2020-05-28 16:56
半夏微澜ぺ
阅读(598)
推荐(0) 编辑
vue 基础知识 总结
摘要:vue于jquery的区别 jquery主要时操作dom vue 主要是操作数据 是一个渐进式前端框架,vue中渲染dom用到了diff算法,渲染dom要比原生js快 vue参数 Vue是一个构造函数,需要传入options el 挂载根元素 template 模板字符串,有template直接渲染
阅读全文
posted @
2020-05-28 10:40
半夏微澜ぺ
阅读(1020)
推荐(0) 编辑
webpack 拷贝插件copy-webpack-plugin
摘要:将单个文件或整个目录复制到构建目录 安装 npm install copy-webpack-plugin --save-dev const CopyPlugin = require('copy-webpack-plugin'); module.exports = { plugins: [ new C
阅读全文
posted @
2020-05-26 16:52
半夏微澜ぺ
阅读(17578)
推荐(1) 编辑
webpack-dev-server
摘要:webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务,主要提供两个功能: 1 为静态文件提供服务 2 自动刷新和热更新(HMR) 安装 npm install webpack-dev-server --
阅读全文
posted @
2020-05-26 16:22
半夏微澜ぺ
阅读(290)
推荐(0) 编辑
clean-webpack-plugin 打包删除无用的文件
摘要:clean-webpack-plugin用于删除/清除构建文件夹 默认情况下,此插件将output.path 在每次成功构建后删除webpack目录中的所有文件以及所有未使用的webpack资产 npm install clean-webpack-plugin --save-dev demo con
阅读全文
posted @
2020-05-26 15:54
半夏微澜ぺ
阅读(1321)
推荐(0) 编辑
extract-text-webpack-plugin 实现webpack打包分离css
摘要:webpack的打包机制,webpack本来只能打包处理js文件,但是通过强大的loader之后,可以打包处理各种类型的文件,默认都打包到一个bundle.js里面了。 为了把css从js中抽离处理就用到了extract-text-webpack-plugin 用法: npm install ext
阅读全文
posted @
2020-05-26 15:23
半夏微澜ぺ
阅读(947)
推荐(0) 编辑
html-webpack-plugin 单文件/多文件以及配置自定义模板
摘要:原理 插件的基本作用就是生成html文件,原理很简单: 将 webpack 中 entry 配置的相关入口 chunk 和 extract-text-webpack-plugin 抽取的 css 样式 插入到该组件提供的 template 或者 templateContent 配置项指定的内容基础上
阅读全文
posted @
2020-05-25 16:57
半夏微澜ぺ
阅读(1941)
推荐(0) 编辑
vue3
摘要:vue3新特性 1 更快 2 更小 3 更易于维护 4 更多的原生支持 5 更易于开发使用 2.0与3.0双向数据绑定区别 2.0 数据劫持 Object.defineProperty 设置data的get set 3.0 使用代理 proxy vue3.0 不支持vue-devtools 使用ty
阅读全文
posted @
2020-05-25 16:01
半夏微澜ぺ
阅读(305)
推荐(0) 编辑
vuecli中一些配置的解释以及webpack基础知识点
摘要:webpack.dev.config.js devServer:是启动http服务器到指定的端口,这时不会在./dist下面生成静态文件,原因是devServer会把构建的文件保存在内存中,需要通过http访问。 它不会理会配置中的output.path属性,所以要获取bundle.js正确的url
阅读全文
posted @
2020-05-22 17:03
半夏微澜ぺ
阅读(340)
推荐(0) 编辑
vue-cli中理不清的assetsSubDirectory和assetsPublicPath
摘要:index:模板//nidex文件生成在当前目录的上一级的dist文件夹下 assetsRoot:打包后文件要存放的路径,//在当前目录的上一级的dist目录下输出资源文件 assetsSubDirctory:除了index.html之外的静态资源要存放的路径 // 把所有的静态资源打包到dist是
阅读全文
posted @
2020-05-22 14:02
半夏微澜ぺ
阅读(586)
推荐(0) 编辑
node中的路径 path __dirname path.resolve path.join
摘要:__dirname与./的区别 Node.js中,__dirname总是指向被执行js文件的绝对路径,所以当你在/d1/d2/myScript.js文件中写了__dirname,它的值就是/d1/d2 ./会返回你执行node命令的路径, 比如你在目录D盘下执行d1/d2/myScript.js _
阅读全文
posted @
2020-05-21 17:06
半夏微澜ぺ
阅读(3562)
推荐(1) 编辑
npm 依赖处理的进化史
摘要:依赖地狱 早期版本的npm(v2)管理依赖的方式并不复杂。它读取每个模块的依赖列表,并下载匹配版本的依赖模块到该模块目录内的node_modules文件夹下,如果该依赖还依赖其他的模块就继续下载该依赖的依赖到该依赖模块目录的node_modules文件夹下 如此递归执行下去,最终形成一颗庞大的依赖树
阅读全文
posted @
2020-05-21 10:12
半夏微澜ぺ
阅读(606)
推荐(0) 编辑
vue 注意事项
摘要:1 组件名为多个单词,防止跟未来的HTML元素相冲突(所有的HTML元素都是单个单词) 2 组件的data必须时一个函数(返回data对象的函数) 3 prop定义,应该尽量详细。至少需要指定其类型。 4 为v-for设置键值 总是用key配合v-for 5 避免v-for和v-for用在一起,永远
阅读全文
posted @
2020-05-20 17:03
半夏微澜ぺ
阅读(181)
推荐(0) 编辑
vue
摘要:props html的属性是大小写不敏感的,所以如果传递的属性是驼峰写法,使用的时候需要用-写法来使用; Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '<h3>
阅读全文
posted @
2020-05-19 17:03
半夏微澜ぺ
阅读(111)
推荐(0) 编辑
vue中实现在线预览pdf文件
摘要:方法1:使用插件pdfObject(Safari不能正常显示,安卓手机的支持也不好) npm i pdfobject -S main.js Vue.prototype.$PDFObject = PDFObject; <div id="example1" style="height:600px;wid
阅读全文
posted @
2020-05-15 17:03
半夏微澜ぺ
阅读(7134)
推荐(0) 编辑
sass 使用小记
摘要:安装sass npm i sass -g npm 安装sass cnpm i sass -g 查看sass版本信息 sass -version 使用sass sass 是css的预处理器,是css扩展语言,可以帮助我们减少css重复的代码,sass扩展了css3,增加了规则 变量 混入 选择器 继承
阅读全文
posted @
2020-05-13 17:04
半夏微澜ぺ
阅读(318)
推荐(0) 编辑
flex 弹性布局
摘要:Flex 是Flexible Box的缩写,意为‘弹性布局’,任何一个容器都可以指定为Flex布局。 .box{display:flex;} 行内元素也可以使用Flex布局: .box{display:inline-flex;} webkit 内核的浏览器,必须加上-webkit前缀 .box{di
阅读全文
posted @
2020-05-11 17:02
半夏微澜ぺ
阅读(203)
推荐(0) 编辑
margin padding width height left top right bottom 百分比
摘要:当元素的margin padding为百分比时,相对的是距离当前元素最近的父元素的宽度而言(不包含 border padding margin的值,如果父元素没有宽度,则实际宽度还包括父元素的margin负值); 当元素的没有设置宽度/高度时,margin负值会改变元素的宽度/高度,如果设置有宽度/
阅读全文
posted @
2020-05-11 16:02
半夏微澜ぺ
阅读(197)
推荐(0) 编辑
vue中canvas 实现手势密码
摘要:思路: 手势密码思路:1 使用canvas 画圆和线条2 使用canvas画一个画布 设置画布的宽高 CW CH,获取画布距离页面的位置信息canvas.getBoundingClientRect() 3 设置画板距离canvas两边和顶部的距离 offetX offsetY4 九宫格每个圆是一样大
阅读全文
posted @
2020-05-09 17:02
半夏微澜ぺ
阅读(1516)
推荐(0) 编辑
babel-polyfill(解决浏览器不支持es6的问题)和es6-promise(解决不支持promise的问题)
摘要:babel-polyfill:(解决浏览器不支持es6的问题) 使用方法: 1 npm i babel-polyfill --save 2 在main.js中 import ‘babel-polyfill’ 3 修改项目入口设置: 为: 原理就是把es6的语法转换成es5的语法 es6-promis
阅读全文
posted @
2020-05-08 13:59
半夏微澜ぺ
阅读(5048)
推荐(0) 编辑
Ajax fetch axios的区别与优缺点
摘要:Ajax fetch axios的区别与优缺点 原生ajax: var xhr=new XMLHttpRequest(); xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); xhr.open('post
阅读全文
posted @
2020-05-06 17:02
半夏微澜ぺ
阅读(546)
推荐(0) 编辑
Vue中用props给data赋初始值
摘要:在父组件中定义一个对象,传递给子组件,子组件使用父组件的传递的数据初始化数据,在父组件更新数据时,子组件可以同步更新: 父组件: 子组件: 结果: 初始化数据正确: 但是当父组件数据更新时,子组件不会一起更新,原因: Vue初始化时会递归地遍历data所有的属性,并使用Object.definePr
阅读全文
posted @
2020-05-06 11:31
半夏微澜ぺ
阅读(9232)
推荐(0) 编辑