带你芝麻开门-CSDN博客

原创 localStorage的存储,读取,删除

localStorage存储我们通过以下方式将数据储存到localStorage中window.localStorage.setItem('key',value)但有时value为一个对象Object,以上面的方式写入,会出现读取的返回值为{object Object}的情况,但这并不是我们想要的,此时我们需要使用新的方式传入Objectwindow.localStorage.setItem('param',JSON.stringify(Object))通过JSON.stringify(O

2021-06-18 16:21:52 497

原创 GIT 基本指令

Git指令–期待补充初始化本地文件 git init把文件存在本地暂存区 git add .查看暂存区中文件信息 git ls-files· --cached(-c)显示暂存区中的文件，git ls-files命令默认的参数· --deleted(-d)显示删除的文件· --modified(-m) 显示修改过的文件· --other(-o)显示没有被git跟踪的文件· --stage(-s) 显示mode以及文件对应的Blob对象，进而我们可以获取暂存区中对应

2021-06-12 12:12:12 125

原创 less 和 sass的区别

什么是Sass和Less？ Sass和Less都属于CSS预处理器，那什么是 CSS 预处理器呢？ CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。转化成通俗易懂的话来说就是“用一种专门的编程语言，进行 Web 页面样式设计，再通过编译器转化为正常的 CSS 文件，以供项目使用”。区别 :①sass有变量和作用域。变量有全局和局部之分，并且有优先级。

2021-06-12 12:01:33 157

原创本地储存localStorage与cookie的区别

①cookie在浏览器与服务器之间来回传递。sessionStorage和localStorage不会把数据发给服务器，仅在本地保存②数据有效期不同：cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。sessionStorage：仅在当前浏览器窗口关闭前有效。localStorage 始终有效，长期保存。③存储大小也不同，cookie数据还有路径的概念，可以限制cookie只属于某个路径下。cookie数据不能超过4k，sessionStorage和localS

2021-06-03 21:46:31 802

原创手写闭包函数

1：闭包函数定时器循环是异步编程，每一轮循环设置定时器, 无需等定时器触发执行，继续下一轮循环。（定时器触发的时候，循环已经结束）；十次循环都已经结束了，设置了十次定时器，循环已经结束，定时器还没有开始。循环结束 i = 10；for(var i=0, i<10, i++) { setTimeout(()=> { console.log(i); }, 1000) }1: 修改为： let 存在块级作用域，每一次

2021-06-03 10:45:00 532

原创总结

在详情页中使用v-model上传头像<el-form-item label="员工头像">  <upload-img v-model="imageUrl" /></el-form-item>使用element组件库upload-img:自定义组件,使用v-model进行双向绑定.步骤子组件定义props value来接收父组件传入的图片地址直接用value来显示图片 <img v-if=

2021-04-27 21:46:12 127 1

原创 v-model双向绑定

用法vue中经常使用到和这类表单元素，vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。v-model本质上是一个语法糖。如下代码本质上是<input :value=“test” @input=“test = $event.target.value”>，其中@input是对输入事件的一个监听:value="test"是将监听事件中的数据放入到input，下面代码是v-model

2021-04-27 18:23:09 347

原创 element-ui form表单检验规则

要求：用户名必须为11位手机号 (/^1[0-9]{10}$/)密码为必填且长度6到8位字符步骤:定义验证规则配置模板，应用规则给表单设置 rules 属性传入验证规则给表单设置model属性传入表单数据给表单中的元素（Form-Item ）设置 prop 属性，其值为设置为需校验的字段名手动兜底验证步骤一:在data中补充自定义规则格式 :rules: { // 字段名1：表示要验证的属性 // 值: 表示验证规则列表。它是一个

2021-04-20 16:42:45 1111

原创虚拟dom

虚拟 dom(VNode) 。虚拟:假的,不是真实的dom真实的dom真实的dom是一个对象,它的属性非常多,在浏览器中做dom来说操作相对来说,会比较消耗性能。虚拟dom虚拟dom是一个对象，他的属性相对于真实dom就比较少—用少量的属性来描述一个dom，他无法在浏览器中显示。为什么在vue中会用到虚拟dom有两点：虚拟dom比真实dom体积小，操作相对来说消耗性能少。如果要在页面删除一个dom，会影响页面重绘，很可能影响后边元素的布局**虚拟dom才可以实现跨端（在服.

2021-04-18 19:58:31 100

原创 render的基本使用

一个组件的内容有两种书写方式:template:常见写法.通过模板语法来指定组件内容render : 通过render函数来指定组件内容如果在组件定义时,两者同时存在,会以rebder为准案例写一个组件，功能是根据传入的prop值，还决定到底是h1,…h6<my-headeing :level="1">标题1</my-heading> ---> <h1>标题1</h1><my-headeing :level="6"&.

2021-04-18 19:33:31 994 1

原创 svg图标处理

svg图标处理安装loadenpm i svg-sprite-loader@4.1.3配置vue.conffig.js创建一个svg图表组件src\components\SvgIcon\index.vue在src下创建icons文件夹在icons/index.js注册全局组件,在建一个svg文件夹保存svg图片使用组件,在main.js 进入...

2021-04-18 17:53:42 202

weixin_53093309的博客