- 博客(11)
- 收藏
- 关注
原创 v-model原理
v-model本质上是一个语法糖。例如应用在输入框上,就是value属性 和 input事件 的合写提供数据的双向绑定数据变,视图跟着变 :value视图变,数据跟着变 @input用于在模板中,获取事件的形参注意:不同的表单元素, v-model在底层的处理机制是不一样的。比如给checkbox使用v-model。底层处理的是 checked属性和change事件。
2024-06-13 20:08:44
405
原创 vue-watch监听
watch是vue内部提供的一个用于侦听功能的更通用的方法,其用来响应数据的变化,通过特定的数据变化驱动一些操作。newValue新值, oldValue老值(一般不用 省略)watch同样声明在跟data同级的配置项中。
2024-06-09 08:30:26
298
原创 工程化开发---脚手架Vue CLI
组件化:一个页面可以拆分成一个个组件,每个组件有着自己独立的结构、样式、行为。好处:便于维护,利于复用 → 提升开发效率。组件分类:普通组件、根组件。比如:下面这个页面,可以把所有的代码都写在一个页面中,但是这样显得代码比较混乱,难易维护。咱们可以按模块进行组件划分整个应用最上层的组件,包裹所有普通小组件注意:代码高亮下载插件Vetur三部分构成template:结构 (有且只能一个根元素)script: js逻辑style: 样式 (可支持less,需要装包)让组件支持less。
2024-06-08 08:35:30
1044
原创 vue生命周期
Vue生命周期:就是一个Vue实例从创建 到 销毁 的整个过程。3.更新阶段前/后:修改数据,更新视图。1.创建阶段前/后:创建响应式数据。4.销毁阶段前/后:销毁Vue实例。2.挂载阶段前/后:渲染模板。Vue生命周期过程中,会。】→ 让开发者可以在【
2024-06-07 20:19:57
276
原创 基于 Promise 和 XHR 封装 myAxios 函数
Promise 对象用于表示一个异步操作的最终完成(或失败)及其结构值好处:逻辑更清晰(成功或失败会关联后续的处理函数)了解 axios 函数内部运作的机制。
2024-06-05 16:54:28
386
原创 localStorage 的优化
在实际的前端开发中,我们可以对localStorage进行优化,当要对较多的用户数据进行存储时,可以将localStorage进行模块化处理,从而更加方便和高效地导入和使用。在实际的前端开发中,需要根据具体的情况和需求,进行权衡和考虑,从而决定是否将。的各个函数和方法,从而更好地实现前端应用的功能和需求,避免每次都使用。封装成一个模块,当然当存储较少的数据时,也可以进行。在模块中使用,可以将一个用户的。函数进行数据类型的转换和处理。
2024-06-03 18:09:29
211
原创 git相关知识
需求1:基于 master 新建 publish 分支,完成发布文章业务,然后修改内容页面的 html 文件的 title 标签,并提交一次。合并提交:发生于原分支产生了新的提交记录后,再合并回去时发生,自动使用多个快照记录合并后产生一次新的提交。暂存区 -> 覆盖 -> 工作区,命令:git restore 目标文件(注意:完全确认覆盖时使用)1.小传开发代码 -> 工作区 -> 暂存区 -> 提交 -> 拉取(可选)-> 推送。注意2:回退后,继续修改->暂存->提交操作即可(产生新的提交记录过程)
2024-06-03 08:49:56
1193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人