自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 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 493

原创 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 530

原创 总结

在详情页中使用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 1109

原创 虚拟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 993 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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除