- 博客(13)
- 收藏
- 关注
RSS订阅原创 用VUE框架 写一个eCharts图表
下载插件npm install echarts --save引入我们的 eCharts我们也可以再官网上看到eCharts的下载 和引入方式ECharts的基础配置在官网给出了我们许多示例：链接我们都可以直接拿来用，但是里面的一些配置我们可以根据自己的需求来修改，所以我们需要了解ECharts的基础配置。主要配置（常用的）官网配置项参考文档：链接需要了解的主要配置：seriesxAxis yAxisgrid tooltiptitlelegendcolor...
2022-03-25 11:33:37
1390
原创 用Vue的自定义指令完成拖拽效果
直接上代码 先在main.js中定义指令import Vue from "vue";import App from "./App.vue";import store from "./store";Vue.config.productionTip = false; Vue.directive("drag", { // bind() { // }, inserted(el, binding, vnode) { // console.log(el) el.styl.
2022-03-25 11:28:45
891
原创 vue生命周期
生命周期文字解析.jpgvue的生命周期就是vue从创建到销毁的整个过程，我们常用的生命周期钩子函数有8个。BeforeCreate（创建前）该函数执行在组件创建、数据观测 (data observer) 和 event/watcher 事件配置之前，实例初始化之后被调用。在该阶段组件未创建，不能访问数据，组件中的 data，ref 均为 undefined。Created（创建后）在组件创建完成后立即调用在这一步 实例已经完成了数据观测 属性和方法的运算 watch、eve...
2022-03-25 10:02:34
86
转载 css样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .
2022-03-11 15:44:56
79
转载 常见错误码
1**：请求收到，继续处理2**：操作成功收到，分析、接受3**：完成此请求必须进一步处理4**：请求包含一个错误语法或不能完成5**：服务器执行一个完全有效请求失败100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件206——服务器已经完成
2022-03-11 10:21:54
327
转载 ES6 解构赋值
解构赋值是对赋值运算符的扩展，他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。es6可以根据一定的规则，从数组或变量中提取值赋给变量，字符串也可以直接进行结构赋值无论对象还是数组，两边的数据类型和数据结构都必须保持一致1、数组的解构赋值是按照索引值一一对应的，如果多层嵌套，结构也必须保持一致不想要的书局可以再结构时用 ，逗号隔开 空格表示2、字符串的解构遵循数组的方式，因为他同样具下标和length3、解构的默认值：数组，对象，字符串都是一样的 ...
2022-03-11 10:20:11
136
原创 事件修饰符
.stop :阻止事件冒泡：由内而外。.capture : 事件捕获：由外而内.self ： 当事件作用在元素本身时才会触发.once ： 只触发一次.prevent ： 阻止默认事件.passive ： 告诉浏览器你不想阻止事件的默认行为.trim ： 自动过滤用户输入的首尾空格语法： @事件名.修饰符="方法名"...
2021-12-29 15:36:54
164
原创 vue常用指令
vue中的指令有很多，我们平时常用到的有：v-if： 是动态的向DOM树中添加或删除元素；v-else ： 是搭配v-if使用的，他必须紧跟在v-if或v-else-if后面，否则不起作用v-show ： 是控制标签的css样式display的值是不是none，显示隐藏的区别：1、当条件为真的时候没有区别 当条件为假的时候 v-if通过创建或删除DOM节点来实现元素的显示与隐藏的， v-show 通过css中的display属性来控制的2、v-if 更适合数据的筛选和初始渲染...
2021-12-29 15:31:39
217
原创 vuex
vuex是vue.js的状态管理工具、通过vuex我们可以解决组件之间数据共享的问题，后期也方便我们管理以及维护。vuex 的五大核心：state 、getters 、mutations 、actions 、modulestate： 存放状态/数据的getters： vuex的计算属性mutations： 唯一能改变state的状态/数据的工具actinos： 异步操作 可以通过dispatch来分发从而改变state基本用法： 通过在根目录下新建一个stor...
2021-12-28 11:52:28
87
原创 vue 的生命周期简解
生命周期让我们在控制整个vue时更容易形成更好的逻辑，可以分为三个阶段，挂载阶段，更新阶段，销毁阶段分别有：创建前：beforeCreate() 只有一些实例本身的事件和生命周期函数创建后：created() 是最早使用data和methods中数据的钩子函数挂载前：beforeMount() 指令已经解析完毕，内存中已经生成dom树挂载后：Mounted() 渲染完毕页面和内存的数据已经同步更新前：beforeUpdate() 当data的数据发生改变会执行这个钩子...
2021-12-27 12:00:30
268
原创 Git
1、复制你要推的仓库地址,地址2、在桌面新建一个文件夹，点进文件夹右键Git Bash Here 回车。这时候就会弹出一个黑色的框3、输入 git clone 右键选择Paste(是粘贴的意思) 将4、这时候你的文件夹就会出现一个新的文件，这就是你仓库里的文件内容（git文件不能动不能删）在小黑框里输入 cd 文件名 回车，进入文件 或者点进文件夹再次右键Git Bash Here路径成功的话就会出现（master）标识5、在新出现的文件夹git文件同级的地方，放入要上...
2021-12-25 16:36:09
84
转载 推 ：
推 ：1、复制你要推的仓库地址,地址如下2、在桌面新建一个文件夹，点进文件夹右键Git Bash Here 回车。这时候就会弹出一个黑色的框3、 输入 git clone 右键选择Paste(是粘贴的意思) 将第一步复制的链接粘贴到这里，回车4、这时候你的文件夹就会出现一个新的文件，这就是你仓库里的文件内容（git文件不能动不能删）在小黑框里输入 cd 文件名 回车，进入文件 或者点进文件夹再次右键Git Bash Here路径成功的话就会出现（master）标识5...
2021-12-25 16:08:10
104
原创 vue双向数据绑定
是采用数据劫持，结合发布者-订阅者模式的方式，通过Object.defineProperty(){define定义的意思 property属性的意思}来劫持各个属性的setter，getter在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图,实现数据和视图同步第一步：需要observer（服务器端）的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter，这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化第二步：compile解析模..
2021-12-25 12:01:54
124
空空如也
老乡 有什么指令 能打印二维码
2023-11-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人