04 2019 档案
摘要："官方文档" "参考文献" 一、安装Tinymce 或者在package.json文件中配置 二、安装语言包 正常情况下，tinymce是英文的，所以需要下载中文包 "中文语言包下载" 三、配置文件 将下好的中文包和tinymce中的skins文件一起拷贝复制到public中的tinymce中 四、
阅读全文
摘要：一、安装echarts 二、引入echarts 因为使用的是vue cli 3.0的ts版本，所以这个模块全局引入总是提示没有声明文件，所以只能退一步，当单个页面引入 三、调用echarts 1、创建画布 首先需要在页面中创建一个DOM，作为展示图表的画布 2、调用echarts 在methods里
阅读全文
摘要：一、安装Epubjs 二、引用epubjs "API文档" 三、配置epub电子书路径 注意vue cli 3.0，如果是放在public里面的静态资源，引用的时候并不需要配置/public前缀，直接写在public里面的地址 四、创建epub实例对象 通过实例化epub，构建一个Book对象，这个
阅读全文
摘要：```js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51...
阅读全文
摘要：extend创建的是一个组件构造器，而不是一个具体的组件实例，最终还是要通过Vue.component注册才可以使用 组件构造器相当于Vue.component()方法的第二个参数部分 js const Loading = Vue.extend({ template: ``, data () { r
阅读全文
摘要：除了内置指令外， 用户自定义的指令 自定义指令有全局和局部 自定义指令都是v name的模式，如：v focus，name是directive()方法的第一个参数 全局自定义指令 局部自定义指令 局部自定义指令就是一个对象，所以自定义的指令都可以写在这里，key就是指令名，value也是个对象，挂载
阅读全文
摘要：混入可以将不同组件的共同内容部分在一个混入对象中展示，然后通过在组件实例中混入这个对象，这样拥有这些属性的组件都可以调用 混入对象中的属性名跟组件中的属性名冲突时，以组件自身的为基准 个人理解就是把所有实例组件相同的data，methods等放到一个公共对象中去调用 最终页面展示的结果：
阅读全文
摘要：利用component及is占位符即可轻松实现动态切换加载tab栏 语法 必须是is占位符，不能写别的，通过v bind指令动态绑定属性 tabname就是我们要显示的组件名称 比如我们创建了三个子组件，并注册到了根组件中：one，two，three 那想要展示哪个子组件，就将组件名赋值给tabna
阅读全文
摘要：通过创建XMLHttpRequest()实例对象，实现后台与服务器的数据交互 新浏览器 IE5,IE6 所以要做兼容处理 js xhr.open("GET", "test.php", true) // 如果是get方式，则send可以为null，因为get方式的参数是通过字符串拼接传递给后台的 xh
阅读全文
摘要：一、 every() 这个迭代方法会对数组的每一项进行函数操作，判断数组的每一项是否满足制定条件，如果全部满足则返回true，否则则返回false 这个方法有个函数参数，这个函数参数上面有三个参数，第一个是数组每一项，第二个是数组的索引，第三个是原数组 例如 二、some() 这个方法跟every(
阅读全文
摘要：一、环境配置一 vue cli 2.0脚手架，修改config文件夹里面的dev.env.js，prod.env.js，test.env.js 注意所有value都有单引号里面嵌套双引号，另外就是开发跨域的就直接跨域，但是配置的时候不要配置'"/api"'，我配置成这样是报错的 dev.env.js
阅读全文
摘要：js代码区域： 实例化一下，即可 let dialog = new Dialog({title: '这是标题'})
阅读全文
摘要：js代码区域： 实例化一下，即可 let dialog = new Dialog({title: '这是标题'})
阅读全文
摘要：一、使用vuex "下载一" "下载二" "下载三" CDN NPM Vuex依赖Promise。如果你支持的浏览器并没有实现Promise（比如IE），那么你可以使用一个 "polyfill" 的库，例如 "es6 promise" Promise的CDN NPM vuex里面有四个属性，stat
阅读全文
摘要："前端书籍" "vue cli 配置" "webpack配置" "路由元meta" "vue cli 配置" "中文文档" "vuex文档" "JQ的extend" "七牛云教程" "随便玩玩" "vue cli 3.0配置" "Fiddler 抓包工具" "大佬的webpack" "webpack
阅读全文
摘要：一、vue双向数据绑定原理 vue实现双向数据绑定是通过Object.defineProperty()方法来实现劫持的 Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象 "Object.defineProperty()
阅读全文
摘要：一、全局组件 1、组件名称 命名的时候：串联或者驼峰 使用的时候必须全部小写串联 注册方式 全局注册的组件一定要写在vue实例之前，否则没有效果，全局组件可以在所有组件中使用 二、局部组件 1、子组件 有点类似创建一个extends拓展，子组件只能在注册的组件里面使用 2、公共组件 其实每一个vue
阅读全文
摘要：vue中需要过渡或者动画的元素，组件需要通过vue的tansition外层标签包裹起来，否则没有效果 一、过渡 HTML Tips 注意transition标签上的name属性，这个一定要有，这个算是指定过渡组件的一个前缀名，对于这些过渡中切换 class，每个都以过渡的 name 作为前缀。当你使
阅读全文
摘要：```HTML
/* 清除浮动 */
.clearfix::after { content: ''; display: block; clear: both; height: 0; line-height: 0; visibility: hidden; font-size: 0;
} .clearfix { *zoom: 1;
}
```
阅读全文
摘要：在监听键盘事件时，我们经常需要查找常用按键对应的 code 值。Vue 可以在 v on 上添加按键修饰符，用于监听按键事件 这里列出所有的按键修饰符别名： 记住所有 keyCode 是非常麻烦的事，所以 Vue 提供一些最常用按键的别名 自定义按键修饰符别名 js // 可以使用 Vue.conf
阅读全文
摘要：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。 使用修饰符时的顺序会产生一些影响，因为相关的代码会以相同的顺序生成。
阅读全文
摘要：当我们往data里面追加一个没有或者删除一个数据时，视图并不会更新，受现代 Javascript 的限制， Vue 无法检测到对象属性的添加或删除 Vue 不允许在已经创建的实例上，动态地添加新的根级响应式属性(root level reactive property)。然而，可以使用 Vue.se
阅读全文
摘要：vue有时候在改变了数组的值的时候，视图并不会更新，这时候就需要调用vue变化数组的方法来实现 一、变化数组方法 二、替换一个数组 为什么vue数组改变了，视图不变？ Tips 由于 JavaScript 的限制，Vue 无法检测到以下数组变动 1、当你使用索引直接设置一项时，例如 vm.items
阅读全文
摘要：v fi和v show都可以根据条件来展示DOM元素，但是两者有着很大的不同： 1、v show 的元素会始终渲染并保留在 DOM 中，是根据display属性来切换，而v if的元素初始并没有，只有为true的时候才会生成并渲染，会完整地销毁(destroy)和重新创建(re create)条件块
阅读全文
摘要：class动态绑定 1、对象语法 通过v bind指令动态绑定属性来动态的切换class 通过改变isActive的值，我们可以让div动态的是否拥有active这个class 多个class也是一样 或者直接在data中以对象的形式展示： 2、数组语法 如果想要动态绑定，也可以利用三元表达式实现
阅读全文
摘要：computed 计算属性 ：computed属性个人理解为是用来计算重新赋值data里面指定数据的值，也可以重新用来返回一个新的数据，但是这个数据无法动态更新，但是一般建议是用来赋值data里面的属性值 computed 属性会基于data所依赖的数据进行缓存，如果不希望有缓存，请使用 metho
阅读全文
摘要：一、vue实例 二、对象属性 1、el 就是父DOM 2、data 所有vue上面操作的数据都会被写在这里 3、methods 所有的函数方法都写在这里 4、components 用来注册子组件用 5、props 这个是子元素用来接收父元素传递数据的属性 二、生命周期钩子函数 | 生命周期钩子函数
阅读全文
摘要：vue循环语句有点类似art template的循环渲染 art template v for :key必须要有，否则会报错，这个是唯一标识符，值必须唯一
阅读全文
摘要：vue条件判断语句跟js条件判断一样 HTML JS v if v else fi v else 也可以同JS一样写表达式 也可以写三元表达式 二、条件渲染 根据条件判断语句，我们可以进行条件渲染我们想要的数据
阅读全文
摘要：声明式渲染，也可以说叫插值表达式，通过简介的模板语法将Vue实例中的数据渲染到DOM中 声明式渲染的语法： {{message}} 注意插值表达式只能写在html的开始，结束标签中间，不能写在标签里面 数据： 结果： Tips 在vue中，必须要设置一个父DOM，之后所有的内容都要写在这个父DOM中
阅读全文
摘要："vue官方中文文档" 一、CDN模式 创建一个html文件，引入vue的CDN文件，即可使用vue了 或： 二、JS文件模式 "开发环境版本" "生产环境版本" 三、NPM安装 修改NPM镜像源： "参考文献" 临时淘宝镜像 js npm config set registry https://r
阅读全文
摘要：一、import 二、resolve 三、require.ensure()
阅读全文
摘要：十、接口 定义接口的关键词：interface 常规接口： 规范函数类接口：
阅读全文
摘要：局部变量 ：函数体内定义的变量就是局部变量 全局变量 : 函数体外定义的变量就是全局变量，当然如果是函数内部未使用var声明的变量也是全局变量 块级变量 : 变量只能在声明的区域或者函数内部使用 Tips: var声明的变量，如果全局变量和局部变量同名时，则会造成变量提升，函数内部如果在同名变量未声
阅读全文
摘要："参考文献" 来创建可重用的组件，一个组件可以支持多种类型的数据 ，使用泛型的好处不仅能够检查类型，保证类型正确，而且能够提高代码的复用性。指定泛型类型一般用来表示，当然，T可以更改为其他值。 不使用泛类，我们就只能传入指定数据类型的数据，虽然可以通过any来传任意值，但是无法保证返回值就是传进去的
阅读全文
摘要：1、多态 其实感觉就像是js的构造函数 2、继承 类似JQextends，起到拓展功能作用，新的类可以继承引用和调用extends后面的类里面的方法和属性 php // Student是新类，Person就是已经建成需要调用其内部属性和方法的类 class Student extends Perso
阅读全文
摘要：ts函数书写跟js函数书写有点区别，传参也是声明数据类型，同时还要在()后面也要声明返回的数据类型 1、可选参数 可选参数必须跟在必须参数后面，可选参数可传可不传，如果不传，默认就是undefined 2、默认参数 默认参数不是一定要放到最后的，但是如果默认参数放到了普通参数的前面，恰好我们不想给默
阅读全文
摘要：| 数据类型 | 书写格式 | 数据说明 | | | | | | undefined | let a: undefined = undefined | 默认可以赋值给任何类型， 标记 除外，只能赋值给自身或者void | | null | let b: null = null | 默认可以赋值给任何
阅读全文
摘要：| 数据类型 | 书写格式 | 数据说明 | | | | | | undefined | let a: undefined = undefined | 默认可以赋值给任何类型， 标记 除外，只能赋值给自身或者void | | null | let b: null = null | 默认可以赋值给任何
阅读全文
摘要：生成package.json配置文件 创建 文件，在终端中输入 ：它是一个 项目的配置文件，可以通过读取它来设置 编译器的编译参数 安装@types/node,使用 进行安装。这个主要是解决模块的声明文件问题 运行ts文件 通过vscode的工具栏的终端里的运行任务项，选择要构建的ts文件，之后按任
阅读全文
摘要：一、安装NodeJS "NodeJS官网地址" "NodeJS中文官方文档" "typeScript教程网" 是否安装成功检测： "参考文献一" 二、安装typeScript 1、版本检测
阅读全文
摘要：一、设置cookie方法 二、获取cookie方法 三、清除cookie方法 在登录页引入方法 允许请求携带cookie axios.defaults.withCredentials=true
阅读全文
摘要：```js
// 在项目config文件下的index文件里面找到proxyTable
proxyTable: { '/api': { //使用"/api"来代替"http://f.apiplus.c" target: 'http://devgre.jiuzhouauto.com', //源地址 changeOrigin: true, //改变源 ...
阅读全文
摘要：使用 application/x www form urlencoded 格式化 在浏览器中你可以如下使用 API: 注意： 不支持所有的浏览器，但是这里有个 "垫片" axios 基于原生的ES6 Promise 实现。如果环境不支持请使用 "垫片" "polyfill" 其他方法：你可以使用 库
阅读全文
摘要：一、webkit内核通过伪元素 二、其他浏览器可通过C3属性 三、曲线救国 后续补上
阅读全文
摘要：第三方插件bluebird.js "github地址：" 引入js文件兼容
阅读全文
摘要："vue paginate分页组件" 源代码： HTML代码 CSS代码 data中的数据 监听器 mounted函数 ```
阅读全文
摘要：问题：在当前链接手动刷新浏览器（例如：浏览器地址为/enterprise/list），顶部导航激活项还原到初始状态（这里默认是“工作台”项）。 原理：每次刷新都会重新实例化Vue，也就是会调用created方法 解决： 在每次刷新页面后，在created生命周期钩子函数里面，根据当前页面的路径，来配
阅读全文
摘要：一、开发环境配置 —— config/dev.env.js 二、生成环境配置 —— config/prod.env.js
阅读全文
摘要：1、font awesome 1.使用npm安装 2.在main.js文件下 3.全局使用 4.使用方法 5.样式改变 2、iconfont 1.下载iconfont字体图标到文件夹iconfont，并将文件夹拷贝引入到vue项目的assets文件里 2.本地使用：在main.js文件中
阅读全文
摘要：```js // 赋值粘贴下面代码到首选项= 设置= 用户设置，然后保存 "editor.fontSize": 16, "editor.fontFamily": "Fira Code, Consolas", //Fira Code "editor.fontLigatures": true, "edi
阅读全文
摘要：Auto close Tag Auto compolete Tag Auto rename Tag Beautify chinese ESlint Live sass compiler Live server open in browser Path intellisense Sublime Tex
阅读全文
摘要：```js
码云上传：
// 全局设置码云用户名
git config --global user.name "James"
// 设置全局码云邮箱账号
git config --global user.email "1282285801@qq.com"
// 初始化版本，先创建忽略文件
git init
// 添加所有项目文件
git add .
// 提交项目文件
git commit -m ...
阅读全文
摘要：之前写了Promise解决回调地狱的问题，现在来看看async/await来解决回调地狱问题，听大佬说这个是Promise的升级版 我们先看一组函数： 展示结果： 我们发现先执行了Test2()后才执行Test() 我们再用async/await改一下看看： 展示结果： 结果没有变，不是说async
阅读全文
摘要：一、promise() promise方法是专门用于解决异步回调问题的方法，在ES6和ES7语法中得到使用，promise实例对象中可以传回调函数，此函数有两个参数：resolve和rejects，如果一步操作成功，则通过resolve把数据传出去，如果失败，则通过rejdects把错误信息传出去
阅读全文
摘要：```
// 移动端框架选择
iview(不推荐)
vux(推荐)
mintUI(推荐)
vantUI(推荐)
omi(可选择)
MUI(不推荐)
```
阅读全文
摘要：一、滑块组件 1、vue中Swiper 1.安装swiper 2.启用swiper 3.引入swiper样式 在index.html或者main.js文件中引入css样式文件
阅读全文
摘要：1、引入loading组件(想引入几个组件，就在{}里面写入几个组件) 2、注册loading组件(有几个组件，就在component里面按照样子写几个) 3、调用loading组件 4、设置loading样式
阅读全文
摘要：一、全局配置 1、创建公共组件 在components文件夹load中新建loading.vue和loading.js两个文件，vue文件用来写公共组件，js用来导出这个组件 2、导出公共组件 在loading.js中，规定了使用这个组件的名字，以及使用方法 3、引入公共组件 4、调用公共组件 可以
阅读全文
摘要：一、第一种方法 1. 安装 2. 修改 文件 二、第二种方法 1.安装 2.修改 文件
阅读全文
摘要：所谓的拦截器，其实可以理解为请求拦截，意义就是在发送请求或者响应请求之前做一些我们需要判断的事情，比如发送登录请求时判断token是否过期，是否需要携带token值，都可以在请求之前配置
阅读全文
摘要："官方文档" 导航守卫其实也是路由守卫，也可以是路由拦截，我们可以通过路由拦截，来判断用户是否登录，该页面用户是否有权限浏览，需要结合meta来实现 vue中路由守卫一共有三种，一个全局路由守卫，一个是组件内路由守卫，一个是router独享守卫 所谓的路由守卫可以简单的理解为一座房子的门口的保安，想
阅读全文
摘要：```js
// 首次登录获取token存储在localStorage或者vueX中
// 在请求拦截器(request)中设置每次请求都携带token
axios.interceptors.request.use(function (config) { // 在请求之前验证token,是否有token或者过期 let myToken = window.localStorage.g...
阅读全文
摘要："1、NProgress.js" 这是一个基于JQuery的插件，轻量级的ajax进度条应用。 "2、Pace.js" 这是一个非常有意思的加载框架 "参考文献" 3、Nanobar.js 非常非常轻量级的进度条，压缩过后仅有730字节。不需要引入jQuery
阅读全文
摘要：每一个nodejs文件就是一个模块，每一个模块就是一个nodejs文件，一般这个模块会返回一个对象，这个对象包含了这个模块的所有操作方法和属性 现在自己封装一个自定义的模块，使用箭头函数 然后再创建一个js文件，就想引入http模块一样引入我们刚才自定义的模块，并调用它 然后再终端输入命令行：nod
阅读全文
摘要：创建完成服务器后，输入命令行：node 文件名（node test.js）运行，然后在浏览器打开127.0.0.1:8888
阅读全文
摘要：一、安装Node "Node中文网" "Node英文网" Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效 关于nvm的详细安装以及使用可以访问以下链接 Linux : Window
阅读全文
摘要：1、新建项目 2、配置项目 3、增加/删除文件 4、代码提交 5、分支操作 6、标签操作 7、信息查看 8、远程同步 9、撤销操作
阅读全文
摘要："参考文献" 一、初始化配置 二、切换路径 三、创建文件 通过mkdir + 文件名来创建一个项目 四、查看文件路径 五、创建本地仓库 六、添加项目文件 添加项目到本地缓存区，没有任何报错提示即成功 七、提交项目文件 提交项目到分支 八、查看文件状态 通过查看文件状态，来了解当前项目里文件的提交的状
阅读全文
摘要：一、标签语义 1、基础标签 基础标签，顾名思义可以理解为其他标签的基础，都是在这个标签上面的拓展，中间的内容数据记得前后要空一格 text前面半部分为开始标签，后半部分为结束标签 <% text % 案例 输出需要输出标签： html代码部分： 输出结果展示： 2、输出标签 将值输出到模板中，会将h
阅读全文
摘要：一、快速安装 [gitHub地址克隆] (https://github.com/mde/ejs) [官方网址] (https://www.ejs.co/) [官方网址中文] (https://ejs.bootcss.com/) [EJS模板资源] (https://github.com/mde/ej
阅读全文
浙公网安备 33010602011771号