qq_41995398的博客

3，子组件中使用了scoped属性，使得父组件中的样式无法起效（使用深度选择器 ::deep ）2，选择器优先级不一样，组件自带优先级高一些（通过加父类名或者样式后加!覆盖element组件样式的时候，有时候会遇到样式失效的情况，主要原因有以下几种。1，父类名错误，A标签下的样式，结果写在了B标签下（注意父类名）覆盖element组件样式失效。

forEach一般用来遍历数组.缺点：无法停止循环，无法break.for in一般用来遍历对象，也可以遍历数组.缺点：会把原型属性过滤出来，需要hasOwnProperty()过滤.for of一般用来遍历数组，类数组。遍历对象需要配合Object.keys()使用.一个数据结构只要部署了Symbol.iterator属性，就被视为具有 iterator 接口，就可以用for...of循环遍历它的成员。也就是说，for...of循环内部调用的是数据结构的Symb

逻辑运算符 与（&&）：先计算第一个运算数的结果的布尔结果，如果是假，返回第一个运算数的运算结果，如果第一个运算数的结果的布尔结果是真，看后面运算数的运算结果的布尔结果，直到遇到假，返回为假的运算结果。如果全部都是真的话，则整体为真，其他情况为假。 a && b && c...逻辑运算符 或（ || ）:先计算...

JS对象属性一共分为两大类，自有属性，枚举属性。关于对象属性的获取，判断操作请见链接末尾表格：属性的可枚举性和所有权 - JavaScript | MDN规律总结如下：in：所有属性包括自有属性和继承属性的判断for..in：遍历可枚举属性，包括自有属性和继承属性objt.hasOwnproperty(): 该属性是否是自身属性obj.propertyIsEnumberable(): 该属性是否是可枚举属性obj.keys(): 获取该对象的所有自身可枚举属性并且形成数组

