- 博客(15)
- 收藏
- 关注
RSS订阅原创 swiper使用心得和踩坑
对于swiper的自身的thumbs缩放图或者显示当前的数据的详细信息的时候，如果只是通过便利数组的方式对来动态添加样式，这个里面是存在一个坑点，特别是在使用loop为true的时候，因为swiper在使用loop为true的模式下，会复制一些虚拟dom节点，这个时候必然会在第一遍显示最后一个数据和下一遍的第一个数据之间存在一个索引重复的问题，这也会造成没有办法使用自定义的高亮类来展示当前的节点信息。但是这个时候我们还是可以根据swipe自己的高亮样式去解决这个问题。查看文档，里面唯一能区别的索引的就是sw
2021-10-10 17:07:45
1002
原创 vue的原理和特性
一：vue的双向数据绑定原理：、 1.vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的 2.数据劫持 主要有两种形式： 1.Object.defineProperty() 语法：Object.defineProperty(obj, prop, descriptor); obj:要定义属性的对象 ...
2021-10-10 16:54:24
249
原创 vue配置文件分析
在vue/cli3.0版本以上中，vue搭建的项目就去掉了config文件，这就是意味着当我们在需要一些的配置的时候，需要自己创建文件，当然文件的命名和格式并不是随便写的，需要遵循vue文件的格式才可以。vue.config.js 这个文件就是我们经常需要用到的文件，在这里相当于vue-cli2里面的build文件里的config.js在这个里面经常会做一些别名的配置和代理的配置alias里面是配置的别名，例如当我们在组件中引入components里面的helloword.vue组件的时候.
2020-07-27 19:40:45
341
原创 vue对axios的使用
一：axios的下载npm insatll axios --save二：使用axios在main.js里面导入import axios from 'axios';一般情况下我们会对axios的数据请求进一步的处理：可以单独创建一个js文件api.jsimport axios from 'axios'//这里将axios的数据请求封装成一个函数，这是为以后，如果ip地址更换的时候，可以在写一个函数，比较容易迭代export function http(config){.
2020-06-12 18:36:07
109
原创 better-scroll 完成移动端的滚动的插件
一：下载better-scrollhttps://ustbhuangyi.github.io/better-scroll/doc/zh-hans/installation.html 根据API文档操作即可二：注意：在创建实例的时候 new BScroll（el,{}）第一个参数是节点，第二个参数是一个对象，可选。所选节点的子级节点只能有一个，所需要展示的数据放在子级节点的子级...
2020-06-10 11:35:21
138
原创 vuex分析
由于官网贵vuex的分析过于官方，所以在这里，分析一下个人对vuex的使用的一些心得。一：vuex是一个采用集中式管理，应用的所有组件的状态，并且以相应的保存规则状态以一种可预测的方式发生变化。二：vuex的页集到vue的官方调试工具还是devtools extension。1. 安装devtools extension调试插件的两种方式：1.1 可以根据官方网站提供的地址下载 devtools extension到本地，放在一个不常动的文件以后，打开chrome浏览器，点击更多里面的扩展程
2020-06-09 19:14:24
186
原创 vue脚手架2.0与3.0之间创建项目的区别！
无论是脚手架2.0还是3.0在安装之前需要先安装一个node，但是vue cli3.0版本需要node版本在8.9以上一：安装脚手架2.0与3.0之间的区别！(这里安装的都是全局的)安装vue cli 2.0npm install -g vue cli安装vue cli 3.0npm install -g vue/cli二：项目的创建：vue cli 2.0创建项目vue init webpack demo(项目名称)可以配置是否安装路由，代码检查工具，等配置vue
2020-06-09 18:13:43
1386
原创 localStorage,sessionStorage.cookie存储的区别
客户端存储主要有以下几种形式：一：web存储： 1.web存储主要包括localStorage和sessionStorage两种形式： 两者的区别：数据可以存储多长时间以及谁拥有数据的访问权 localStorage存储的数据是永久有效的，除非web应用可以删除存储的数据，或者用户通过设置浏览器配置来删除，否则数据将一直留在用户的电脑上，永不过期。 localS...
2019-12-19 18:51:40
107
原创 搭建es6开发环境
这里分为两种模式直接使用babel可以将es6的代码转换为es5 也可以是用自动化构建工具的gulp和webpack来搭建es6的开发环境一：使用babel来完成es6的编译成es51.创建目录，objectES6,并在改目录下创建一个src文件和dist文件，index.html： src文件夹：在该文件下创建一个index.js文件，作为入口文件 dist文件夹： ...
2019-12-11 14:50:34
460
原创 vue项目遇到的坑之v-if和v-show的异同点
两者相同点：都是动态的控制DOM元素。两者不同点：对控制组件而言，v-if的优先级是要大于v-show的优先级，所以在整个组件的渲染的时候需要使用v-if来动态的控制DOM元素的添加和删除，v-show只是同来css的display来控制元素的显示和隐藏 v-if是有惰性的，只有当第一次的条件为真的时候才会开始编译 对于显示隐藏切换比较频繁可以使用v-show，这样可以降低消耗...
2019-10-18 17:05:02
1014
原创 vue+D3项目拓扑图缩放，拖拽，保存布局等
注意：vue+D3里面的当数据更新的时候，需要先将之前的数据绘画的点清除 (选择所有的点清除，才可以重新绘画)，否则将会重新绘画两次，因为之前的数据渲染的视图并没有清除，这该d3和query功能差不多 ，都是原生js的一些封装，所以不会像那些表格插件一个，选择的时候，初始化一下。故这里需要手动初始化。找了很多资料对vue+D3实现的这些拓扑图的代码比较，getLinksData:f...
2019-10-18 16:47:05
6879
原创 vue+elementui项目表单重置遇到的坑！！！
1.在使用elementui的重置的按钮，表单内的input框和验证信息不能清除的原因：首先，model绑定的和ref的必须是同一个对象， input框内的绑定的value必须和el-form-item内的prop内绑定的是同一个<el-form :model='filters' ref='filters'> <el-form-item prop='name'&...
2019-10-18 15:50:07
852
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人