- 博客(17)
- 收藏
- 关注
原创 记录写项目遇到的奇奇怪怪怪的小问题(持续更新)
正确代码: @import '~@/styles/layout.less';错误代码:@import '~@/styles/layout.less'
2022-11-02 10:47:19
1240
原创 vue组件name使用 /动态组件 /组件缓存
可以用组件的name属性值,来注册我们封装的组件,可以自己定义name属性组件名 让使用者有个统一的前缀风格App.vue中注册和使用。
2022-10-14 11:14:18
3655
原创 vue数据监听-key的作用
数组非变更方法,返回新数组,不会导致v-for更新,可采用覆盖数组或this$set。v-for更新时,循环新的dom结构,和旧的虚拟dom结构对比,尝试复用标签 就地更。提高dom更新的性能,不频繁操作真实的dom,在内存中找到变化的部分,更新真实dom。有key属性,基于key的来比较新旧虚拟dom,移除key不存在的元素。内存中比较变化的部分,然后给真是的dom打补丁(更新)数组变更方法,就会导致v-for更新,页面更新。新的虚拟dom根元素,或者属性变化,如何更新。具体如何比较新旧虚拟dom。
2022-09-27 19:19:24
275
原创 vue面试基础题
即模型-视图-视图模型, VM是这个设计模式的核心, 连接v和m的桥梁, 内部会监听DOM事件, 监听数据对象变化来影响对方. 我们称之为数据绑定。Vue 处理指令时,v-for 比 v-if 具有更高的优先级, 虽然用起来也没报错好使, 但是性能不高, 如果你有5个元素被v-for循环, v-if也会分别执行5次.MVC: 也是一种设计模式, 组织代码的结构, 是model数据模型, view视图, Controller控制器, 在控制器这层里编写js代码, 来控制数据和视图关联。分别说明其使用场景?
2022-09-27 11:32:32
90
原创 vue指令
self 只当在event.target是当前元素自身时触发处理函数。v-show用的是display:none控制标签的显示隐藏 (频繁切换).once 程序运行期间,只触发一次处理函数。主要用于表单元素,把value属性和vue数据变量,双向绑定到一起。v-if 用的是插入和删除节点来控制标签的显示隐藏。.stop 阻止事件冒泡。v-model.修饰符 = "vue数据变量"@事件名.修饰符 ="methods函数"v-model = ' vue数据变量'@keyup.enter 监听毁车事件。
2022-09-27 11:26:30
218
原创 vue指令
更新DOM对象的einnerText和innerHTML。v-on:事件名="methods中的函数(实参)"语法:v-bind :属性名 = "vue变量"v-on:事件名="methods中的函数"简写:@事件名="methods中的函数"指令 (Directives) 是带有。v-on:事件名="要执行的少量代码"简写::属性名 = "vue变量"前缀的特殊 attribute。v-text="vue数据变量"v-html=“vue数据变量"每个指令,都有独立的作用。给标签属性设置变量的值。
2022-09-26 16:32:06
68
原创 Vue学习笔记01
更少的时间,干更多的活,开发网站速度快 vue的底层还是原生JS。转变思想,用数据驱动视图改变,操作dom的事,vue源码干了。框架:拥有自己的规则和元素,比库强大的多(vue.js)webpack环境中开发vue,最推荐,企业常用的方式。VM:viewmodel 视图模型(vue.js源码)渐进式:逐渐进步,想用什么就用什么,不用全部都用。V (修改视图)-----> M(数据自动同步)M(修改数据)------>V(视图自动同步)库:封装的属性和方法(jQuery)目的:在dom标签中,直接插入内容。
2022-09-26 16:26:09
92
原创 webpack配置
打包后,dist目录下就多了html文件,还自动把打包的bundle.js文件通过script引入。该插件将为你生成一个 HTML5 文件, 在 body 中使用。标签引入你所有 webpack 生成的 bundle。项目目录下,新建webpack.config.js。webpack.config.js配置。webpack只能打包js文件,插件。如何指定webpack的入口和出口。简化了 HTML 文件的创建。
2022-09-24 19:22:42
122
原创 webpack基础使用
打包命令执行后,在项目目录下生成默认的dist目录和打包后默认的main.js文件。Webpack是一个现代JavaScript应用程序的静态模块打包器。webpack是node的第三方模块包,用于打包代码。把很多文件打包整合在一起,缩小项目体积,提高加载速度。项目目录下新建src/add/index.js。项目目录下新建src/index.js。项目目录下打开命令窗口,运行打包命令。
2022-09-24 15:52:37
126
原创 ES6模块化
前端模块化分类es6模块化诞生之前,js社区尝试提出了AMD,CMD,Commjs模块化规范AMD,CMD适用于浏览器端的JavaScript模块化CommonJs适用于服务器端的JavaScript模块化Es6即适用于浏览器端也适用于服务器端ES6模块化规范中定义 每个js文件都是一个独立的mok 导入其它模块成员使用import 向外共享模块成员使用export nodejs默认仅支持CommonJs模块化规范,想基于node.js体验es6的模块化,需
2022-04-20 10:52:06
85
原创 如何获取git仓库?
获取git仓库有两种方式1)将没有进行版本控制的本地目录转换为Git仓库在项目目录中,鼠标右键打开 git bash执行git init注意:有的人可能执行了但看不见 因为被隐藏了 只需打开显示隐藏项目即可2)从其他服务器克隆一个已经存在的Git仓库...
2022-04-17 12:04:29
1653
原创 找不到.gitconfig怎么办?
打开Git Bash Here输入git config --global --edit就可以在c盘看见啦但是我们想输入name email发现还是没有显示我们用vscode打开.gitconfig 直接在vscode里更改即可注意# 是注释 要记得删除
2022-04-17 11:28:51
2820
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人