- 博客(22)
- 收藏
- 关注
RSS订阅
原创 前端性能优化
前端性能优化1. 减少 HTTP 的请求次数和传输报文的大小CSS SPRITE（雪碧图、图片精灵）技术使用字体图标（ICON FONT）或者 SVG 等矢量图 + 减少 HTTP 请求次数或者减少请求内容的大小 + 渲染更快：因为他们是基于代码渲染的，而对于位图（png/jpg/gif）是需要先把图片编码再渲染 + 不容易失真变形 + 也可以使用 webp 格式图片，这种格式要小一些（但...
2019-10-29 11:18:30
259
原创 如何修改el-form 校验 提示的css样式
::v-deep .error .el-form-item__error { top: 55%; color: black; }我这边有个bug就是这个提示的错误信息位置错位了，然后要改一下这个提示的位置记录一下
2022-05-27 16:50:11
668
原创 删除对象中的某个属性
this.saveform.isDelete= this.saveform.isDelete.split(',');this.saveform.isDele= this.saveform.isDele.split(',');this.$delete(this.saveform, 'isDelete')this.$delete(this.saveform, 'isDele')
2022-03-31 16:14:34
776
原创 javascript 合并两个对象
最近面试被问到了好几次，写个博客记录下来let arr1 = { a:1, b:2, c:3， d:4, e:5 }; let arr2 = { d:6, e:7, f:8 }; //方法一拓展运算符，后面相同的属性覆盖前一个 let arr3={...arr1,...arr2}; //方法二Object.assign()，后面相同的属性覆盖前一个属性 let arr3=Object.assign(arr1,arr2); //方法三Object.k
2021-09-14 15:06:15
78
原创 vue项目seo优化
这两天公司的产品上线之后，要进行seo优化，因为我们这个项目使用的是vue，而vue是个单页面应用，搜索引擎的基础爬虫原理就是抓取url，然后获取html源码并进行解析，而vue的页面是通过数据绑定机制来渲染页面的，所以当爬虫的时候 获取到的最先的并不是我们的数据，而是一个html的模型页面，所以说，用js来渲染数据对于seo而言并不友好，所以需要打包的时候，生成html问卷，我这里使用的是预加载1 router路由必须是history路由2 npm install – save prerender
2021-03-29 16:49:15
487
原创 echarts 世界地图 地图不渲染问题
这两天新接到需求，要求做一个echarts世界地图，然后去Gallery中找到了一各demo编写的时候出现了地图不显示，而柱状图和饼状图没问题的情况解决方法1.首先，引入第三方脚本，里面存放的是世界地图的坐标等下数据二修改引入的js文件这样echarts地图就出来了...
2021-01-28 14:25:14
1282
原创 赛博朋克故障风
前两天看到Steven。发的一个赛博朋克故障风的文章，觉着挺感兴趣，自己就试着敲了一下，或不多说，上代码<!DOCTYPE html><html> <head> <meta charset="{CHARSET}"> <title></title> <style> body { display: flex; justify-content: center; align-items: cen
2021-01-26 17:33:27
772
1
原创 项目中遇到的问题
VUE 单页应用首页加载特别慢的解决方法，（我自己没百度之前，想的是路由懒加载，图片懒加载，压缩cssjs）我们一般打包后把 生成的dist文件夹下面的这两个东西拖到服务器下面就行了到这里你会发现html文件才1kb ，那么你需要打开static，static里面有个js文件，点开之后会有许多文件，打开js,可以看到，里面有许多.map文件，而且很多都很大，如图最后一个9M多，这些文件主要是帮助我们线上调试代码，查看样式。所以为了避免部署包过大，通常都不生成这些文件。1.启用路由懒加载，打包之
2021-01-26 17:14:20
73
原创 给console.log添加样式
示例1.console.log("%c需要输出的信息 ", "color:red");2.console.log("%c需要输出的信息 ", "color:red;font-size:30px;width:200px;height:200px;background-color:green");3.console.log("%c", "padding:50px 300px;line-height:120px;background:url('http://www.iconpng.com/png/tai.
2021-01-26 16:51:56
1222
原创 vue组件中 data 为什么是一个函数
因为vue中的组件是为了复用的,且 JS 里对象是引用关系,如果组件中 data 是一个对象，那么这样作用域没有隔离，子组件中的 data 属性值会相互影响，如果组件中 data 选项是一个函数，那么每个实例可以维护一份被返回对象的独立的拷贝，组件实例之间的 data 属性值不会互相影响；而 new Vue 的实例，是不会被复用的，因此不存在引用对象的问题。...
2020-05-09 14:30:39
220
原创 js面试题
1、请为Array实现一个简要的timeOutEach方法，起作用为： 每隔一定的时间（如m秒钟）输出一个item项，如果这个Array有n个项，那timeOutEach方法就需要n*m长的时间才能够执行完成（可以理解成处理并发问题而实现的一个队列方法）.Array.prototype.timeOutEach = function (fn,time) { if (this.length&...
2020-04-20 21:26:53
90
转载 原生JS案例
1、原生JavaScript实现字符串长度截取复制代码代码如下:function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; va...
2019-12-05 12:57:47
1073
转载 vue组件之间组件通信方式总结
对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。props和emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过emit触发事件来做到的。Vu...
2019-11-02 16:11:49
106
原创 VUE基础知识
文章目录VUE基础知识区分框架和类库渐进式框架VUE是MVVM框架VUE 常用指令watchreduce: 数组的方法生命周期函数(钩子函数)VUE基础知识区分框架和类库类库jQuery ,zepto, underscore,类库提供的是真实项目中常用到的方法,它是一个工具包,基于这个工具包可以快速开发任何项目插件TAB选项卡插件, BANNER轮播图插件 ,DIALO...
2019-10-30 19:08:17
140
转载 Html 和 CSS笔记
html 和 css原文链接：https://blog.csdn.net/Lin16819/article/details/102759862不断学习，后期的新增笔记会继续加到文章上方点击链接后退页面：<a href="javascript:history.go(-1)">回到上一个网页</a>——修改placeholder提示的样式：1.除IE外通用写法 ...
2019-10-30 18:38:11
522
原创 全面剖析DOM事件模型
全面剖析DOM事件模型什么是事件:事件是元素天生自带的默认行为* 1 不论我们是否给其绑定了方法,当我们操作的时候,也会把对应的时间触发什么是事件绑定: 目的是当事件行为触发的时候,可以做一些事情常用的事件行为[鼠标事件行为]click 点击事件 (移动端click被识别为单机) dblclick 双击事件 mousedown 鼠标摁下 mouseup 鼠标抬起 m...
2019-10-11 18:28:47
192
原创 JS数据类型
文章目录JavaScript —— js数据类型js数据类型number 数字类型isNaN用于检测一个值是否为非有效数字，如果不是有效数字返回TRUE，是有效数字FALSE。把其他类型值转换为数字类型 Number([val])parseInt parseFloat([val],[进制]) 把一个值转换为数字，对于字符串，从左到右查找有效数字字符，直到遇到非有效数字字符停止寻找，...
2019-09-26 19:29:13
101
原创 正则表达式
正则表达式正则表达式: regular expression：RegExp用途: 用来处理字符串的规则只能处理字符串它是一个规则：可以验证字符串是否符合某个规则（test），也可以把字符串中符合规则的内容捕获到（exec / match…）编写正则表达式创建方式有两种//=>字面量创建方式（两个斜杠之间包起来的，都是用来描述规则的元字符）let reg1 = /\d+...
2019-08-17 22:20:32
159
原创 javascript当中变量提升和闭包作用域的问题
变量提升 和闭包作用域当浏览器开辟出供代码执行的占内存的时候,代码并没有自上而下的执行 而是把当前的作用域中所有带var/function关键字的进行了提前的声明和定义.1.带var和不带var的区别在全局作用域下的区别 :不带var的相当于给全局对象window设置了一个属性aa = 13 ;consle.log(a); //=> window.a带var的: 是在全...
2019-08-15 16:02:24
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人