上一页 1 2 3 4 5 6 7 ··· 24 下一页

2022年2月24日

mixins

摘要: 混入(mixin) 提供了一种非常灵活的方式,来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被 "混合" 进入该组件本身的选项 例子 <template> <!-- 子组件A --> <div class="views__home__su 阅读全文

posted @ 2022-02-24 14:24 zhishiyv 阅读(110) 评论(0) 推荐(0) 编辑

PostCSS

摘要: PostCSS是一个使用JS插件转换样式的工具。这些插件可以检查(lint)你的CSS,支持CSS Variables 和 Mixins,编译尚未浏览器广泛 支持的先进的CSS语法,内联图片,以及其他很多优秀的功能。 PostCSS 在工业界被广泛地应用 PostCSS 接收一个CSS文件并提供了一 阅读全文

posted @ 2022-02-24 11:21 zhishiyv 阅读(152) 评论(0) 推荐(0) 编辑

浅谈JS防抖和节流

摘要: 防抖和节流严格算起来属于性能优化的知识,但实际上遇到的频率相当高的。 以一个滚动条监听的例子说起 先说一个常见的功能,很多网站会提供这么一个按钮:用于返回顶部。 这个按钮只会在滚动到距离顶部一定位置之后才出现,那么我们现在抽象出这个功能需求 监听浏览器滚动事件,返回当前滚条与顶部的距离。 这个需求很 阅读全文

posted @ 2022-02-24 09:30 zhishiyv 阅读(83) 评论(0) 推荐(0) 编辑

2022年2月23日

如何理解Vue数据双向绑定原理

摘要: Vue 数据双向绑定原理是通过数据劫持结合发布者-订阅者模式的方式来实现的,首先是对数据进行监听,然后当监听的属性发生变化时则告诉订阅者是否要更新,若更新就会执行对应的更新函数从而更新视图。 MVC模式 以往的MVC模式是单项绑定,即 Model 绑定到 View,当我们用 JavaScript 代 阅读全文

posted @ 2022-02-23 15:22 zhishiyv 阅读(708) 评论(0) 推荐(0) 编辑

BOM对象都有哪些?

摘要: BOM 是browser object model的缩写,简称浏览器对象模型,提供了独立于内容而与浏览器窗口进行交互的对象; 1、window 对象, 是JS的最顶层对象,其他的 BOM 对象都是 window 对象的属性; 2、document 对象,文档对象 3、location 对象, 浏览器 阅读全文

posted @ 2022-02-23 09:33 zhishiyv 阅读(108) 评论(0) 推荐(0) 编辑

v-if 和 v-for 一起使用

摘要: 在 vue 2.x 中, 在一个元素上同时使用 v-if 和 v-for 时, v-for 会优先作用。 在 vue 3.x 中, v-if总是优先于 v-for 生效 1、惯性使用,但 vue 2.x 中,不建议 v-for 和 v-if 使用 <div v-for="item in inHous 阅读全文

posted @ 2022-02-23 09:10 zhishiyv 阅读(767) 评论(0) 推荐(0) 编辑

2022年2月22日

vue双向数据绑定原理

摘要: 几种实现双向绑定的做法 目前几种主流的mvc框架都实现了单向数据绑定,而双向绑定无非就是在单项绑定的基础上给可输入元素添加了change事件,来动态修改model和view。 实现数据绑定的做法有大致如下几种 发布者-订阅者模式 脏值检查 数据劫持 发布者-订阅者模式 一般通过sub, pub的方式 阅读全文

posted @ 2022-02-22 10:07 zhishiyv 阅读(45) 评论(0) 推荐(0) 编辑

2022年2月19日

for in 和 for of

摘要: for in 和 for of 两个for循环都是用来 ”遍历“ 的 for in 示例 let arr = ["Math", "English", "History"]; console.log("for in <= example"); for (let arrItem in arr) { co 阅读全文

posted @ 2022-02-19 18:19 zhishiyv 阅读(47) 评论(0) 推荐(0) 编辑

Generator 函数的用法

摘要: Generator 函数是ES6提供的一种异步编程解决方案。 Generator 语法行为与传统函数完全不同。 Generator 函数有多种理解角度。语法上,首先可以把它理解成,Generator函数是一个状态机,封装了多个内部状态。 执行Generator函数会返回一个遍历器对象,也就是说,Gn 阅读全文

posted @ 2022-02-19 17:43 zhishiyv 阅读(133) 评论(0) 推荐(0) 编辑

数组解构赋值

摘要: ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被成为解构; 以前,为变量赋值,只能直接指定值 let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样 let [a, b, c] = [1, 2 ,3] 上边代码表示,可以从数组中提取值,对变量赋值 阅读全文

posted @ 2022-02-19 16:32 zhishiyv 阅读(41) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 7 ··· 24 下一页

导航