- 博客(15)
- 收藏
- 关注
RSS订阅原创 v-model修饰符trim, number, lazy作用
trim<input v-model.trim="age" type="text"><div> {{ age }}</div>data() { return { age: 12 } }页面效果：结论：可以去掉首位空格，但对于输入内部的空格不能处理2. number<input v-model.number="age" type="text"><div> {{ typeof age }}<.
2021-12-14 12:10:36
1440
原创 JS创建对象的7种方法原理、优缺点及应用详解
1、工厂模式原理：使用函数将对象创建接口封装起来举例：function creatObj(name, age) { var obj = Object(); obj.nam...
2020-04-28 21:35:27
367
原创 小白都能看懂的从原理到应用来彻底理解闭包
1.什么是闭包通俗的来说，闭包就是在函数内部的一个函数，使得能在函数外部访问函数内的变量。举个例子：2、为什么要使用闭包。举个例子...3、闭包的原理4、this对象5、内存泄漏
2020-04-28 17:53:59
272
原创 纯css绘制箭头和三角形的三种方法
1、border法绘制三角形以向上的三角为例，先看代码<span></span>span { display:block; width: 0; height: 0; border: 40px solid; border-color: transparent transparent red;}效果如图原理分析为什么通过bor...
2020-03-31 20:37:37
1556
原创 ==中的隐式转换
Number([])0String([])“”Boolean([])true[]向number类型的隐式转换是基于“==”运算符的，js中只有 0，-0，NaN，""，null，undefined 这六个值转布尔值时，结果为 false，[]的结果为true使用new运算符调用函数时，会返回一个对象。如果构造函数没有return语句时，则默认返回原型为Human.prototype...
2020-03-30 14:56:23
1217
原创 JS的5种数据类型判断方法及原理超详解
typeof只能判断数据的基础类型基本类型：number、string、Boolean、undefined、null、symbol注意 typeof null === 'object'引用类型：object、function、arrayinstanceof 运算符用于判断构造函数的 prototype 属性是否出现在某个实例对象的原型链上console.log(typeof [1,2] ...
2019-12-17 15:11:57
1600
3
转载 CSS选择器优先级问题一次解决
本文转载自https://www.cnblogs.com/yugege/p/9918232.html浏览器通过优先级来判断哪一些属性值与一个元素最为相关，从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。这句话也是很抽象，暂且先不管它了。但是我们可以先看一个例子：//HTML:<div id="content" class="content">我是什么...
2019-09-18 11:16:54
268
原创 this的绑定与更改
在方法中，指向该方法所属（调用）的对象在非严格模式下，在函数中，this指向它所属（调用）的对象；在严格模式下，函数中的this为undefined单独使用，指向window对象在箭头函数没有自己的this对象，默认绑定外层的this，是定义时的对象，不是使用时的对象通过call，apply，bind方法可以更改this的指向在事件中，this指向事件发生的元素接下来将针对这几点分...
2019-09-17 17:43:08
235
原创 JS在构造函数和实例化时需要注意的3种属性：静态、原型、实例属性
JS在构造函数和实例化时涉及到的3种属性，分别是静态属性、原型属性和实例属性。静态属性 function Foo(){} var f1=new Foo(); Foo.count=0; //静态属性 Foo.count++; console.log(f1.count);//undefined console.log(Foo.count);//1 静态属性也可...
2019-08-22 10:39:06
947
原创 JS继承的6种方法详解以及优缺点对比
1. 原型链继承方法那么，如果让原型对象等于另一个对象的实例的话，这时原型对象的constructor属性指向另一个对象，原型对象的__proto__指向另一个对象的原型对...举例：function SuperType(name) { this.name = name; } SuperType.prototype.getName = function() { return this.name; }; function SubType(age) { this.age = age; }
2019-08-21 17:19:34
2382
原创 JavaScript原型，原型链 超详解
对象JS中一切皆是对象，每个对象都有一个__proto__属性，该属性也是一个对象(包含constructor属性和__proto__属性)，那么自身也必然存在一个__proto__，这样逐级向上，就形成了一个链式，这个链式就被称为原型链。当然它并不是永不停止地向上查找，__proto__的继承的终极是Object。Object是所有对象的顶级对象。函数函数除了具有__proto_...
2019-08-18 11:06:35
420
原创 float和position脱离文档流
1、脱离文档流w3c文档中将位置方案分为3种：1）正常流，包括块级框的块格式化，内联级框的内联格式化以及块级和内联级框的相对定位（包括relative和static）；2）浮动，在浮动模型中，首先根据正常流布置盒子，然后从流中取出并尽可能向左或向右移动。3）绝对定位，在绝对定位模型中，完全从正常流中移除一个框（它对后来的元素没有影响）并且相对于包含块指定了一个位置。（详见包含块）w3c原...
2019-07-24 14:49:09
706
转载 img父元素高出3px原因及解决方案
转载自：https://blog.csdn.net/wzp6010625/article/details/807187911、问题当div/a中包含img时，父元素的高度比img图片的高度多出3px：//cssimg { height: 130px; width: 130px; }div{ border: 1px solid; }<div> <img...
2019-07-24 10:21:29
1030
原创 BFC及其特性详解
什么是BFCBFC（Block Formatting Context）块级格式化上下文，w3c文档描述：9.4 Normal flowBoxes in the normal flow belong to a formatting context, which may be block or inline, but not both simultaneously. Block-level...
2019-07-23 16:02:52
1941
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人