- 博客(16)
- 收藏
- 关注
原创 react-redux框架中connect()与Provider组件的使用
react-redux这两个常用的APIconnect()Provider 组件React-Redux 将所有组件分成两大类:UI 组件(presentational component)和容器组件(container component)UI 组件1>只负责 UI 的呈现,不带有任何业务逻辑2>没有状态(即不使用this.state这个变量)3>所有数据都由参数...
2020-02-24 22:50:50 340 1
原创 前端基础
1.页面滚动条不显示但可以通过鼠标滚动:谷歌:元素名::-webkit-scrollbar{display:none;}整个页面:body::-webkit-scrollbar{ /* 谷歌滚动条隐藏 */display:none;}html{-ms-overflow-style:none; /*隐藏滚动条,当IE下溢出,仍然可以滚动*/scr...
2019-11-09 18:31:59 154
原创 ES6中的class继承
ES6中的class继承JS是一种基于对象的语言,要实现面向对象,写法跟传统的面向对象有很大的差异。ES6引入了Class语法糖,使得JS的继承更像面向对象语言的写法。1. 关于class的本质定义一个类class Person{ constructor(skin,language){ this.skin=skin; this.language=la...
2019-11-02 17:46:07 287
原创 DOM中快捷位置的获取
快捷位置关系offsetParent 获取元素的祖先元素中第一个具备定位属性的元素 如果一个元素没有定位父元素 offsetParent就是bodyoffsetLeft 获取元素左边框外到定位父元素的左边框内(IE8 中 到定位父元素的边框外)offsetTop 获取元素上边框外到定位父元素的边框内(IE8中到定位父元素的边框外)快捷属性clientWidth 内容宽 + 左右p...
2019-11-02 17:16:30 152
原创 DOM节点元素操作
Document Object Model(文档对象模型) 每一个页面都有一个document对象,它是通过文档对象模型具体化的一个对象。它可以操作页面中的所有内容。
2019-11-02 17:00:04 157
原创 原生js中常用兼容问题总结:
1> 获取节点的兼容性考虑2>滚动条的兼容3>获取body的2种方式4>事件对象的兼容问题5>事件目标的兼容问题6>Dom2级事件监听的兼容7> Dom2事件移除的兼容问题这里封装一个函数来表示:- type: 事件类型字符串- handler: 事件处理函数 要注意函数的地址问题- boolean: 布尔值 决定移除的是捕...
2019-11-02 15:44:27 242
原创 JS-原生 一个例子讲清楚什么是闭包,什么是内存销毁!!!
//前言闭包,这个概念对于每位JSer而言都不陌生,它几乎伴随着每个前端入门者的初学阶段,重要到几乎每家公司面试都会问。关于闭包究竟是什么,闭包干嘛用的,网上各种回答也是五花八门,动不动就扯到隐匿变量/内存泄漏这些概念,让没有C基础的初学者越看越晕,我不能说那些是错的,不过显然对新手不太友好。曾几何时我也是被那些个故作高深的概念绕得七荤八素云里雾里,那今天这篇文章以一个简单到80岁老太都看得懂...
2019-10-30 20:52:41 201
原创 BOM与DOM的区别
JavaScript—DOM与BOM的区别一.Javascript组成JavaScript的实现包括以下3个部分:1.ECMAScript(核心)描述了JS的语法和基本对象2.文档对象模型 (DOM)处理网页内容的方法和接口3.浏览器对象模型(BOM)与浏览器交互的方法和接口javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的...
2019-09-24 17:01:18 1327
原创 php sql 的基本用法
HTTPSQL语句select * from table [where column = value] [order by columnname desc limit start, length]update table set column = value, column1 = value1 where column = value;delete from table where col...
2019-09-15 23:10:45 266
原创 面向对象、构造函数、原型与实例对象之间的关系
面向对象面向对象是思想的变化,而不是代码的语法。构造函数构造函数与普通函数的区别是首字母要大写,调用方式不同。在函数内部要通过this给实例添加属性。方法要添加在原型上。初始化构造函数时开辟内存空间与this绑定执行函数体中的代码悄悄地返回this构造函数中的return如果返回的是值类型 忽略return如果返回的是引用类型 则以return为准原型原型是一种机制,允许...
2019-09-06 20:59:52 262
原创 javascript 数组的方法 indexOf索引
数组的方法push作用: 向数组的末尾增加一个成员返回值: 数组的长度注:会改变原数组// 定义数组var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];// 使用数组的方法 var result = arr.push("西双版纳");console.log(result); // 6console.log(arr); // ["张三...
2019-08-25 18:29:12 189
原创 Javascript 作用域的特点
作用域的特点作用域的机制作用域是针对变量的起作用的范围。而变量又分为“使用变量”和“赋值变量”使用变量又叫做访问变量 出现在表达式中,赋值语句右侧。 访问变量规则: 当访问变量的时候,会先查看当前作用域中是否存在该变量,如果有,就使用。如果没有,就将会向上一层级作用域中寻找。依次向上,直到找到,或者到了全局作用域中还没有找到,就会报错。赋值变量也叫做修改变量 只出现在赋值语...
2019-08-25 18:25:16 318
原创 JavaScript函数的参数关系
函数的参数关系当函数定义时,可以定义形参,当函数执行时,可以传递实参。如果函数在执行时,传递的参数与形参不一致,分类如下当形参比实参多: 多余的形参的值为undefinedfunction sum(a, b) { console.log(a); console.log(b); }sum(10); // a是10 b是undefined当形参比实参少: ...
2019-08-25 18:11:47 216
原创 javascript函数的 定义与调用 预借解析
今日breakbreak关键字,用于打断循环的执行。我们已经见过的break就是switch case语句中的break。如果执行完case中的代码遇见了break,则跳出分支结构。如果没有遇见break,则会继续往下“落空”。继续执行下一个case代码。额外知识点: 可以通过 x: 在for关键字之前 给当前循环添加一个标记 x表示这个标记的名称当break使用时,可以在break后面...
2019-08-25 18:07:47 98
原创 javascript中的循环语句及 分支判定
自增运算符 自减运算符自增运算符: ++自减运算符: --含义: 让一个变量保存的数 +1 或者 -1 再赋予变量自身可以出现的位置: 变量的前面和后面如果出现在前面: ++变量变量的使用会先+1 再参与运算如果出现在后面: 变量++变量的使用会先使用原值, 再++ var a = 10; var b = a-- + --a; // 代码的执行顺序 ...
2019-08-25 18:00:07 186
原创 javascript 变量的声明及命名规范
JavaScript基础document.write()该代码用于向页面的body标签中写入内容 注: document是“文档”的意思 代表的就是当前打开的html页面注: . 在JS中,表示的是 “的” 的意思 注: write 表示“写入”的意思 总结起来就是:“向当前的文档中写入内容” ()里面就是要写入的内容,注意使用双引号包裹变量简介变量是JS中的一个“容器”。用...
2019-08-25 17:56:46 447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人