whrice-CSDN博客

原创 React Note

React基础知识渲染一个元素的方式//DOM APIdocument.getElementById('mountNode').innerHTML = ` <div> Hello HTML </div>`;//reacts APIReactDOM.render( React.createElement( 'div', null...

2019-11-22 11:17:47 107

原创有关JS的闭包，函数作用域，原型链问题

参考：https://www.cnblogs.com/wangfupeng1988/p/3988422.html1 执行上下文环境：在执行代码之前，要将要用到的所有变量都事先拿出来，有的直接赋值了，有的先用undefined占个空。我的理解：执行上下文环境是浏览器在执行代码之前做的一些准备工作普通变量声明（默认赋值为undefined）函数表达式声明（默认赋值为...

2019-07-16 19:16:42 110

原创 Dom中的视图模式属性（视图宽高，元素位置，滚动高度，尺寸属性）

1 innerWidth 属性和innerHeight 属性不包括菜单栏、工具栏以及滚动条等的高度（只读属性）innerWidth ：获取window窗体的内部宽度innerHeight：获取window窗体的内部高度2 pageXOffset和pageYOffset表示整个页面滚动的像素值（水平方向的和垂直方向的）（只读属性）3 outerWidth属性和outerHeight属性...

2019-06-07 14:27:38 941

原创清除浮动的方式总结

浮动的影响是啥：如果父盒子没有设置高度，并且是由子盒子的内容撑开的，当子盒子设置浮动时，父盒子高度为0，且下面的元素会自动部位，造成影响。1 在浮动没有宽高的盒子后在加一个清除浮动的div .father { width: 200px; border: 5px solid blue; } .son { ...

2019-05-15 12:40:05 106

原创一些有帮助的CSS3伪类选择器

第一类：：nth-child(N) 选择器选择器匹配属于其父元素的第 N 个子元素，不论元素的类型：last-child（N）选择器匹配属于父元素的倒数第N个子元素，不论元素的类型li：nth-child(N)选择器匹配属于其父元素的第 N 个子元素,且该元素为li类型匹配，否则不匹配第二类:nth-of-type()1 选择器匹配那些在相同兄弟节点中的位置与模式 an+b 匹配...

2019-05-13 19:22:08 136

原创一些你还不知道但将来会知道的属性

1.CSS directiondirection: ltr; // 默认值direction: rtl;ltr 是初始值，表示left-to-right，就是从左往右的意思rtl 则是另外一个值，right-to-left缩写，就是从右往左的意思，再具体描述下，就是内联内容是从右往左依次排布的，加入应用了这个CSS声明，则前后两个图片，默认情况下，DOM在前的就显示在右侧；而且是在...

2019-04-20 12:05:15 197

原创 JavaScript中数组的两种方法：splice 和 slice

1 Array.prototype.splice() 方法通过删除或替换现有元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。语法：array.splice(start[, deleteCount[, item1[, item2[, …]]]])start指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位...

2019-03-26 16:24:23 211

原创有关compareDocumentPosition（）方法

语法：compareValue=node.compareDocumentPosition(otherNode)解释：返回的位置关系是otherNode相当于Node的返回值，是整数值,取值包含：0 节点一致1 节点在不同文档 DOCUMENT_POSITION_DISCONNECTED2 otherNode在...

2019-03-03 23:01:03 665

原创正则表达式——一个看起来高深的玩意er

正则表达式定义：是一种字符串检索模式，表现为一个字符串的形式本质：对象类型，只不过表现为对象的形式语法：/ 正则表达式主体 / 修饰符（例：var frk_reg=/frank/i）用法：正则表达式在实际开发中不会单独使用，而是会配合一些方法来完成某种功能。1）search方法中的表现（字符串中的s...

2019-01-28 12:02:09 134

原创有关JavaScript中的继承实现

序：虽然知道java和JavaScript没有什么关系，但是在了解JAVA后学习JavaScript时，还是忍不住将这两者对比，因此通过总结来更好的了解继承这一特性。Java：面向对象的语言JavaScript：面对过程的语言实现继承：1 JAVA：一般通过创建父类子类并通过extends关键字来实现父类与子类的多继承关系class Father（）{}class Son ext...

2019-01-19 19:28:37 183

whrice的博客