- 博客(33)
- 收藏
- 关注
RSS订阅
原创 专有名词
专有名词汇总(持续更新中…)序号名称全称解释备注1TDZTemporal Dead Zone临时死亡区ES6语法特性导致2| | | |
2019-11-15 20:13:14
181
原创 combineReducers的使用
作用: 将各个小的reducer整合成一个大的reducer;方法:combineReducers({header: headerReducer, body: bodyReducer});注意点:使用时, 普通对象从redux中引入combinReducers, immutable对象从redux-immutable中引入, 如下:1, 普通对象: import { combinR...
2020-01-19 19:11:09
308
原创 immutable对象简介
一. 概述: 一旦创建就不能更改的数据, 对该对象的任何修改或添加的操作都会返回一个新的immutable对象, 在创建新的数据时, 并不会改变旧数据; 为避免性能损耗, 使用了Structure Sharing(结构共享); Facebook工程师开发, 与React同时期出现;二. 常用API:1, get()和getIn()方法:使用get(“item”)获取state中的值...
2020-01-19 14:26:24
404
原创 循环中break, continue和return的使用对比
一. break: 终止指定label的循环; 无指定label时终止当前循环;二. continue: 跳过指定label循环中的一步,执行下一步; 无指定label时终止当前循环中的一步, 执行下一步;三. return: 在函数中使用, 终止函数的执行;...
2020-01-19 14:00:27
170
原创 indexOf和findIndex在数组和字符串中的使用对比
一. indexOf: 1, 数组和字符串都有该方法; 2, 语法: arr.indexOf( item, startPos ); 使用严格相等, startPos为查找起始位置; 3, 返回值: 找到时, 返回第一个item索引; 若无, 返回 -1; 二. findIndex: 1, 仅数组有该方法, 字符串没有; 2, 语法: arr.findIn...
2020-01-19 13:52:28
923
原创 JS中内置对象Math和Number的一些方法
Math内置对象1, 求num平方根: Math.sqrt(num); (square root: 平方根)2, num的n次方: Math.pow(num, n); (power: 幂)Number内置对象1, 可表示的最大数: Number.MAX_VALUE;2, 可表示的最小数: Number.MIN_VALUE; ...
2020-01-09 20:30:25
163
原创 数组中splice, slice, delete和concat方法的比较
splice(): 1, 返回值: 返回被修改内容的数组; 2, 是否修改原数组: 是; 3, 参数: splice(start, deleteCount, addItem1, addItem2, ...); 4, 参数说明: start, 起始位置; deleteCount, 删除的数量(缺省时, start位置之后全部截取); ...
2020-01-09 20:25:16
208
原创 React事件处理中参数传递的方法
主要有以下两种方式:一. 回调函数中使用箭头函数(必须以第二个参数显式传递事件):<div onClick={( e ) => {this.hanleDivClick( id, e )}}>hello world</div>二. 使用bind方法(隐式):<div onClick={this.hanleDivClick.bind(this, id)}&...
2020-01-09 20:18:50
505
原创 React事件处理中this绑定的问题
主要有三种方法:一. 在constructor中使用bind绑定this(推荐):constructor(props){ super(props); this.hanleDivClick = this.hanleDivClick.bind(this);}二. 使用class fields语法(实验性, 半推荐):hanleDivClick = ( ) => { }<d...
2020-01-09 20:16:28
107
原创 apply, bind和call三者共同点和区别
共同点: 三者均是用来修改函数中this对象的指向, 都可以传递参数, 第一个参数为this指向的对象;不同点: 1, apply()和call()均是修改this指向对象后直接调用函数, 而bind()方法返回函数仍需再次调用(bind(obj)( )); 2, 传参不同, apply()方法传参为数组, bind()和call()直接传参即可;...
2020-01-02 19:09:12
285
原创 计算机名词大杂烩
CPU释义: 中央处理器;组成部分: 运算器和控制器;作用: 处理指令, 数据, 控制时间, 执行操作; 运算器(AUL)释义: 计算机中执行算术(加减乘除)运算, 逻辑(与或非)运算等操作的部件; 组成部分: 算术逻辑单元, 累加器, 状态寄存器, 通用寄存器等;功能: 计算机运行时, 操作数和操作种类由控制器控制; 数据来源于存储器, 运算结果会返回存储器, 也可能会暂时存储在...
2020-01-02 19:01:39
665
原创 JS中sort方法
升序:arr.sort((a, b) => a - b)降序arr.sort((a, b) => b - a)对象升序arr.sort((a, b) => {return (a.index - b.index)});
2020-01-02 18:55:34
93
原创 box-shadow使用简介
用法:box-shadow: inset 2px 2px 2px 2px black;说明:inset: 阴影内置, 默认不写时为外置;2px: 沿X轴向外偏移量, 可为负数, 不可省略;2px: 沿Y轴向外偏移量, 可为负数, 不可省略;2px: 阴影模糊半径, 可省略;2px: 阴影外扩半径, 可省略;black: 阴影颜色, 不可省略;;...
2019-12-27 20:02:19
104
原创 react中dangerouslySetInnerHTM的使用:
使用方法:<DetailContent dangerouslySetInnerHTML={{__html:content}} />; 或者:<DetailContent dangerouslySetInnerHTML={{__html:'<div>hello</div>'}} />;作用:在标签中通过字符串的形式插入HTML DOM;...
2019-12-27 17:25:58
145
原创 使用CSS画一个三角形
width: 100px; height: 100px; border: 50px solid #fff; border-bottom: 50px solid black; box-sizing: border-box;可以画一个黑色的三角形
2019-12-27 17:12:13
65
原创 箭头函数箭头后面使用(), 还是({}), 还是什么括号都不适用
一. 使用()的情况: list.map(item=>(<WriterContentWrap>内容</WriterContentWrap>) 等同于: list.map(item=>{return(<WriterContentWrap>内容</WriterContentWrap>)})箭头后面跟的是JSX表达式时...
2019-12-27 16:56:40
3116
原创 margin: 0 auto和overflow: hidden冲突
解决办法在该元素后添加伪类, 具体如下: ::after { content: ''; height: 0; display: block; clear: both; visibility: hidden; }
2019-12-19 17:46:26
381
原创 ES6中export和export default的区别
相同点:1, 必须出现在最顶层作用域中;2, 都是用来导出常量, 函数, 文件和模块等;不同点:export(命名导出):1, 一个模块中可以存在多个export;2, 导出多个对象时需要使用{ }进行包裹;3, 导入名须同导出名保持一致;export default(默认导出):1, 一个模块中只能有一个export default; 2, 一般使用export d...
2019-12-19 17:41:11
130
原创 react-router的基本介绍
V4版本被分割成以下几个部分:react-router(核心), react-router-dom(浏览器用), react-router-native(原生移动应用);使用方法:yarn add 或 npm installBrowserRouter 和 HashRouter的异同点:相同点: 均可使用在浏览器中不同点: BrowserRouter适用于非静态站点; HashRou...
2019-12-19 17:36:09
110
原创 JS中使用正则表达式提取数字
使用replace(/[^0-9]/ig,"")将所有字符转换为空， 剩余只含数字的字符串， 然后再转换成数值类型就可以了，如下： let str = "jslfj560jasldf"; let newStr = +(str.replace(/[^0-9]/ig,"")); console.log(newStr); //560 console.lo...
2019-12-16 17:22:41
4977
原创 在JS中使用修改CSS样式的相关方法和问题点
基本方法:使用document.getElementById等方法获取到DOM元素, 然后直接设置其CSS样式:let Box = document.getElementById(‘root’);Box.style.background=“red”;注意点:JS中不能直接使用float, 而需要使用styleFloat...
2019-12-16 09:35:46
71
原创 JS中一般规范
一般在JavaScript中用作常量的变量需大写表示;使用双层箭头函数传值时，外层传递进来的值可以直接使用，无需中间再传一次，如下（删除 index 是非必须的）：renderItem = {(item, index) => <List.Item onClick = {(index ) => {this.props.handleItemClick(index)}}>...
2019-12-13 16:00:58
74
原创 ES6,7,8...新增语法
字符串一.检索类主要有 startsWidth, endsWidth, includes三个.使用方法:str.startsWidth('target'); 返回true或false, endsWidth 、endsWidth相同;str.startsWidth('target', position);返回true或false, endsWidth、endsWidth相同;注意点: 使...
2019-12-13 08:48:04
97
原创 在JSX语句中插入空格
JSX中无法直接使用 ‘ ’ 来直接插入空格, 使用 {'\u00A0'}来插入一个空格, 如果想插入多个空格复写 \u00A0即可, 如: 若插入三个空格可写作{'\u00A0u00A0u00A0'}。...
2019-12-06 10:57:58
2913
原创 React中使用reset.css清除浏览器默认样式的方法
安装 styled-components 依赖包；项目中建立一个存放样式的 js 文件，如: reset-css.js；在新建 js 文件中引入 createGlobalStyle ：import { createGlobalStyle } from 'styled-components'定义并导出 GlobalStyled，如下：export const GlobalStyled ...
2019-11-29 13:15:02
2596
原创 位运算符
种类JS中位运算符一共七种, 分别是: 按位非(~),使用及用途一.按位非(~):用法:let num1 = 25;let num2 = ~num1;alert(num2); // -26作用: 本质上是操作符的负值减1;二. 按位于(&):用法:let res = 25 & 3;console.log(res) //1作用: 两个数值的对应位都是...
2019-11-28 14:26:11
62
原创 Redux中间件
redux整体流程中间件定义中间件是指action和store中间添加的, 用来分装dispatch方法的.有哪些中间件redux-thunk: 封装dispatch, 可以传递函数(原始只能传递对象), 并且执行函数;redux-logger: 记录action派发日志的;redux-saga: 解决redux中异步问题, 单独拆分出异步文件;…...
2019-11-22 08:49:36
60
原创 webstrom快捷键整理汇总
快捷键汇总(持续更新…)序号快捷键命令备注1ctrl + F4关闭当前子窗口Alt + F4关闭当前整个webstrorm程序| | |
2019-11-22 08:13:56
111
原创 Redux基本使用原则
三个基本使用原则原则一: store必须是唯一的;原则二: 只有store能够改变自己当中的内容;注意点: 并非是reducer改变了store中的内容, reducer只是给store提供数据和方法, 是store自身对数据进行了变更;原则三: Reducer必须是纯函数;注释: 纯函数是给固定的输入, 就一定会有固定的输出, 而且不会有任何的副作用. 一般和日期相关的函数不是纯函数;...
2019-11-19 08:29:49
111
原创 使用webstorm在github提交更新步骤
五个步骤一. 从主源处fork项目到个人github;二. 将项目clone到个人计算机本地;三. 使用webstorm启动项目后, 使用git remote add upstream URL添加远程主源;四. 更新后将更新内容commit到本地仓库, 使用fetch检测与远程主源是否有冲突(若有解决冲突), push到远程个人仓库;五. github上新建pull request, 将...
2019-11-18 17:39:24
719
原创 markdown编辑器的使用
markdown的使用之前都是使用office的oneNote记录笔记, 到了新公司之后, 需要使用正版的office, 申请比较麻烦, 用了一阵子 印象笔记觉得不是十分的便利, 而且想要使用他们高级的功能还需要付费开通会员, 心里不爽, 所以转战到这里记录学习笔记和日记. 准备将学习笔记公开, 以便相互学习和交流, 日记就私密保存了, 留给自己今后看, 加油!新单词Temporal Dea...
2019-11-15 19:47:16
66
原创 Start
Start今天是2019.10.5, 国庆小长假的第五天了. 从今天开始, 我要在这里开始记录我 前端 学习的历程, 与CSDN共同成长吧. 加油!
2019-10-05 08:07:59
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人