学习分享
文章平均质量分 67
つ 派小星
前端菜鸡,请多多关照。
展开
-
vuex及其辅助函数
1.当namespaced的值为true,则在使用的时候必须要加上模块名(一般都是为ture0)非父子关系的相互通讯。原创 2023-04-07 01:03:12 · 329 阅读 · 1 评论 -
文件上传(单文件)
纯 js 代码逻辑展示,如果上传的不是图片可以 通过 file.type 来判断文件的类型,不是图片的话可以给一个固定的图片作为展示,可自行添加。原创 2023-03-19 05:45:40 · 271 阅读 · 0 评论 -
vue 提效的一些技巧
封装一个 vue 混入方法,引入后,混入中的所有 data, methods,以及生命周期都会共享,可以直接使用。在监听对象的时候,对象的内部属性发生变化 watch 无法监听到,这种时候就需要使用深度监听。生命周期中,执行一次拉取数据的方法。注意点(使用的页面统称为组件)原创 2022-11-29 09:32:24 · 242 阅读 · 0 评论 -
vue 回车登录
绑定监听mounted(){ window.addEventListener('keydown',this.keyDown);}监听方法methods: { keyDown(e){ //如果是回车则执行登录方法 if(e.keyCode == 13){ this.login(); } }}最后要销毁事件destroyed(){ window.removeEventListener('keydown',this原创 2022-05-26 17:24:53 · 388 阅读 · 0 评论 -
vue3.0中为啥要删除过滤器?
vue3.0中为啥要删除过滤器? 那为啥要删除过滤器呢?问题描述什么是vue的过滤器?为啥要删除过滤器呢?举例分析需求描述HTML结构和data数据如下使用filter实现使用computed实现使用methods实现总结那为啥要删除过滤器呢?vue3.0是2020年09月18日正式发布的。vue3.0版本与其他版本完全不同,它最大限度的减少了开发人员配置工具的次数,另外增添了许多丰富的内置功能,还附带了一个完整的GUI用于创建和管理项目。问题描述vue3出来了。增加了很多新功能,但是也删掉了一些功原创 2022-02-28 09:30:30 · 2168 阅读 · 7 评论 -
EsLint 报错 length-zero-no-unit
EsLint 你注意不到的坑~原创 2022-02-18 10:04:09 · 2413 阅读 · 1 评论 -
什么是 MVVM ?
目录 一 点睛 二 什么是MVVM 三 为什么要使用MVVM 四 MVVM的组成部分 五 MVVM实现者 一 点睛 View是视图层,也就是用户界面。前端主要由HTML和CSS来构成,为了更方便地展现ViewModel或者Model层的数据。Model是指数据模型,泛指后端进行的各种业务逻辑处理和数据操控,主要围绕数据库系统展开。这里的难点主要在于需要和前端约定统一的接口...转载 2021-12-02 22:48:00 · 2026 阅读 · 0 评论 -
Vue.nextTick 的原理
概览官方文档说明:用法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。疑问:DOM 更新循环是指什么?下次更新循环是什么时候?修改数据之后使用,是加快了数据更新进度吗?在什么情况下要用到?原理异步说明Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。在 Vue 的 文档 中,说明 Vue 是异步执行 DOM 更新的。关于异步的解析,可以查看阮一峰老师的 这篇文章。截取转载 2021-11-29 06:00:00 · 115 阅读 · 0 评论 -
vue 基础 API
vue 基础 APIv-for 中 key 的作用重绘和回流重绘页面上元素的颜色、透明度等信息改变时会触发重绘回流页面上元素的大小、为止等信息改变时会触发回流结论回流一定会触发重绘,重绘不一定会触发回流虚拟 DOM是什么?记录了关键 DOM 节点信息的 JS 对象为什么要用虚拟 DOM?真实 DOM 一旦修改立即会触发页面重绘或回流真实 DOM 太大,遍历属性更耗时怎么用(diff 算法对比规则)?当数据更新时,将新旧 DOM原创 2021-11-22 22:25:13 · 461 阅读 · 2 评论 -
vue 组件进阶-插槽
vue 组件进阶1.组件-插槽目标用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容讲解vue 提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定义为插槽语法口诀:组件内用占位使用组件时夹着的地方, 传入标签替换 slot总结: 组件内容分发技术, slot 占位, 使用组件时传入替换 slot 位置的标签2.组件-插槽-默认内容目标如果外面不给传, 想给个默认显示内容讲解口诀: 夹着内容默认显示内容, 如果不给插槽 slot 传东原创 2021-11-22 22:23:51 · 796 阅读 · 0 评论 -
Vue 路由
1.路由-是什么目标了解什么是路由了解设备和ip的映射关系、接口和服务的映射关系、路径和组件的映射关系小结路由是什么呢?路由是一种映射关系Vue中的路由是什么?路径和组件的映射关系2.路由-为何用目标了解为何要学习和使用路由了解目标: 在一个页面里, 切换业务场景具体使用示例: 网易云音乐 https://music.163.com/单页面应用(SPA): 所有功能在一个html页面上实现前端路由作用: 实现业务场景切换优点:整体不刷新页面,用户体验原创 2021-11-22 22:19:16 · 337 阅读 · 0 评论 -
Vue生命周期
Vue-生命周期的使用人的生命周期一组件从 创建 到 销毁 的整个过程就是生命周期Vue 的生命周期2.Vue-钩子函数目标Vue 框架内置函数,随着组件的生命周期阶段,自动执行讲解作用: 特定的时间点,执行特定的操作场景: 组件创建完毕后,可以在 created 生命周期函数中发起 Ajax 请求,从而初始化 data 数据分类: 4 大阶段 8 个方法初始化挂载更新销毁阶段方法名方法名初始化beforeCreatecreated挂原创 2021-11-19 00:20:18 · 282 阅读 · 0 评论 -
Vue 组件 - 组件通信
vue 组件的使用1.组件-为何用为何学?各自独立, 便于复用, 易于维护是什么?可复用的 Vue 实例对象,封装标签, 样式和JS代码2.组件_概念组件化 :封装的思想,把页面上 可重用的部分 封装为 组件,从而方便项目的 开发 和 维护一个页面,可以拆分成一个个组件,一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为( html, css 和 js )3.组件_基础使用使用步骤封装组件 ( 一个 vue 文件就是一个组件 )引入组原创 2021-11-16 11:43:07 · 724 阅读 · 0 评论 -
webpack-开发服务器-热更新-自动弹窗
提示:webpack-开发服务器-热更新-自动弹窗学习分享前言一、webpack-开发服务器1.webpack - 开发服务器 - 为何学目标问题原因代码演示小结2.webpack - 开发服务器 - 热更新目标步骤步骤小结3.webpack - 开发服务器 - 自动弹窗目标步骤小结4.webpack - 项目打包 - 发布目标步骤小结总结前言提示:学习 webpack - 开发服务器 一、webpack-开发服务器代码如下(示例):1.webpack - 开发服务器 - 为何学目标开原创 2021-11-14 00:25:40 · 1477 阅读 · 0 评论 -
webpack 的基本使用
提示:webpack 的基本使用学习分享前言一、webpack是什么?二、基本使用步骤1.webpack-概念2.webpack-使用前-准备小结3.webpack-基础使用步骤效果小结4.webpack-更新打包小结5.webpack-配置修改步骤小结6.webpack-打包流程图图示流程小结总结前言先来个自我提问环节?1.我们为什么要学习webpack?2.什么是webpack?作用是?目的是?提示:以下是本篇文章正文内容,下面案例可供参考一、webpack是什么?示例:简单来原创 2021-11-14 00:09:02 · 945 阅读 · 1 评论