2 lvpeng-web

尚未进行身份认证

一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱;

等级
TA的排名 14w+

Vue中css过渡动画原理

先来看一下简单的切换显示按钮我现在希望在Hello world能有一个渐隐渐现的效果那么就需要在div外层包裹一个transition标签当然只是这样是无法形成过渡效果的当你在外层加了transition标签之后,Vue会自动的构建一个动画的流程,当动画执行的一瞬间,他会往内部的div上增加两个class名字,分别是fade-enter和fade-enter-active,之所以是...

2019-07-04 03:57:48

SCSS

Sass是成熟、稳定、强大的CSS预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览CSS书写代码规模较大的Web应用时,容易造成选择器、层叠的复杂度过高,因此推荐通过SASS预处理器进行CSS的开发,SASS提供的变量、嵌套、混合、继承等特性,让CSS的书写更加有趣与程式化。变量变量用来存储需要在CSS中复用的信息,例如...

2019-06-28 22:48:14

什么是MVVM,MVC和MVVM的区别,MVVM框架VUE实现原理

Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方...

2019-06-28 06:42:31

vue中出现 There are multiple modules with names that only differ in casing的问题

1、浏览器中的console出现: There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.原因:import时,文件引入的路径...

2019-06-24 17:53:33

Error in v-on handler: "ReferenceError: Vue is not defined"

代码没有引入 Vue模块

2019-06-24 02:26:47

es6数组方法find()、findIndex()与filter()的总结

find()该方法主要应用于查找第一个符合条件的数组元素。它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素。如果没有符合条件的元素,返回值为undefined。以下代码在myArr数组中查找元素值大于4的元素,找到后立即返回。返回的结果为查找到的元素:回调函数有三个参数。value:当前的数组元素。index:当前索引值。arr:被查找的数组。...

2019-06-24 01:24:41

js 中clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

网页可见区域高:document.body.clientHeight网页正文全文高:document.body.scrollHeight网页可见区域高(包括边线的高):document.body.offsetHeight网页被卷去的高:document.body.scrollTop屏幕分辨率高:window.screen.height每个HTML元素都具有clientHeight off...

2019-06-24 01:13:18

s基础进阶--关于Array.prototype.slice.call(arguments) 的思考

Array.prototype.slice.call(arguments)的作用为:强制转化arguments为数组格式,一般出现在框架活插件的源码中如何理解上面的代码等价于[ ].slice.call(arguments)或者随便一个数组调用都行 [1,2,4].slice.call(arguments)因为,前面的调用者的作用只是沿着原型链向上找,最终找到Array为止,slice为A...

2019-06-24 00:59:53

slice 和splice区别?

他们的共性是都可以操作数据,截取一段数组,一、slice(start,end)从start开始截取到end但是不包括end返回值为截取出来的元素的集合原始的数组不会发生变化//例子var arr1 = [1,23,44,55,66,77,888,“fff”];var arr2 = arr1.slice(2,4) //从index为2截取到index为4之前不包括4console.l...

2019-06-24 00:51:36

stylus进一步补充更新 更强大

Stylus介绍Stylus是一个CSS的预处理框架,Stylus是一种新型语言,可以创建健壮的、动态的、富有表现力的CSS。什么是CSS预处理技术?CSS预处理技术,是指用一种新语言用来为CSS 增加可编程的的特性,无需考虑浏览器的兼容性问题。你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更见简洁,适应性更强。Stylus默认使用...

2019-06-22 03:34:44

css预编译stylus以及在vue中使用stylus

引用stylus官网中的一句话:富于表现力、动态的、健壮的 CSSstylus是一个强大的css预编译语言,stylus支持省略花括号,支持省略分号,代码整洁,支持引入,并且支持语法内函数mixin.styl:使用非常简单安装stylus,使用npm安装,stylus和stylus-loader,一个都不能少npm install stylus stylus-loader --save...

2019-06-22 03:27:00

mock.js前后端分离开发之后端模拟数据

1.1 简单介绍一下Mock.js众所周知Mock.js因为两个重要的特性风靡前端:数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。拦截 Ajax 请求不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。安全又便捷第一步 根据项目需要,设计json数据第二步 配置mockServer.js第三步 利用vue 打包编译执行 main...

2019-06-22 03:21:07

mint-ui 使用

2019-06-20 19:40:06

美食城外卖app 项目开发过程中遇到的几个问题,以及解决方法

项目中遇到的问题:一:mysite 导航制作 2个问题1:轮播导航页面显示 第一个问题 将vuex store种储存的state的categorys 商品分类数组获取后,变化为2维数组,显示导航几页,每页至多8个元素2:延迟到界面数据更新之后立即创建swiper对象 怎么做?This.$nextTick(function(){创建swiper对象})二:star组件的实现过程(逻辑)...

2019-06-19 17:39:16

vue映射函数mapState mapActions mapMutations mapGetters

通过扩展运算符,将store里的state/actions/mutations/getters的属性或者方法直接映射到当前vue对象的this上,使用时直接this。xxx使用前需要先引入

2019-06-18 17:23:54

vuex异步显示当前地址

vuex异步显示当前地址第一步:异步请求 this.$store.dispatch(“getAddress”) 更新state第二部 读取数据import {mapState} from “vuex”computed:{// 读取state的地址信息…mapState([“address”])},第三步 动态绑定数据 ...

2019-06-18 16:04:56

vuex 发异步请求的2种方法

vuex 发异步请求的2种方法1:注释的那种,导入mapActions, 然后在methods里 用 …mapActions([“getAddress”]) 将getAddress 映射成方法,最后在mounted(){} 调用改方法,发送异步请求2: mounted(){this.$store.dispatch(“getAddress”)},...

2019-06-18 15:38:03

vuex报错__WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor

造成该错误的原因是 store 小写造成的,Vuex,Store({})改为大写就好了Vue.use(Vuex) ,否则报错,引用Vuex,Store({})之前,需要先Vue.use(Vuex)

2019-06-18 14:51:27

vue 项目用vuex管理状态

第一步 项目下 安装vuex状态包以当前项目来讲,需要管理的状态,1 当前商家地址 2 是 轮播导航,3 商家列表地址是个对象,轮播导航和商家列表都是数组...

2019-06-18 14:46:35

js es6遍历对象的6种方法(应用中推荐前三种)

1.for … in 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).const obj = {id:1,name:‘zhangsan’,age:18}for(let key in obj){console.log(key + ‘—’ + obj[key])}2.Object.keys(obj),返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Sy...

2019-06-18 11:59:05

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。