- 博客(31)
- 收藏
- 关注
RSS订阅原创 Expected Array got Object
Invalid prop: type check failed for prop “data”. Expected Array, got Object简单来说，就是你传参的类型错了。需要传递一个对象类型，但是传递的确实数组。
2020-05-19 10:13:56
5378
原创 h5和小程序引入iconfont不显示的问题，文件查找失败:'./iconfont.eot?t=1589268965290'
将复制的css放到自己的项目中，然后全局引入即可。
2020-05-13 08:40:28
3788
原创 es5-es9基础知识点(2)
1、在源代码中，操作数有哪些？分析：首先了解什么是表达式？编程语言中表达式由操作数和运算符构成。操作数：可以是常量、变量、子表达式和特定函数的返回值运算符：算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符、类型运算符、按位运算符、括号运算符、扩展运算符、逗号运算符、删除运算符2、运算符的优先级是怎样的呢？...
2020-05-11 21:47:48
245
原创 es5-es9基础知识点(1)
1、截至2018年，ECMAScript总共有几个版本？答案：9个版本，被广泛应用的是es5和es6。版本对照：正式名称版本名称缩写昵称ECMAScript 2015ECMAScript 6ES2015、ES6ECMAScript 2016ECMAScript 7ES2015、ES7ECMAScript 2017ECMAScript 8ES2015、ES8ECMAScript 2018ECMAScript 9ES2015、ES92、可被并列
2020-05-11 20:47:37
280
原创 css实现文字溢出隐藏显示省略号
1、单行文本溢出隐藏.nowrap_ellipsis{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}2、多行文本溢出隐藏.nowrap_ellipsis{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; /* 此处指定行数 */ overflow: hidden;}...
2020-05-11 13:47:52
322
原创 uncaught SyntaxError:unexpected identifier
uncaught SyntaxError:unexpected identifier这个报错的意思就是意外的标识符可能原因如下：1、中英文的标点符号的问题2、如果在高版本浏览器中运行不报错，在低版本浏览器中报错，那就是浏览器不支持es6或其他的新语法3、有可能是字符串类型的，但是并没有加双引号。...
2020-05-11 11:07:36
5614
原创 从敲入 URL 到渲染完成的整个过程，包括 DOM 构建的过程，说的约详细越好。
首先，浏览器会根据你输入的地址，分析你所请求的协议类型，用此协议去访问你指定的服务ip地址上的端口。返回给浏览器html文件，浏览器解析次文件的过程中，会引入此html文件所需要的css文件和js文件。然后分析js文件，如果js文件有请求数据的方法，执行方法，从服务端拿数据，浏览器根据拿到的数据，用js方法再渲染到dom树上，此时我们就能正常的看到我们所访问的页面。...
2020-05-07 17:26:44
316
原创 vue面试系列(10) vue如何动态加载组件？
简单的事例<template> <div id="app"> <!-- vue.js提供了一个特殊元素 component 用来动态挂载组件 使用is特性来选择挂载的组件--> <component :is="currentName"></component> <!-- 这块可以根据自己的条件去切换 --&...
2020-05-07 16:46:25
400
原创 js常用方法(5) js 常用正则验证格式 匹配邮箱、手机号、身份证号等
1、验证邮箱/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/2、验证手机号/^1[3|4|5|7|8][0-9]\d{8}$/3、验证身份证号// 18位身份证号/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|...
2020-05-06 17:40:38
395
原创 css面试题（7）CSS优化、提高性能的方法有哪些？
CSS优化、提高性能的方法有哪些？避免过度约束过渡约束的代码：div{ position:relative; bottom:100px; // 不必要的样式约束 top:-200px; width: 200px; height: 200px; background-color:lightcoral; }简洁的...
2020-05-06 11:57:11
766
原创 css面试题（6）css常见的兼容性问题？
css常见的兼容性问题？不同浏览器的标签默认的margin和padding不一样。// 用此方法解决*{ margin:0; padding:0;}超链接访问过后hover样式就不出现了，被点击访问过的超链接样式不再具有hover和active了。// 解决方法是改变CSS属性的排列顺序:L-V-H-A ( love hate ): a:link {} a:visited {...
2020-05-06 11:36:49
388
原创 css面试题（5）用纯CSS创建一个三角形的原理是什么？
用纯CSS创建一个三角形的原理是什么？盒子模型的border就是由三角形组成的，我们可以通过设置元素的宽高为0，然后修改border的宽度，并且修改其颜色，来达到绘制三角形的目的。例如：<body> <div></div></body><style>div{ width: 0; height: 0; border-t...
2020-05-06 11:27:24
723
1
原创 css面试题（4）CSS3有哪些新特性？
CSS3有哪些新特性？RGBA和透明度background-image background-origin(content-box/padding-box/border-box) background-size background-repeatword-wrap（对长的不可分割单词换行）word-wrap：break-word文字阴影： text-shadow： 5px 5px 5px ...
2020-05-06 11:20:58
669
原创 css面试题（3）display有哪些值？
display有哪些值？inline（默认）–内联none–隐藏block–块显示table–表格显示list-item–项目列表inline-block
2020-05-06 11:18:18
226
原创 css面试题（2） CSS选择器有哪些？哪些属性可以继承？
CSS选择器有哪些？哪些属性可以继承？CSS选择符：id选择器(#myid)类选择器(.myclassname)标签选择器(div, h1, p)相邻选择器(h1 + p)子选择器（ul > li）后代选择器（li a）通配符选择器（*）属性选择器（a[rel=”external”]）伪类选择器（a:hover, li:nth-child）可以继承的：font-siz...
2020-05-06 11:16:55
295
原创 css面试题（1） CSS的盒子模型？
CSS的盒子模型？盒模型指： 内容(content)、填充(padding)、边界(margin)、 边框(border)两种类型： IE 盒子模型、标准 W3C 盒子模型；主要区别：标准：盒子的的尺寸是content的尺寸IE：盒子的的尺寸是content+padding+border设置的方式：box-sizing:content-box // 标准盒模型box-sizing...
2020-05-06 11:09:12
273
原创 web前端面试(1) 前端缓存怎么做？
前端缓存的技术手段比较多，比如：1、localstorage除非人为删除，否则一直存在2、sessionstorage关闭页签，将会清除3、cookie可以通过设置时间，根据时间决定有效期。如果不设置时间，将为永久保存4、websql、indexedDB浏览器内置的数据库形式存储那么问题来了？为什么要做前端缓存？可以一句话概括，为了避免用户重复登录，提高用户体验度。什么时候需...
2020-04-30 17:01:51
568
原创 vue面试系列(9) vue组件scoped的作用
vue组件scoped的作用就是让当前组建的样式，仅在当前组建生效。这样的好处有：1、避免在多人开发，造成css样式互相干扰2、解决css类名重复导致的样式错乱问题弊端1、在要修改引入的外部组建样式时，要使用样式穿透。不然修改的样式不生效。.box >>> .box1{ width: 200px;}/* 或者 */.box /deep/ .box1{ wid...
2020-04-30 15:37:33
503
原创 vue面试系列(9) 自定义过滤器filters
什么是过滤器 filters？为什么要用它？在页面展示时需要对一些数据做一些格式化操作，然后再渲染在页面上，而不改变数据本身。简单例子：用户输入：35.5我们要给用户：显示成35.5元，但是数据还是35.5<template> <div class="hello"> <!-- 页面显示200元 --> <p>价格：{{price ...
2020-04-30 14:58:35
371
原创 vue面试系列(8) v-for和v-if的优先级
在vue中，如果v-for和v-if出现在同一个标签中， v-for的优先级比v-if更高。例如：这意味着 v-if 将分别重复运行于每个 v-for循环中。<ul> <li v-for="(item,index) in list" :key="index" v-if="isShow">{{ item.title }}</li> </ul>...
2020-04-30 11:45:08
485
原创 vue面试系列(7) data 为什么必须是函数
vue中组件的data为什么是一个函数?vue的核心就是：数据驱动、组件系统那么既然是组件，就会被n次调用。每次调用都需要返回独立的数据空间。各个组件实例维护各自的数据，不会影响其他组件的数据。如果是单纯的写个对象，可能就会产生所有组件，共用一份data数据的结果...
2020-04-30 11:31:53
203
原创 vue面试系列(6) v-on绑定多个方法吗？
v-on绑定多个方法吗？答案：当然可以例如：<p v-on="{click:clickDo,mousemove:MouseDo}"></p>一个事件绑定多个函数：<p @click="one(),two()">点击</p>...
2020-04-30 11:06:00
643
原创 js常用方法(4) js图片base格式转为file格式
注意：filename必须指定function baseToFile(baseUrl, filename) { var arr = dataurl.split(',') var mime = arr[0].match(/:(.*?);/)[1] var bstr = atob(arr[1]) var n = bstr.length var u8arr = new Uint8Array(...
2020-04-30 10:46:01
184
原创 js常用方法(3) js数组对象排序
先定义两个排序方法function compareArrayObjAsc(key){ return function(value1,value2){ var val1=value1[key]; var val2=value2[key]; return val1-val2; }}function compareArrayObjDe...
2020-04-30 10:42:09
157
原创 js常用方法(2) js生成uuid
简介： UUID 是 通用唯一识别码（Universally Unique Identifier）的缩写function S4() { return (((1+Math.random())*0x10000)|0).toString(16).substring(1);}function createUuid(m) { let uuid = "" if(!m || m % 4 != 0){...
2020-04-30 10:35:47
195
原创 js常用方法(1) js深拷贝
什么是js深拷贝？当每个对象的值都指向同一个堆内存，这样的话不便于我们做操作，所以诞生了js深拷贝深拷贝作用在引用类型上，例如：Object，Array深拷贝不会拷贝引用类型的引用，而是将引用类型的值全部拷贝一份，形成一个新的引用类型，这样就不会发生引用错乱的问题，使得我们可以多次使用同样的数据，而不用担心数据之间会起冲突js实现深拷贝的方式有哪些？Object 对象第一种 最简单且容...
2020-04-30 10:28:02
168
原创 vue面试系列(5) vue常用键盘事件
为了在必要的情况下支持旧浏览器，Vue 提供了绝大多数常用的按键码的别名：.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right系统修饰键.ctrl.alt.shift.meta...
2020-04-30 09:56:42
176
原创 vue面试系列(4) vue常用事件修饰符
.stop<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a>.prevent<!-- 防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播） --><a v-on:click.stop="doThis"></a>.capture<!-...
2020-04-30 09:43:55
245
原创 vue面试系列(1) vue.js的两个核心是什么？
1、数据驱动，也叫双向数据绑定。Vue.js数据观测原理在技术实现上，利用的是ES5Object.defineProperty和存储器属性: getter和setter（所以只兼容IE9及以上版本），可称为基于依赖收集的观测机制。核心是VM，即ViewModel，保证数据和视图的一致性。2、组件系统。.vue组件的核心选项:1、模板（template）：模板声明了数据和最终展现给用户的DO...
2020-04-30 09:20:06
2592
原创 vue面试系列(2) vue-cli 工程常用的 npm 命令有哪些？
下载 node_modules 资源包的命令：npm install 启动 vue-cli 开发环境的 npm命令：npm run dev vue-cli 生成 生产环境部署资源 的 npm命令：npm run build 用于查看 vue-cli 生产环境部署资源文件大小的 npm命令：npm run build --report用于生成npm发布的包npm run l...
2020-04-30 09:16:42
436
原创 vue面试系列(3) v-if和v-show的区别
首先，v-if和v-show都是vue框架内部的指令。都可以实现代码块（元素）的在页面是否显示原理如下：v-if：是根据条件真假，决定是否将元素渲染到我们的DOM树上v-show：是根据条件真假，通过css的display:none属性，来隐藏掉我们的代码块（元素）。无论条件如何都会渲染，只是是否显示的问题。优缺点：v-if：优点：在初次页面渲染时，如果条件不满足（为假），将会缩短DO...
2020-04-29 23:11:28
298
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人