按需引入借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。（1），首先，安装 babel-plugin-component：npm install babel-plugin-component -D（2），然后，将 .babelrc或者是.babelrc.config.js添加代码，操作如下：module.exports = { presets: ["@vue/cli-plugin-babel/preset"], //以.

用CSS3新特性:bacgkground-color: raga(0,0,0,0.5)。但是此方法不兼容IE8以及以下，下面兼容一下：background-color: #000;filter: alpha(opacity = 50)。请注意，不能使用opacity，因为它会使父元素和内容都透明，opacity：0.5；...

ES6一般情况下，说的ES6是泛指ES3以后，包括ES5，ES6,ES7等新版本，其中ES6变动对大,影响最为深远。新增五个数组迭代方法filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。 forEach遍历数组forEach() 方法对数组的每个元素执行一次给定的函数。 every() 方法测试一个数组内的所有元素是否都能通过某个...

px 相对单位，虚拟像素，逻辑像素，它是组成图像的基本单元，请注意不是屏幕上的最小显示单位小光点。 pt 绝对单位，设备像素，物理像素，就是显示屏上面的小光点。 rem 相对于根节点下font-size的倍数。 DPR device piels ratio 设备像素比，物理像素与逻辑像素之间的比例关系。 选手机的时候标识的分辨率其实是逻辑像素，这也就解释了为什么老版苹果手机分辨率不大但是画面细腻了，这种显示屏单位面积像素点多（DPR大...

开启严格模式：在顶部或者函数顶部加上'usestrict';1，未经声明禁止赋值和使用'usestrict';a=1;UncaughtReferenceError:aisnotdefined2，禁止使用withwith(expression){statement}expression将给定的表达式添加到在评估语句时使用的作用域链上。表达式周围的括号是必需的。statement任何语句。要执行多个语句，请使用一个块语句...

事件流描述的是从页面中接受事件的顺序。浏览器两大阵营在早些时候看法是一致的，点击页面中的元素，其实相当于也点击了HTML，整个页面。浏览器两大阵营提出了差不多完全相反的事件模型。事件冒泡，IE事件流，事件由最具体的元素接受，如果点击一个页面中的div，这个点击事件从点击的元素按HTML结构逐层向上向父级冒泡，注意不是视觉上的父级，顺序是1,div 2,body 3,html 4,documen...

本文只是浅析如何对齐，即看即用行内元素行内元素的水平对齐：1,父级加文本对齐：text-align:center;2,css3中Flex布局，父元素设置属性：dispaly: flex; justify-content: center;行内元素的垂直居中1，子元素加一个等于父级的行高line-height;2，利用vertical-align:center,但是这一个比...

前端工程师经常和选择器权重打交道，但是部分人还是一知半解，下面咱们一起学习一下吧。应用场景selector specificity:选择器特殊性或者说是选择器权重更为贴切一些，这里的“权”，和是数学中加权平均数的“权”一个意思。当同时多个CSS选择器语句的目标是同一个HTML元素时，选择器权重就派上了用场，而且在开发中经常因为权重问题导致样式失灵场景一：同权重选择器前后覆盖。...

JS运行常见错误SyntaxError：语法错误，在解析代码过程中发生的语法错误。ReferenceError：引用错误 1，引用一个不存在的变量时引发的错误。 2，将一个值赋给无法分配的对象RangeError：超出有效范围错误 1，数组长度为负 2，Number对象的方法参数超出...

原型是JavaScript这门语言最重要的部分之一 ，理解原型以及原型机制对于学习这门语言来说事半功倍。这篇博客帮助你理解。构造函数与实例 Person.prototype.lastName = 'chen'; function Person(){ firstName = 'Joe'; } var person = new Person();...

这篇博客已经酝酿很久了，但是仍然感觉自己对这方面的内容还没达理解融汇的地步，加油啊！这篇博客是对我另一篇博客的更详尽的说明补充，下文有提到。JS中的作用域ES6之前只有两种，全局作用域(Global Scope),局部作用域(Local Scope又称函数作用域),作用域顾名思义就是变量能够起作用的区域，全局作用域定义的变量在全局范围内都有用。在函数2作用域内，局部作用域定义的变量的优先级大于...

前端代码的质量至关重要，直接决定着页面的质量和SEO，来看看一般实用的规范吧！HTML代码规范：1，img要写alt，在网络阻塞的情况下即使你没有加载出来图片内容，也可以得以知道图片代表的内容，起到提示的作用，提示内容要贴切。 <img alt="Smart">2，单标签不用写闭合符号，因为没必要，而且也显得你不懂HTML5规范，常见的单标签有img input...

先来体会他们的英文意思，join连接，加入；split,分裂；slice, 裁剪，切片；splice，拼接，1，Array.prototype.splice()：数组方法，删除数个元素，并插入新元素；语法：Array.prototype.splice(start，deleteCount，item):start,从start后面开始删除， deleteCount，删除的数量， ite...

JS创建对象方法有很多，在这里简单介绍几种1.用自带构造方法构造var ob = new Object();缺点：创建多个对象会产生很多重复代码2.工厂模式，自己编写一个具有生产对象的函数function Car(weight,height){ var o = new Object(); o.weight = weight; o.height = h...

1.HTML事件处理程序就是以行间样式的形式写到HTML里面,相当于给元素加了一个行间属性，属性名是函数名，属性值是事件处理程序，属性值是可以执行的JavaScript代码，也可以将事件处理程序写在页面引用的脚本中去。 <div onclick = "alert('clickMe')">Joe</div> <d...

什么是Ajax：Ajax（异步JavaScript和XML，即Asynchronous JavaScript and XML），它不是一种技术，而是一系类技术的总称，传统的Web应用与服务器之间通讯时，当Web发出请求之后，服务器会把包括请求数据在内的整个页面重新返回，这样做对服务器压力很大，而且使得浏览页面变得卡顿，而Ajax只返回‘该返回的数据’从而达到 ‘ 局部刷新’ 的目的，虽然名字时...

HTML5:HTML5是W3C于2014年正式发布（进入Recommentdation阶段）,是HTML的第五个版本，是对原有标准的补充和拓展，我们经常会听到有人会说，“你会H5吗 ？”这是不严谨的，因为H5是一个标准而非一种技术，狭义上讲HTML5就是第五代HTML的第五个标准。广义上讲，HTML5也包括CSS，JavaScript的部分内容，它希望减弱浏览器对于插件的需求，构建更加多样的...

本文只讨论JavaScript环境下的JSON渊源：JSON（JavaScript Object Notion 或JavaScript对象表示法）是基于JavaScript的一种数据格式，一种语法，用来序列化简单值，对象与数组，请注意JavaScript不是JSON，JSON也不是JavaScript，'' JSON是JavaScript的一个子集'' 这句话起码是不严谨的，详见J...

字符串（String）是JS七大数据类型之一，字符串字面量和调用String之前的字符串都是 '基本字符串' ，基本字符串和字符串对象是不一样的,当基本字符串调用字符串方法，或者查询值的时候，JavaScript会自动将转化为字符串对象。在String.prototype上面有很多方法，本文简单的列举一些字符串对象常用的方法，和属性。属性：String.length,该属性会返回字符串...

难道不是 百度？夸克？ 360？。。。。。浏览器发展历史： 最早的浏览器是90年诞生的WorldWideWeb后来改名为Nexus(想起了银翼杀手里面的Nexus 6型)； 伊利诺大学的NCSA组织推出了里程碑性意义的浏览器Mosaic （马赛克，手动狗头），这是第一个能呈现图片的浏览器，后来他跳槽之后进入网景之后推出了盛极一时的Netscape Na...

作为计算机的一个学生，第一次使用博客，嘿嘿，俨然感觉自己是一个技术大牛，其实现在是一个小白，以后我会尽量试着写一些我认为很实用的东西，加油，自古英雄多磨难，从来纨绔无伟男。...

什么是预编译？为了利于理解我们可以把这个过程简化成下面的内容，这和学习课本的内容一样，你学习的知识不一定是对的，但是确实是你能接受范围内最形象的表达，有基础的朋友可以看我的另一篇博客《JS深入理解执行过程：作用域和作用域链，执行上下文，预编译等》当js代码执行时有三个步骤：1，语法分析，这个过程检查出基本的语法错误。2，预编译，为对象分配空间。3，解释执行，解释一行执行一行...

JavaScrip数据有两大类，七种：原始值：1.Number 数字 2.String 字符 3. Boolean 布尔值 4.Null 空 5.Undefined未定义 6.Symbol符号（es6加上的，暂时不加讨论）引用值: 7...

1. 什么是 NaN ？ NAN全称是（not a number）是js中奇妙的存在，一般情况下只出现在Number方法的返回值中。虽然是notanumber 的意思，但是它js七大数据类型中的number类型。2.NAN的神奇特点： * NAN是Number类型 var a = number('abc'); ...

什么是替换元素，什么又是非替换元素？下面是摘自《CSS权威指南》的解释：非替换元素：如果元素的内容包含在文档中，则称之为非替换元素。一个段落的文本内容都放在该元素本身之内，这个段落就是非替换元素。替换元素：这是指用作为其他元素占位符的一个元素。替换元素的一个经典例子就是img元素，它只是指向一个图像文件，这个文件将插入到文档流中该img元素本身所在的位置，大多数元素也可以替代。...

Js中有很多获取元素的方法，本文讨论了较为常见的几种方法.1.getElementById('demo'): 该方法会返回一个Id值为'demo'的节点，该方法定义在Document.prototype上面，Element节点是不能调用的，只能被document调用 ,var Node = document.getEle...

W3C的标准，又称标准盒子模型，content-box：《css权威指南》和MDN官方文档对 ' width'都做出了相同的规定《css权威指南》：元素的 width被定义为从左内边界到右内边界的距离，height则是从上内边界到下内边界的距离。MDN官方文档：width属性指定了元素内容区的宽度.内容区在元素padding，border和margin里面。...