笔记
大白要开心呀
开开心心不秃头
展开
-
el-table-column prop=“is_show“ 三目运算写法
el-table-column prop=“is_show” 三目运算写法// is_show为0时候 不显示 否者显示 直接再prop写三目运算不行<el-table-column prop="is_show" label="是否显示" width="80"></el-table-column>正确写法<el-table-column label="是否显示" width="80"> <template slot-scope="scope原创 2022-04-20 14:01:50 · 586 阅读 · 0 评论 -
vue中三目运算三个条件判断写法
vue中三目运算三个条件判断写法// 三目运算 <span>{{ row.type ==0?'不进行限购':(row.type ==1 ? '按每种商品进行限购':'按活动进行限购')}}</span>原创 2022-04-20 10:39:40 · 3001 阅读 · 0 评论 -
条件判断动态添加class样式
条件判断动态添加class样式条件判断动态添加class样式// 是否完成 如果完成就是one样式 否则是two样式 <div :class="isOk == true? 'one' : 'two' ">完成</div>.one{ color:pink;}.two{ color:red;}原创 2022-04-13 14:08:18 · 621 阅读 · 0 评论 -
Vue 单页应用与多页应用的区别
Vue 单页应用与多页应用的区别概念:● SPA单页面应用(SinglePage Web Application),指只有一个主页面的应用,一开始只需要加载一次js、css等相关资源。所有内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅仅刷新局部资源。● MPA多页面应用 (MultiPage Application),指有多个独立页面的应用,每个页面必须重复加载js、css等相关资源。多页应用跳转,需要整页资源刷新。...原创 2022-02-25 23:28:47 · 440 阅读 · 0 评论 -
MVVM、MVC、MVP的区别
MVVM、MVC、MVP的区别MVC、MVP 和 MVVM 是三种常见的软件架构设计模式,主要通过分离关注点的方式来组织代码结构,优化开发效率。在开发单页面应用时,往往一个路由页面对应了一个脚本文件,所有的页面逻辑都在一个脚本文件里。页面的渲染、数据的获取,对用户事件的响应所有的应用逻辑都混合在一起,这样在开发简单项目时,可能看不出什么问题,如果项目变得复杂,那么整个文件就会变得冗长、混乱,这样对项目开发和后期的项目维护是非常不利的。(1) MVCMVC 通过分离 Model、View 和 Cont原创 2022-02-25 23:20:12 · 121 阅读 · 0 评论 -
双向数据绑定的原理
双向数据绑定的原理Vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤:需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter这样的话,给这个对象的某个值赋值,就会触发setter,那么就能监听到了数据变化compile解析模板指令,将模板中的变量替换成数据,然后初始化渲染页面视图,并将每个原创 2022-02-25 23:10:18 · 121 阅读 · 0 评论 -
includes和indexOf的区别
includes和indexOf的区别includes 返回的是true falseindexOf 返回的是索引原创 2021-12-24 11:30:42 · 173 阅读 · 0 评论 -
tsc报错无法加载文件,因为在此系统上禁止运行脚本
ts报错解决方法使用管理员允许vscode然后敲下来的命令get-ExecutionPolicy 显示RemoteSignedset-ExecutionPolicy RemoteSignedget-ExecutionPolicy然后就可以啦原创 2021-12-01 13:49:11 · 663 阅读 · 0 评论 -
ES6笔记
ES6笔记let 声明变量1.变量不能重复声明2.块儿级作用域 全局 函数,eval3.不存在变量提升4.不影响作用域链const声明常量1.一定要赋初值2.一般常量使用大写(潜规则)const A=100;console.log(A);3.常量的值不能修改 SHCOOL='WENLI'4.块儿级作用域 { const P='EW' } console.log(P);5.对于数组和对象的元素修改,不算做对常原创 2021-11-29 22:43:34 · 355 阅读 · 0 评论 -
安装淘宝镜像
安装淘宝镜像命令// 安装淘宝镜像命令npm install -g cnpm --registry=https://registry.npm.taobao.org检查淘宝镜像是否安装成功原创 2021-11-26 09:53:34 · 367 阅读 · 0 评论 -
vue笔记
vue笔记第一步:安装(仅第一次执行):全局安装@vue/clinpm install -g @vue/cli第二步:切换到你要创建项目的目录下,创建项目vue create happy第三步:启动项目npm run serve脚手架文件结构关于不同版本的vueref属性关于VueComponent配置项propsscoped样式组件化编码流程...原创 2021-11-12 16:21:28 · 848 阅读 · 0 评论 -
vue的内置指令
vue的内置指令v-textv-htmlv-cloakv-pre原创 2021-11-07 16:24:27 · 71 阅读 · 0 评论 -
react、vue中的key有什么作用?
react、vue中的key有什么作用?(key的内部原理)1.虚拟DOM中key的作用:key是虚拟DOM对象的标识,当状态中的数据发生变化时,vue会根据【新数据】生成【新的虚拟DOM】,随后vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下:2.对比规则1.旧寻DOM中找到了与新虚拟DOM相同的key;a.若虚拟DOM中内容没变,直接使用之前的真实DOMb.若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM2.旧虚拟DOM未找到与新虚拟DO原创 2021-11-07 16:14:15 · 128 阅读 · 0 评论 -
Vue中的事件修饰符
Vue中的事件修饰符1.prevent:阻止默认事件(常用)2.stop:阻止事件冒泡(常用)3.once:事件只触发一次(常用)4.capture:使用事件的捕获模式5.self:只有event.target是当前操作的元素是才触发事件6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕...原创 2021-11-05 21:58:29 · 71 阅读 · 0 评论 -
MVVM模型
MVVM模型M:模型(Model):对应data的数据V:视图(View):模板VM:视图模型(ViewModel):Vue实例对象观察发现:1.data中所有的属性,最后都出现在了vm身上2.vm身上所有的属性及Vue原型上所有属性,在Vue模板中都可以直接使用...原创 2021-11-04 21:55:55 · 82 阅读 · 0 评论 -
vue数据绑定
vue数据绑定单向绑定(v-bind)单向绑定(v-bind):数据只能从data流向页面双向绑定(v-model)双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data注意1.双向绑定一般都是应用在表单元素上(如:input、select等)2.v-model:value可以简写为v-model,因为v-model默认收集的就是value值下面展示一些 v-bind v-model的代码片。// 单向数据绑定单向数据绑定:<input type="te原创 2021-11-04 21:25:38 · 76 阅读 · 0 评论 -
Computed 和 Watch 的区别
Computed 和 Watch 的区别Computed它支持缓存,只有依赖的数据发生了变化,才会重新计算,不支持异步,当Computed中有异步操作时,无法监听数据的变化.computed的值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data声明过,或者父组件传递过来的props中的数据进行计算的。如果一个属性是由其他属性计算而来的,这个属性依赖其他的属性,一般会使用computed,如果computed属性的属性值是函数,那么默认使用get方法,函数的返回值就是属性的属性值,原创 2021-11-04 18:57:40 · 368 阅读 · 0 评论 -
GitHub搭建的个人博客发表文章
GitHub搭建的个人博客发表文章使用markdown语言可以使用cdsn直接编写文章然后导出成.md文件放到source下面的_posts文件中标题改一下最后 hexo s hexo d 部署到GitHub上(记录下来以免自己过段时间忘了)...原创 2021-11-03 22:34:51 · 370 阅读 · 0 评论 -
hexo个人博客修改主题
hexo个人博客修改主题使用git 和github、hexo搭建博客hexo主题修改命令下载:使用git 和github、hexo搭建博客hexo主题修改hexo themes官网主题: 选择自己喜欢的风格点击下载: 将下载的主题解压后放在themes文件中命令下载:// 下载主题 git clone https://github.com/miiiku/hexo-theme-flexblock.git ./themes/flex-block修改config.yml中的主题名them原创 2021-11-03 21:15:26 · 160 阅读 · 0 评论 -
2021-09-17
react创建项目报错error F:\专班\react\beijing-normal-university\node_modules\core-js: Command failed. Exit code: 1 Command: node -e "try{require('./postinstall')}catch(e){}" Arguments: Directory: F:\专班\react\beijing-normal-university\node_modules\core-js Output:原创 2021-09-17 11:22:02 · 429 阅读 · 0 评论 -
2021-03-25
List item原创 2021-09-17 10:44:00 · 47 阅读 · 0 评论