摘要: 1、为vue添加模板代码片段 打开VSCODE编辑器,依次选择文件 → 首选项 → 用户代码片段,此时,会弹出一个搜索框,我们输入vue, 如下: 2、在vue.json中添加以下代码(可以根据自身需求改动) { "vue": { "prefix": "vue", "body": [ "<templ 阅读全文
posted @ 2020-10-18 15:01 sunidol 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 代码结构如下: 1、html部分 <div class="tab"> <router-link tag="div" class="tab-item" to="/recommend"> <span class="tab-link">推荐</span> </router-link> <router-li 阅读全文
posted @ 2020-10-18 14:44 sunidol 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 一、forEach() 遍历数组,无返回值。理论上该方法没有返回值,仅仅是遍历数组中的每一项,不对原数组进行修改;但是可以通过数组的索引来修改原来的数组 方法中传入的 匿名回调函数中的this指向window arr.forEach(function(value, index, array){ // 阅读全文
posted @ 2020-08-20 18:27 sunidol 阅读(2827) 评论(0) 推荐(1) 编辑
摘要: 一、箭头函数形式 箭头函数用 => 符号表示,相当于匿名函数,箭头左边是传入函数的参数,右边是函数中执行的语句 // js原始写法 var sum = function(x, y){ return x+y } // 箭头函数写法 var sum = (x, y) => { return x+y } 阅读全文
posted @ 2020-08-20 15:21 sunidol 阅读(635) 评论(0) 推荐(0) 编辑
摘要: 一、父组件向子组件传值 1、首先创建父组件(parent)和子组件(child),并在父组件中注册子组件 2、在父组件调用子组件标签中添加一个自定义属性(msg) // 父组件 <template> <div class="parent"> <Child :msg="parentMsg"></Chi 阅读全文
posted @ 2020-08-14 14:51 sunidol 阅读(2794) 评论(0) 推荐(0) 编辑
摘要: 前言 在实现html和css标准化之前,各个浏览器对html和css的解析各有不同,甚至是同一个浏览器的不同版本渲染方式也不同(比如:IE6&IE7)。在W3C指定标准之后,浏览器既要按照标准去实现HTML和CSS的支持,又要保证能够兼容以前的非标准的旧网页,于是就有了现在所说的标准模式和兼容模式。 阅读全文
posted @ 2019-09-25 09:29 sunidol 阅读(920) 评论(0) 推荐(0) 编辑
摘要: 当前很多无线页面都使用前端模板进行数据渲染,那么在糟糕的网速情况下,一进去页面,看到的不是白屏就是 loading,这成为白屏问题。 此问题发生的原因基本可以归结为网速跟静态资源 1、css文件加载需要一些时间,在加载的过程中页面是空白的。 解决:可以考虑将css代码前置和内联。 2、首屏无实际的数 阅读全文
posted @ 2019-09-19 09:25 sunidol 阅读(5310) 评论(0) 推荐(0) 编辑
摘要: 为什么要预处理器 css层叠样式表是一门标记语言,并不是编程语言,因此不可以自定义变量,不可以引用等,它不具备任何语法支持,它主要缺陷如下: + 语法不够强大,比如:无法嵌套书写,导致模块化开发中需要书写很多重复的选择器; + 没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重 阅读全文
posted @ 2019-09-18 09:54 sunidol 阅读(193) 评论(0) 推荐(0) 编辑
摘要: js 和任何一门语言一样,对其数值的范围有限制。 Number.MAX_VALUE // 1.7976931348623157e+308 Number.MAX_SAFE_INTEGER // 9007199254740991 Number.MIN_VALUE // 5e 324 Number.MIN 阅读全文
posted @ 2019-09-16 17:02 sunidol 阅读(1389) 评论(0) 推荐(0) 编辑
摘要: Object.defineProperty && Object.defineProperties ECMAS 262第5版在定义只有内部采用的特性时,提供了描述了属性特征的几种属性。ECMAScript对象中目前存在的属性描述符主要有两种,数据描述符(数据属性)和存取描述符(访问器属性),数据描述符 阅读全文
posted @ 2019-09-15 23:06 sunidol 阅读(1255) 评论(0) 推荐(0) 编辑