Xiaoze的博客

以柱形图举例，实现步骤如下： npm安装 Highcharts 相关资源 npm install highcharts --save 在vue要引入图表的界面引入使用 引入： import Highcharts from 'highcharts/highstock'; import HighchartsMore from 'highcharts/highcharts-more'; import HighchartsDrilldown from 'highcharts/modules/drilldo

防抖：在第一次触发事件时，不立即执行函数，而是给出一个期限值比如1000ms，然后： 如果在1000ms内没有再次触发事件，那么就执行函数 如果在1000ms内再次触发事件，那么当前的计时取消，重新开始计时 规则：如果在规定时间内不断触发同一事件，只会执行一次函数。 实现：下面以滚动条事件举例，采用setTimeout这个函数来实现计时，然后借助闭包来实现： function debounce(fn,delay){ let timer = null //借助闭包 return funct

axios是一种前端异步请求后端的技术，基于原生ajax+Promise技术封装通用于前后端的请求库 axios文档 特点 支持客户端发送Ajax请求 支持服务端Node.js发送请求 支持Promise相关用法 支持请求和响应的拦截器功能 自动转换JSON数据 axios 底层还是原生js实现, 内部通过Promise封装的 axios的基本使用 axios({ method: '请求方式', // get post url: '请求地址', data: { // 拼接到请求体的参数

1.定义： 一组件从创建到销毁的整个过程就是生命周期 2.Vue-钩子函数 Vue 框架内置函数，随着组件的生命周期阶段，自动执行 作用: 特定的时间点，执行特定的操作 场景: 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据 分类: 4大阶段8个方法 初始化 挂载 更新 销毁 阶段 方法名 方法名 初始化 beforeCreate created 挂载 beforeMount mounted 更新 beforeUpdate up

组件-简介 组件：组件是可复用的 Vue 实例, 封装标签, 样式和JS代码 组件化 ：封装的思想，把页面上 可重用的部分 封装为 组件，从而方便项目的 开发 和 维护，一个页面， 可以拆分成一个个组件，一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js) 什么时候封装组件? 遇到重复标签, 可复用的时候 组件好处? 各自独立, 互不影响 组件使用 每个组件都是一个独立的个体, 代码里体现为一个独立的.vue文件 创建和使用组件步骤 创建.vue文件–标签–样

概念： 可以侦听data/computed属性值改变 语法: watch: { "被侦听的属性名" (newVal, oldVal){ } } 例子 <template> <div> <input type="text" v-model="name"> </div> </template> <script> export default { data(){ return { n

案例实现样式 代码 <template> <div> <span>全选:</span> <!-- 4. v-model 关联全选 - 选中状态 --> <input type="checkbox" v-model="isAll"/> <button>反选</button> <ul> <li v-for="(obj, index).

概念： 一个数据, 依赖另外一些数据计算而来的结果 语法: ```javascript computed: { "计算属性名" () { return "值" }} ``` 例： 需求: 求2个数的和显示到页面上 <template> <div> <p>{{ num }}</p> </div> </template> <script> export de

Vue语法-插值表达式 学习插值表达式, 在DOM中插入内容,又叫: 声明式渲染/文本插值/大胡子语法 语法: {{ 表达式 }} //例 <template> <div> <h1>{{ msg }}</h1> </div> </template> <script> export default { data() { // 格式固定, 定义vue数据之处 return

对vue基础进行整理，持续不定时更新中... Vue基础 序号 知识点 简介 1 webpack vue脚手架，现代 javascript 应用程序的 静态模块打包器 (module bundler)，可以分析, 翻译, 压缩, 打包 项目 2 基本语法和API vue的插值表达式、v-bind动态属性、v-on事件绑定、MVVM开发模式、v-model等基础API 3 计算属性—computed 计算属性的定义：当变量...

1.webpack-概念 场景 开发完项目, 可以用node+webpack来分析, 翻译, 压缩, 打包, 加快浏览器打开速度 概念 webpack官网 现代 javascript 应用程序的 静态模块打包器 (module bundler) 静态: 文件资源 模块: node环境, 引入文件, 遵守模块化语法 除了合并代码, 还可以翻译和压缩代码 less/sass -> css ES6/7/8 -> ES5 html/css/js -> 压缩合并