51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#AMP
React下reducer中处理数组&&对象的赋值改动
(1)数组 reducer中处理数组数据的赋值 我初始化了一个字段data=[],在发起请求成功后,要将返回的list赋值给data,这时候就有一个问题了,因为我们都是通过Object.assign这种形式进行赋值的,那么究竟我们要怎么将得到的数组赋给data呢?接下来我们就以具体的代码来看:constinitia...
代码星球
·
2020-04-08
React
reducer
处理
数组
对象
react之组件的shouldcomponentUpdate使用&&Component与PureComponent
1). Component存在的问题? a. 父组件重新render(), 当前组件也会重新执行render(), 即使没有任何变化 &nb...
代码星球
·
2020-04-08
react
组件
shouldcomponentUpdate
使用
Component
浅谈纯文本&&富文本&&Markdown区别
(1)富文本与普通文本的区别在于:普通文本不支持交互,鼠标/触摸感应是关闭的;富文本支持。普通文本不支持链接和图文混排;富文本支持。普通文本不支持HTML语法(但可以使用UBB实现不同样式);富文本支持。 (2)富文本&&Markdown区别Markdown是一种可以使用普通文本编辑器编写的标...
代码星球
·
2020-04-08
文本
浅谈
Markdown
区别
react路由组件&&非路由组件
<Routeexactpath="/Home"component={Home}/>1.路由组件:只有包裹在Route组件里的才能使用`this.props.location`,2.非路由组件:假如有个需求,是面包屑或者导航组件里需要拿到`this.props.location`(导航组件或者面包屑一般不会包...
代码星球
·
2020-04-08
路由
组件
react
跨域场景&&跨域处理方案
(1)跨域情况:跨域情况:1)、协议不同:http与https2)、主机不同3)、端口号不同(2)跨域处理:跨域处理:1、JSONP处理跨域,缺点:只能处理GET请求2、CORS后台处理(开发应用比较少)3、服务代理(开发应用较为广泛)(3)代理服务器: 代理服务器会帮我们做一个事情,即转发请求 浏览器还是请求...
代码星球
·
2020-04-08
跨域
场景
处理
方案
yarn的安装和使用&&yarn对比npm
(1)yarn的简介:Yarn是facebook发布的一款取代npm的包管理工具。(2)yarn的特点:速度超快。Yarn缓存了每个下载过的包,所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率,因此安装速度更快。超级安全。在执行代码之前,Yarn会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的...
代码星球
·
2020-04-08
yarn
安装
使用
对比
npm
使用 useReducer 和 useCallback 解决 useEffect 依赖诚实与方法内置&外置问题
一、useEffect依赖诚实问题的粗暴解决及带来的问题二、使用useReducer解决依赖诚实问题1、声明一个reducer2、使用useReducer声明state和dispatch3、使用dispatch进行state的一些变更4、效果:5、依赖真的都诚实了么?三、useCallback解决useEffect内部...
代码星球
·
2020-04-08
使用
useReducer
useCallback
解决
useEffect
箭头函数返回对象 && 尾调用优化
如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。varsum=(num1,num2)=>{returnnum1+num2;}箭头函数返回对象,由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号。vargetTempItem=id=&g...
代码星球
·
2020-04-08
箭头
函数
返回
对象
调用
箭头函数arrow function写法与规则 && this指向
JavaScript在ES6语法中新增了箭头函数,相较于传统函数,箭头函数不仅更加简洁,而且在this方面进行了改进。this作为JavaScript中比较诡异的存在,许多文章对于this的解释也不尽相同,本篇文章试图厘清JS中函数与this的关系。一、JS中函数的写法1.常规函数的写法在ES6语法之前,JS中的函数由...
代码星球
·
2020-04-08
箭头
函数
arrow
function
写法
浅谈npx&&npx和npm之间的关系
(1)版本注意 npm5.2.0开始npm便开始携带了npx (2)npx是什么? npx是一个工具,它是npmv5.2.0引入的一条命令(npx),是npm的一个包执行器,只要为了提高从npm注册表使用软件包的体验。npm使得它非常容易地安装和管理托管在注册表上的依赖项,npx使得使用CLI工具和其他托...
代码星球
·
2020-04-08
npx
浅谈
npm
间的
关系
面向过程编程&面向对象编程
ProcedureOrientedProgrammingC语言是面向过程编程的,面向过程编程主要使用顺序、条件选择、循环三种基本结构来编写程序。顺序:按照时间轴顺序完成每个处理;条件选择:根据条件的成立与否执行不同的条件分支;循环:根据一定的条件反复执行同样的代码;面向过程就是分析出解决问题所需要的步骤,然后用函数把这...
代码星球
·
2020-04-08
面向
编程
过程
对象
JS高阶---IIFE&&函数前加;
IIFE(立即调用函数表达式)是一个在定义时就会立即执行的JavaScript函数。全称为ImmediatelyInvokedFunctionExpression 有时如果不加;会出现一些不必要的bug,这时为了代码的整洁性,我们不会给所有语句加,所以这里选择在IIFE之前加  ...
代码星球
·
2020-04-08
JS
高阶
---IIFE
函数
前加
vue使用swiper模块滑动时报错:[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
报错:vue报这个错[Intervention]Ignoredattempttocancelatouchmoveeventwithcancelable=false,forexamplebecausescrollingisinprogressandcannotbeinterrupted方案1:使用css3touch-ac...
代码星球
·
2020-04-08
vue
使用
swiper
模块
滑动
vue过渡 & 动画---进入/离开 & 列表过渡
(1)概述 Vue在插入、更新或者移除DOM时,提供多种不同方式的应用过渡效果。包括以下工具:在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库,如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScr...
代码星球
·
2020-04-08
过渡
vue
动画
进入
离开
vue组件---动态组件&异步组件
(1)在动态组件上使用keep-alive 之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件。接下来简单回顾下 <component>元素是vue里面的一个内置组件。在里面使用v-bind:is,可以实现动态...
代码星球
·
2020-04-08
组件
vue
动态
异步
首页
上一页
...
46
47
48
49
50
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他