首页
学习
活动
专区
工具
TVP
发布

Web前端开发

专栏作者
162
文章
261915
阅读量
29
订阅数
深入理解 ES6 Proxy
ES6 标准中新增——Proxy(代理),只要有 “代理” 的诉求都可以考虑使用 Proxy 来实现,例如自定义一些常用行为如查找、赋值、枚举、函数调用等。
Leophen
2021-06-22
5490
JS 设计模式之单例模式(创建型)
一般情况下,当我们创建了一个类(本质是构造函数)后,可以通过 new 关键字调用构造函数进而生成任意多的实例对象。像这样:
Leophen
2021-06-21
6010
Vue3 使用 svg-sprite-loader 实现 svg 图标按需加载
前面文章有讲到 svg 图标按需加载的优势以及 Vue 如何使用 vue-svg-icon 实现 svg 图标按需载入 今天来学习一下使用 svg-sprite-loader 在 Vue3 项目中实现图标按需加载
Leophen
2020-12-22
7.2K1
Vue 中 data 为什么必须是一个函数
可以看到,componentA 和 componentB data 之间指向了同一个内存地址,age 都变成了 40,导致了问题 因此,data 如果单纯的写成对象形式,会使得所有组件实例共用了一份 data,造成一个变了全都会变的结果 接下来我们用函数改造以上代码:
Leophen
2020-10-14
1.2K0
Vue.js 源码⽬录设计
包括把模板解析成 ast 语法树,ast 语法树优化,代码生成等功能 编译的工作可以在构建时做(借助 webpack、vue-loader 等辅助插件);也可以在运行时做,使用包含构建功能的 Vue.js。显然,编译是一项耗性能的工作,所以更推荐前者——离线编译
Leophen
2020-10-10
1.3K0
认识 JS 静态类型检查工具 Flow
Flow 是 facebook 出品的 JavaScript 静态类型检查工具 Vue.js 的源码利用了 Flow 做了静态类型检查,所以了解 Flow 有助于我们阅读源码
Leophen
2020-10-09
2.1K0
Vue 侦听器 watch 扩展之立即触发回调、深度监听和注销
原来我们 watch 中默认写的就是这个 handler,Vue 会去处理这个逻辑,最终编译出来其实就是这个 handler
Leophen
2020-08-02
2.5K0
Vue 使用 vue-svg-icon 插件实现 svg 按需加载
可以通过上述的一般用法在 Vue 中直接使用 svg,但既然已经是用 Vue来组件化开发项目了,那么在组件中穿插着一大段的 svg 也显得过于杂乱;
Leophen
2020-06-30
2.4K0
Vue自定义组件
prop 是父组件用来传递数据的一个自定义属性(通过 props 把数据传给子组件)
Leophen
2019-08-23
1K0
Vuex状态管理总结
3、Vuex 应用的核心是 store(仓库)-- 包含 state(组件中的共享状态)和 mutations(改变状态的方法)
Leophen
2019-08-23
4870
关于状态管理模式
因此,如果把组件的共享状态抽取出来,以一个全局单例模式管理,在这种模式下,组件树构成一个巨大的“视图”,不管在树的哪个位置,任何组件都能获取状态或触发行为,而且代码也会变得更结构化、易维护。
Leophen
2019-08-23
4460
Vue过渡效果的实现
1、Vue 过渡组件 Vue 在插入、更新或者移除 DOM 时,使用内置的过渡封装组件可以实现过渡效果 语法格式: <transition name = "xx"> <div></div> </transition> 2、过渡的类名 在进入/离开的过渡中,会有 6 个 class 切换: v-enter:进入过渡的开始状态 v-enter-active:进入过渡生效时的状态 v-enter-to:进入过渡的结束状态 v-leave:离开过渡的开始状态 v-leave-acti
Leophen
2019-08-23
7270
Vue模板语法与常用指令总结
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数,结合相应系统,在应用状态改变时,Vue 可以智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
Leophen
2019-08-23
1.2K0
Vue 生命周期
这里,beforeCreate() 和 created() 两个生命周期方法依次被执行,而其它生命周期方法没被触发执行。
Leophen
2019-08-23
4410
Vue移动组件库Mint UI的安装与使用
更多 MintUI 组件请参考 http://mint-ui.github.io/docs/#/zh-cn2/repositories
Leophen
2019-08-23
1.8K0
Vue项目中自动将px转换为rem
一、配置与安装步骤: 1、在 Vue 项目的 src 文件夹下创建一个 config 文件夹: 2、在 config 文件夹中创建 rem.js: 3、将以下代码复制到 rem.js 中: // 基准
Leophen
2019-08-23
6.8K0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档