SF
菜鸟杨@
菜鸟杨@
注册登录
关注博客
注册登录
主页
关于
RSS
es6中的class类
HappyCodingTop
2019-11-15
阅读 3 分钟
1.2k
es6中的class类之面向对象 {代码...} 继承 {代码...} People是父类 公共的 不仅仅服务于Student继承可将公共方法抽离出来,提高复用,减少冗余 封装 public完全开放 protected 对子类开放private 对自己开放ES6尚不支持,可以用typescript来演示 {代码...} 实例(模拟jQuery) {代码...} **程序执行: 顺序、判断、循环---...
用 ES6 语法写一个工具类,并全局引用
HappyCodingTop
2019-11-15
阅读 1 分钟
2.6k
用 ES6 语法写一个工具类,并全局引用 {代码...} main.js中引入 {代码...} Vue项目中全局使用 {代码...} 参考:[链接]
封装TreeGrid组件
HappyCodingTop
2019-11-12
阅读 9 分钟
2.3k
封装TreeGrid组件 {代码...} READEME {代码...} {代码...} data () { return { {代码...} }},methods: { deleteCategory (cid) { {代码...} }, editCategory (cid) { {代码...} }} {代码...} <template> <div class="category"> {代码...} </div></template><script>import TreeGrid from...
vue加elementUI的权限控制 和分配
HappyCodingTop
2019-11-12
阅读 6 分钟
3.6k
vue加elementUI的权限控制 和分配 {代码...} 和表格的渲染
vue利用elementUI创建列表以及增删改查和分页
HappyCodingTop
2019-11-08
阅读 14 分钟
8k
vue利用elementUI创建列表以及增删改查和分页 {代码...} api/index.js {代码...} 上传图片和步騶联动 {代码...}
js的技巧
HappyCodingTop
2019-11-03
阅读 3 分钟
1.4k
接收参数更好的方式 {代码...} 箭头函数返回对象/表达式 {代码...} Set数组去重 {代码...} try..catch..finally {代码...} 检查值是否为数组 {代码...} 获取对象的所有键值 {代码...} 双问号语法这个??的意思是 如果?? 左边的值是null 或者是undefined,那么就返回右边的 {代码...} .检查数值是不是NAN {代码...} 检查数...
最近看的比较好的文章的链接
HappyCodingTop
2019-11-03
阅读 1 分钟
1.2k
Object.create()方法 JS 原生面经从初级到高级【近1.5W字】 JavaScript中的Object.defineProperty()和defineProperties() 吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧《上》 「硬核JS」一次搞懂JS运行机制 Vue读懂这篇,进阶高级
项目中vuex的结构(二)
HappyCodingTop
2019-10-30
阅读 38 分钟
1.5k
字符过长过滤 数字截取小数点后两位过滤 {代码...} 时间过滤组件 index.js使用在别的组件中加载import './filters' {代码...} 返回异常的问题 router-link加replace {代码...} 图片懒加载插件vue-lazyload的使用 {代码...} 打包文件分析与优化 {代码...} 缓存路由组件对象 {代码...} 滑动betterScroll 数据更新后执行 {...
项目中vuex的结构
HappyCodingTop
2019-10-21
阅读 57 分钟
2.1k
index.js {代码...} state.js {代码...} getters.js {代码...} mutation-types.js {代码...} mutations.js {代码...} actions.js {代码...} 项目初始化 在别的组件显示使用 处理返回回来的轮播数据将它处理成二维数组 $nextTick界面更新立即调用 商品star组件 {代码...} computed验证手机号以及倒计时 {代码...} 拦截器 ...
封装ajax请求函数(ajax.js)与接口请求函数(index.js)以及如何在项目中使用
HappyCodingTop
2019-10-21
阅读 3 分钟
2.1k
api文件下的ajax {代码...} ajax文件下的index.js {代码...} 配置代理 在项目中使用
当vue页面路径一样 参数不同时 有可能页面不会跳转刷新
HappyCodingTop
2019-10-20
阅读 1 分钟
2.4k
当vue页面路径一样 参数不同时 有可能页面不会跳转刷问了大佬说是Vue的bug,然后采用了这个奇淫巧技 {代码...}
每天固定的时间刷新数据
HappyCodingTop
2019-10-20
阅读 1 分钟
1.1k
**前段时间,项目需要在一天中固定刷新数据,查找许久都无解,后来偶然知道:可以将时间转化为字符串**Get Time From Date:返回当前24小时制时间的字符串
解决element-ui的下拉框有值却无法选中的问题
HappyCodingTop
2019-10-20
阅读 1 分钟
4.6k
*出现这个问题好像是因为下拉框数据是循环掉别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新所以我直接强制刷新了值,而forceUpdate就是重新render。写一个方法,在select的change事件中调用此方法,运用 this.$forceUpdate()强制刷新,页面正常选值。*
ES6之class
HappyCodingTop
2019-09-28
阅读 6 分钟
1.3k
在实际开发中,我们往往需要创建很多相同类型的对象,如用户、商品或其他对象。我们知道,通过new一个function可以创建一个对象,但在现代的JavaScript里,有一个更高级的“类”结构,对于面向对象编程提供了一些很不错的特性。
ES6 Iterators (改变不能遍历迭代的对象,使之可以迭代)
HappyCodingTop
2019-09-26
阅读 6 分钟
2k
可迭代是一种数据结构,它希望使其元素对外部可访问,通过实现一个关键字是Symbol.iterator的方法来实现,该方法是迭代器的工厂,也就是说,它将创建迭代器。迭代器是一个指针,用于遍历数据结构的元素,我们将使用computed property语法来设置这个键,如下:
父组件调用子组件中的方法
HappyCodingTop
2019-09-25
阅读 1 分钟
3k
父组件调用子组件中的方法 {代码...}
Vue父组件引入子组件也可以这样
HappyCodingTop
2019-09-25
阅读 1 分钟
2.1k
Vue父组件引入子组件也可以这样 {代码...}
vue中重要的属性
HappyCodingTop
2019-09-24
阅读 5 分钟
1.3k
动态css:class="{'enterPic':item.type==1}"vm.$options用于当前 Vue 实例的初始化选项。需要在选项中包含自定义属性时会有用处: {代码...} Vue中的动画 {代码...} 使用keyframes动画 {代码...} 可自定义离开动画,和进入动画的名称 {代码...} vue使用animate.css实现动画入场动画和出场动画的属性对应上anim...
Vue之Mixins (混入)
HappyCodingTop
2019-09-24
阅读 2 分钟
1.8k
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。当组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”。比如,数据对象在内部会进行递归合并,并在发生冲突时以组...
vue中以Element写一个分页组件
HappyCodingTop
2019-09-20
阅读 2 分钟
1.4k
组件代码 {代码...} 别的组件引入 {代码...}
ES6中的函数参数默认值
HappyCodingTop
2019-09-20
阅读 2 分钟
2.3k
ES6语法的好处:1.简洁2.阅读代码的人可以看出哪些参数是可以省略的,不用查看函数体或文档3.有利于将来的代码优化,即使未来的版本即使拿掉这个参数,以前的代码也可以运行还有参数变量是默认声明的,不能在函数体内部再进行声明。
ES中的map的使用
HappyCodingTop
2019-09-20
阅读 1 分钟
4k
Map 结构转为数组结构 {代码...} Map 循环遍历Map 原生提供三个遍历器: keys():返回键名的遍历器。values():返回键值的遍历器。entries():返回所有成员的遍历器。 {代码...} 可以和set一起使用构建一个map对象 {代码...}
Object.assign的入门
HappyCodingTop
2019-09-10
阅读 3 分钟
1.4k
Object.assign()方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象,它将返回目标对象。 1、该方法复制的是可枚举的属性的值,不可枚举的属性不会处理。 2、它返回的是一个对象。
$set在项目中的实用
HappyCodingTop
2019-09-10
阅读 3 分钟
1k
最近$set疯狂用, 记录一下 评论页面的每条留言的状态 和留言下每条留言的状态 强制刷新数据的格式是 {代码...} 针对一级回复和二级回复的回复状态点击时每次只能显示一个回复框的封装 {代码...} 一级 {代码...} 二级回复 {代码...} 提交回复 {代码...}
vue中 this.$set的用法
HappyCodingTop
2019-09-05
阅读 1 分钟
6.3k
当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。
代码优化片段
HappyCodingTop
2019-09-04
阅读 10 分钟
1.7k
passive就是为了改善移动端滚屏性能而设计的简单说就是如果你监听了window的scroll或者touchmove事件,你应该把passive设置为true,这样滚动就会流畅很多
Vue项目中slot的使用
HappyCodingTop
2019-09-03
阅读 2 分钟
1.9k
写一个头部组件 {代码...} 怎么用 {代码...}
移动端通用mixins stylus版
HappyCodingTop
2019-08-30
阅读 2 分钟
1.4k
移动端通用mixins stylus版基础配置 {代码...}
前端将后端返回的数据处理成树形结构数据
HappyCodingTop
2019-08-29
阅读 2 分钟
8.4k
不过,该方法有个缺点,在我使用组件的时候需要的数据结构中,如果子级没有数据children返回[]。需要将数据整理树形结构的主要在菜单栏或分类的树形结构上,当然还有像省市这种有从属关系的结构。
javascript之职责链模式
HappyCodingTop
2019-08-29
阅读 4 分钟
1k
场景: 某电商针对已付过定金的用户有优惠政策, 在正式购买后, 已经支付过 500 元定金的用户会收到 100 元的优惠券, 200 元定金的用户可以收到 50 元优惠券, 没有支付过定金的用户只能正常购买。
上一页
1
…
More
3
4
5
(current)
6
7
…
More
下一页
上一页
5
(current)
下一页