九阴与九阳

内功与招式,我都要。

CSS样式优先级

给DOM元素设置样式,通常通过以下几种方式: 通过ID选择器 通过类选择器 通过属性选择器 除了上面的几个之外,还有特殊的选择方式,比如 伪类 伪元素 通常来说,设定样式一般不会有什么问题,但是如果设置了几种样式,比如 // html <div id = 'test'&a...

2019-01-03 20:24:06

阅读数 19

评论数 0

组件编写

对于状态的把控: 1、初始化 2、运行状态 3、卸载状态

2018-12-14 19:56:27

阅读数 35

评论数 0

使用//代替https://或者http://

产生的原因 当一个资源可以通过http或者https访问,但是不同端对于同一个资源使用的协议不同,但是后端的接口往往又是同一个,怎么做到适配? 为什么可以这么做? 当使用// 代替https://(http://),默认使用的是当前页面的协议,这样你就可以在不同的端获得正确的资源地址。 注意 如果...

2018-11-19 21:02:28

阅读数 56

评论数 0

手把手教你实现一个modal对话框

需求: 1、点击一个按钮弹出对话框 2、对话框的事件能够被父组件捕捉 3、对话框里的内容能够随时改变 一、如何实现一个对话框 1.1 创建一个简单的对话框     简而言之,一个简单的对话框就是...

2018-11-14 11:35:33

阅读数 319

评论数 0

前端中的Web Worker详解

web worker产生的背景     总所周知,前端javascript是单线程工作的(前端中的线程),那如果有计算密集性、高延...

2018-11-03 11:19:54

阅读数 157

评论数 0

前端文件下载方式探讨

开发过程中遇到一个问题,就是文件下载问题,通过请求后端的接口把文件下载到本地。 一般有两种方式 一、window.open window.open(URL,name,features,replace) url: 代表url name: 新窗口的名字 features: 新窗口的特性 replace...

2018-11-02 20:38:07

阅读数 928

评论数 0

单行和多行溢出显示省略号

对于文本内容,单行或者多行溢出,显示省略号,一般有两种操作方式 Javascript截断操作 Css溢出操作 截断操作 let str = '23048930jsldfjklsdfsdf'; str.length > 6 ? str.splice(0,...

2018-10-30 12:06:44

阅读数 62

评论数 0

数组某一个元素置于数组首位

改变数组中一个元素的位置,通常有两种方法: 改变原来的数组 返回新数组 改变原来的数组 let values = [1, 3, 5, 7, 12, 10]; let value = 12; //需要置于首位的元素 let index = values.indexOf(12); if(inde...

2018-10-30 10:51:31

阅读数 343

评论数 0

Javascript中的数组在内存中是如何保存的?

写在前面的话 数组基本概念 数组的内存模型 数组的基本操作 遍历 增删改查

2018-10-29 20:42:43

阅读数 683

评论数 0

如何完整的编写一个React通用组件?

React组件概念想必大家都熟悉了,但是在业务开发过程中,面对通用的业务,怎么编写一个通用的React业务组件呢?本文以实际案例说明,如何编写一个通用的业务组件。 案例背景 实现一个如图所示的组件,可以添加对组件进行添加和删除 实现思路 实现组件的界面样式 实现组件的基本功能 考虑通用型和可扩...

2018-10-26 21:38:38

阅读数 651

评论数 0

前端filter

其实数组的很多函数需要的参数都是一样的, arr.fun((item, index, arr) => { item: 数组的元素 index:数组元素在的位置 arr:整个数组 }) filter是数组的一个用法,用来返回一个数组,满足特定条件的数组中的元素 let ...

2018-10-24 20:51:55

阅读数 127

评论数 0

深入浅出—React-redux源码

目录React-redux框架基本原理是什么?为什么?怎么用?框架源码模块划分ProviderConnectdefaultSelectorFactorypureFinalPropsSelectorFactoryimpureFinalPropsSelectorFactorydefaultMapSta...

2018-10-16 16:48:56

阅读数 200

评论数 0

深入浅出—Redux-saga源码

redux中间件编写 如何编写一个中间件呢? ({dispatch, getState}) => next => action { // write your cod...

2018-10-16 11:28:44

阅读数 247

评论数 0

Redux中间件原理详解

目录1、中间件是什么样子的1.2 thunk中间件1.2promise中间件1.3logger中间件2、怎么使用中间件3、中间件运行原理3.1 中间件的内部逻辑3.2 触发一个action时,执行逻辑附录compsoe 为了解析中间件,先看一下几个中间件是什么样子,怎么用,运行起来的原理是什么? ...

2018-10-12 21:09:08

阅读数 305

评论数 0

深入浅出—Redux源码

目录一、维护一个状态树、发布订阅1.1 dispatch1.2 subscribe1.3 getState1.4 replaceReducer1.5 [$$observable]: observable二、中间件三、工具函数3.1 compose3.2 combineReducers3....

2018-10-11 16:24:51

阅读数 293

评论数 0

前端你必须要知道的进程、线程和事件队列

一、浏览器的进程和线程      &a...

2018-10-08 17:02:55

阅读数 273

评论数 0

前端异步操作大杂烩(ajax、fetch、promise、async/await)

写在前面的话一、为什么需要异步操作?二、服务器交互的异步(Ajax---->Promise---->Fetch)2.1 Ajax:2.2 Promise2.3 Fetch2.4 async/await三、实战利器参考链接 前端工作中面临两...

2018-10-08 16:49:09

阅读数 132

评论数 0

你应该知道的JSON.stringify

最近做项目遇到了一个坑爹玩意,就是想后台发送数据,需要Json序列化,因为一些特别的原因,只需要序列化一部分内容,所以坑就出现了。 var str = { "name":"donspeng", ...

2018-08-22 18:34:59

阅读数 72

评论数 0

前端面向对象的编程

问:Javascript有对象么? 答:有。 问:你怎么理解面向对象的编程? 答:那我用code来说明下 function Foo(who) { this.me = who; } Foo.prototype.identify = function() { retur...

2018-07-22 15:52:28

阅读数 137

评论数 0

Redux详解

redux 1、基本概念 redux其实就是一个页面状态管理的规约。 store中的数据约定是不能改变的,只能重新生成store。 2、页面刷新带来的问题 store中的数据是存在内存中的,页面刷新会使store中的数据全部重置,所以不要期望页面刷新后能够从stor...

2018-07-22 14:57:03

阅读数 66

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