- 博客(41)
- 收藏
- 关注
RSS订阅原创 React-6 React Router知识
(1)官网安装：http://reacttraining.com/react-router/web/guides/quick-startrender(){return (建议：将路由单独封装在一个js文件中注意：一级路由与多级路由。
2023-02-01 22:27:54
344
1
原创 React-4 组件知识
注意：不要直接修改state（状态）//错误写法要使用 this.setState（）来更新state//正确写法（1）由React控制（2）value绑定state中的值（3）实现表单元素的change事件（4）优化：可以使用name属性，统一完成change事件（5）注意：选择框与其他表单元素获取值的方式不一样state = {txt: '',}})}// 处理富文本框的变化})}// 处理下拉框的变化})}// 处理复选框的变化})}
2022-11-23 20:31:18
531
原创 React-3 组件知识
（1）使用JS函数创建的组件（2）函数名必须大写开头（3）组件必须有返回值return()}注意：16.8版本之前 函数组件是无状态组件，16.8版本以后，加入了react-hooks。
2022-11-11 23:15:00
370
原创 React-2 JSX知识
（1）若小写字母开头，则会将该标签转为html同名标签，如果没找到，则会报错；（2）若大写字母开头，则会认为是组件，它就会去找对应的组件，如果没找到，就会报组件未定义的错误；
2022-11-08 19:10:52
268
原创 Node详解
（1）前端是指在客户端上运行的代码（2）后端是运行在服务器端的程序（1）自己实现的js代码，每个单独的.js文件就是一个模块（2）注意：路径必须以 ./ 开头（3）注意：每一个模块中都有一个module变量，代表当前模块（4）module的exports属性是对外的接口（5）尽量使用module.exsports的方法或属性导出才能被外部调用（4）如果导入文件夹为模块私有，不能被外部访问，使用的时候通过require引入具体案例：//calculate模块。
2022-11-02 16:30:04
5599
原创 ES6使用方法简介（三）
运行结果：（1）Object.is(1,2)（2）Object.is(NaN,NaN)（3）Object.is(0,-0)运行结果：运行结果：运行结果：运行结果： 运行结果：运行结果：（1）add(x)：添加某个值，返回set结构本身（2）delete(x)：删除某个值，返回一个布尔值，表示删除是否成功（3）has(x)：验证是否存在，返回布尔值，表示该值是否为Set的成员（4）clear（）：不需要参数，清除所有成员，无返回值注意：x不是索引，而是set中具体的值
2022-10-24 21:05:15
881
原创 ES6使用方法简介（一）
注意：此处可以给变量添加默认值：a=1。（2）提取json的数据。（3）用于函数参数默认值。（1）交换2个变量的值。（3）Math的应用。
2022-10-21 20:07:05
516
原创 AJAX知识汇总
注意：此处用到 ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");注意：此处用到 ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");0：对象已建立，还未初始化，未调用send。1：open已调用，未调用send。2：send已调用，其它未知。3：请求已发送，正在接收数据。
2022-10-20 20:30:27
124
原创 JQuery使用方法简介（三）
enter与leave鼠标移入不会进行触发，建议使用enter与leave。1）默认传参的e (这个是变量名，啥都可以，见名知意)1）over与out会造成多次无效的触发。如果删除某一个事件括号传入指定值。注意：上面小括号可以传递两个参数。有默认的三个值。a是父级，b是子级。a是子级，b是父级。可同时添加多个事件。2. 回调函数 时间。(1)原生jq动画，不支持颜色。(3)同步动画：同时改变的。注意：JQ不支持滚轮事件。
2022-10-19 21:38:30
143
原创 面向对象（OOP）
目录1.概念2.面向对象3.怎么写对象4.系统对象5.三大特性6.深拷贝知识7.具体案例：数组去重和反转字符串（敲重点）代码：运行结果：代码：运行结果：代码：运行结果：代码：代码： 注意： 上述代码中使用_来表示私有变量及私有方法（1）数组去重代码：（2）反转字符串代码：
2022-10-12 21:08:55
247
原创 正则表达式
1)对于连续序列的字符，连字符用来提供简写形式，表示字符的连续范围，如：[abc]可写成 [a- c]、[0123456789]可写成[0-9]、[A-Z]表示26个大写字母。(1)match()：接受一个参数，正则去匹配字符串，如果匹配成功，就返回匹配成功的数组，如果匹 配不成功，就返回null。exec()：返回匹配结果，发现匹配，就返回一个以每个匹配成功的字符串组成的类数组集合。问好表示某个模式出现0次或1次，等同于{0，1}
2022-10-11 20:31:01
149
原创 事件
（1）load 当页面完全加载后在window上触发图片也可以触发load事件。（2）resize 当窗口大小变化时在window上触发。oncontextmenu（右键菜单 ）onmouseenter（移入）onmouseleave（移出）onmousemove（移动）onmouseover（移入）onmousedown（按下）ondblclick（双击）onmouseout（移出）onmouseup（抬起）onclick（单击）
2022-10-09 20:10:58
105
原创 BOM（Browser Object Model）浏览器对象模型
2）screen.availWidth、screen.avaiHeight返回屏幕可用宽高，值为屏幕的实际大小减去操 作系统某些功能占据的空间的，如系统任务栏。1)go() 在用户历史记录中任意跳转，接受一个参数，表示前后跳转页数的整数值（后退一 页-1，前进一页1），也可传字符串参数，跳转到第一个包含该字符串的位置。screenLeft 返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容FF浏览器。
2022-10-06 20:21:29
89
原创 DOM2知识
3>offsetHeight 元素垂直方向所占空间height+padding+border和子元素无关。offsetWidth 元素水平方向所占空间width+padding+border和子元素大小无关。clientWidth 元素水平方向所占空间width+padding和子元素大小无关。注意： 如果子元素大于父元素，大小为：子元素大小+padding+border+margin。注意：如果子元素大于父元素，大小为：子元素大小+padding+border+margin。
2022-10-05 19:28:59
134
原创 DOM1知识
1)document.createElement('节点名称')：创建节点。previousSibling：返回上一个节点，没有则返回null。2)appendChild(新节点)：向当前节点末尾添加子节点。firstChild：返回第一个子节点，没有则返回null。lastChild：返回最后一个子节点，没有则返回null。nextSibling：返回下一个节点，没有则返回null。替换：replaceChild(新节点，替换节点)
2022-10-03 21:22:53
136
原创 字符串方法
1>作用：从前向后查找或者获取元素的索引值，如果找不到 得到的的值就是-1。作用：从后向前查找或者获取元素的索引值，如果找不到，得到的的值就是-1。indexend：截取字符串的结束索引，但不包括结束索引的字符。length：要截取的字符数，不写就是从开始截取到最后。2)两个参数：要查找的元素，查找这个元素开始的索引。2)两个参数：要查找的元素，查找这个元素开始的索引。根据索引取出对应的参数，索引也是从0开始。1)一个参数：要查找的元素。1)一个参数：要查找的元素。
2022-10-01 20:57:55
101
原创 数组方法和数组去重的四种方法（重点）
4>替换：splice(下标，删除的个数，替换的项) 三个参数，起始位置，要删除的项数，要替换的任意数量的项。删除：splice(下标，删除的个数) 两个参数，要删除的第一项的位置和要删除的项数。添加：splice(下标，0，添加的项) 三个参数，起始位置，0，要插入的任意数量的项。2)两个参数：返回起始和结束位置之间的项，包括起始位置，但不包括结束位置的项。（2）参数：一个参数，把数组分割为字符串，如果有参数用参数来分隔，没有参数默认用逗号分隔。
2022-09-30 17:54:20
460
原创 js时间对象及具体案例
1.事件对象（1）创建一个日期对象（2）获取年份：getFullYear()（3）获取月份：getMonth()（4）获取日期：getDate()（5）获取周几：getDay()（6）获取小时：getHours()（7）获取分钟：getMinutes()（8）获取秒数：getSeconds()例：获取时分秒（9）获取时间戳（距离1970.1.1的毫秒数）：getTime()注意：（1）所有get方法都有set方法，用于设置时间（2）UTC为世界时间。
2022-09-29 20:38:13
194
原创 js面向对象的方法和定时器
(1)es5变量和字符串拼接：div.style.backgroundColor=rgb("+r+","+g+","+b+")(2)es6模板字符串：div.style.backgroundColor=`rgb(${r},${g},${b})`（9）取0-1之间的随机数（不包括1）：Math.random()（2）返回x的y次幂：Math.pow(x,y)（3）返回x的平方根：Math.sqrt(x)（1）取绝对值：Math.abs()（4）取最大值：Math.max()(1)每隔固定时间执行。
2022-09-28 19:41:35
100
原创 js函数和作用域知识
(2)局部变量：定义在函数内部的变量就是这个函数的局部变量，在函数内部可以使用 （作用域是当前函数）声明参数：function 函数名 （形参1，形参2，形参3......）(1)全局变量：定义在函数外面的变量就是全局变量，整个文档都可以使用（作用域是整个文档 ）声明语法：function函数名（）{调用函数执行代码}调用函数：函数名 （实参1，实参2......）语法：（function(形参){}）(实参)调用语法：函数名（）(1)可以重复利用，提高代码利用率。
2022-09-27 18:05:34
93
原创 js获取元素的方法及具体案例
（3）通过class名获取：document.getElementsByClassName('class名')（4）通过name获取：document.getElementsByName('name') 表单。（2）通过标签名获取：document.getElementsByTagName('标签名')（3）不只是通过document对象获取元素，也可以通过父元素获取子元素。（1）通过id获取：document.getElementByid('id名')（2）获取属性：元素.属性名。（5）通过选择器获取。
2022-09-26 19:18:45
1587
原创 js判断语句和循环语句、运算符
(2)do{} while{}：不管是否符合条件，先执行一次然后符合条件就一直循环，循环多少次不固定。注意：&&与(所有条件都满足才为真)，||或(只有一个条件满足就为真)条件为真执行代码1：否则(条件为假执行代码2)(1)while()：符合条件就一直循环，循环多少次不固定。（1）if语句：if(条件){符合条件执行代码}（3）if-else if-else语句。(3)for()：循环固定次数。（5）三目运算符（三元运算符）(5)break：跳出整个循环。（2）if-else语句。
2022-09-25 19:50:44
189
原创 js引入方式、调试语句、变量（基本数据类型和引用数据类型）
（1）定义一个变量：var变量名=变量值（2）定义多个变量：var变量名1=变量值1，变量名2=变量值2，变量名3=变量值3······注意：变量声明后再使用，变量声明后要赋值（3）变量命名的规则：变量名区分大小写（x和X不是同一个变量）变量名由字母、数字、美元符号、_下划线组成，不包含空格和其它标点符号，但第一个字符不允许是数字，可以用$和_开头禁止使用js关键词、保留字命名。
2022-09-24 18:35:02
456
原创 特效、动画、服务器字体、Less
4>第四步：引用下载的图标字体，进入demo_index.html页面，选择方法下的字体编码，写入body里面。font-family：自定义名字 例：font-family：（'heibai'）；线性渐变：linear-gradient(方向，颜色，颜色····);src：字体源 例："src：url（font/maobi.ttf"）;径向渐变：radial-gradient(方向，颜色，颜色····);transition: 属性名 过渡时间 过度延迟时间 过度速率。
2022-09-23 19:05:07
167
原创 弹性布局
（5）space-around：每个元素之间间隔相等，两边元素循环间隔之和和其他元素间隔相等。（4）column-reverse：主轴方向为垂直方向，起点在下边。（2）row-reverse：主轴方向为水平方向，起点在右端。（4）space-between：两端对齐，中间元素间隔相等。（1）row(默认)：主轴方向为水平方向，起点在左端。（3）column：主轴方向为垂直方向，起点在上边。（1）flex-start（默认值）：轴起点对齐。（1）flex-start:（默认）轴起点对齐。
2022-09-22 17:00:02
489
原创 响应式布局
（2）定位的left和right相对于定位父元素的宽度，top和bottom相对于定位父元素的高度。（2）@media screen and(min-width：宽度){样式}：大于某个值时的样式。（3）@media screen and(max-width：宽度){样式}：小于某个值的样式。（1）vw单位可以根据窗口的宽度自动改变大小,“1vw”是窗口宽度的“1%”（2）vh单位可以根据窗口的高度自动改变大小,“1vh”是窗口高度的“1%”（2）width=device-width：设置宽度为屏幕宽度。
2022-09-21 20:37:53
269
原创 伪类和伪元素
（15）注意：最主要的是a标签的4种伪类：lvha（l为link，v为visited，h为hover，a为active）（14）:nth-last-of-type(n) 指定类型的倒数第n个子元素。（12）:nth-of-type(n) 指定类型的第n个子元素。（13）:nth-last-child(n) 倒数第n个子元素。（5）::first-letter 文本的首字母，只用于块元素。（8）:first-of-type 特定的第一个子级。（4）::first-line 文本的第一行样式。
2022-09-20 19:19:47
67
原创 H5新标签
1>网站标题图标：（2）audio：音频 （1.格式：MP3、Ogg、Wav 2.type：文件的MIME格式 mp3-mpeg）网站描述内容：网站添加关键字：loop：循环播放。
2022-09-19 19:07:24
130
原创 表格和表单
2)get请求相对来说比post更便捷，post传递东西更大（传文件）textarea：可输入区域（可以拖拽） （区别：1)get是明文（值展示在网址上），post不会展示在网址上。select->option:下拉选择框 （button:按钮（只写button按钮，有提交功能）method：请求方式 （get post）7）submit：提交按钮 （3）radio：单选框 （
2022-09-18 20:16:02
90
原创 浮动的定义及作用
（1）存在的问题：父元素不设置高度情况下，高度由子元素撑开，一旦子元素设置浮动，父元素会失去高度进而影响后面元素布局；动态向父元素后面添加一个clear：both的块属性元素；给父元素设置overflow:hidden；（1）让块属性元素排成一行，解决水平布局问题；（2）right：右浮动（以右边为开始位置）；（1）left：左浮动（以左边为开始位置）；（2）一个移动，其他元素会跟着移动；用途：让行属性元素支持设置宽高；注意：排成一行的块元素都要设置浮动。（1）代码换行默认有空隙；
2022-09-16 17:16:45
1292
原创 css常用样式、引入方式、三种属性标签转换、居中问题
1> underline: 下划线 overline: 上划线。line-through: 贯穿线 none: 无。水平居中：自己设置margin：0 auto (第一个值代表上下，第二个值代表左右) -clolr：背景颜色 颜色单词 十六进制#000000。单行文本垂直居中 给父元素设置line-height：父元素的高度。水平居中 给父元素设置text-algin：center。
2022-09-15 16:52:29
137
原创 盒模型
（1）width (宽度) （2）height（高度） （3）margin（外边距）三个值：第一个值代表上，第二个值代表左右，第三个值代表下；三个值：第一个值代表上，第二个值代表左右，第三个值代表下；（4）padding（内边距） （5）border（边框）第一个子元素的margin-top会传递给父元素；两个值：第一个值代表上下，第二个值代表左右；两个值：第一个值代表上下，第二个值代表左右；
2022-09-14 14:49:17
430
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人