aiyuanqin9624-CSDN博客

转载 Event Loop js 事件循环初理解

浏览器环境理解 Event Loop 之前我们需要弄清楚什么是执行栈与 Task (任务）执行栈所有的 JS 代码在运行是都是在执行上下文中进行的。执行上下文是一个抽象的概念，JS 中有三种执行上下文：全局执行上下文，默认的，在浏览器中是 window 对象函数执行上下文， JS 函数每当调用时都会创建一个上下文Eval 执行上下文， eval 函数会产生自己的上下文...

2019-09-12 13:57:00 116

转载 js 深拷贝

对于深拷贝一直使用的都是 JSON 和 lodash 的方法，今天空下来自己手写个深拷贝方法，把想到的一些情况，包括对函数、Symbol、正则、日期对象都做了处理。基本上满足了了日常需求。代码如下：// 深拷贝function deepClone(arg) { let typeIncludes = ['string', 'boolean', 'number', ...

2019-09-10 22:31:00 112

转载类型转换

显式转换原始值 / 转换目标布尔值字符串数字Number除 0, -0, NaN 都为 true0 => "0"--String除空字符串外都为 true--NaN / 数字Boolean--"true" / "false"true => 1 false => 0UndefinedFalse"undefin...

2019-09-10 00:05:00 130

转载面试题

本文以收集一些网上的前端函数面试题为主，后续会持续更新(说明一下后续代码中，我就尽量不写分号了????????)这是一道大题，现拆分成了4个小项；需要答题者用递归算法（限15行内代码实现；限时10分钟内完成）创建一个长度为5的空数组。生成一个（2~32）之间随机整数 rand。把随机数 rand 插入到数组 arr 内，如果数组中存在相同的与rand 相同的数字。则重现生成随机...

2019-08-29 11:06:00 110

转载 redux 源码阅读

目录【目录结构】【utils】 actionTypes.js isPlainObject.js warning.js 【逻辑代码】 index.js createStore.js com...

2019-08-28 17:24:00 179

转载 ts 学习笔记 - 类

目录类类的概念类的用法属性和方法类的继承存取器静态属性 Typescript 中的用法 ???? 抽象类类的类型 ...

2019-08-27 12:06:00 177

转载 ts 学习笔记 - 泛型

目录泛型举个栗子泛型约束多个参数时也可以在泛型约束中使用类型参数泛型接口泛型类泛型参数的默认类型泛型泛型（Generics）是指在定义函数、接口或者类的时候...

2019-08-26 17:06:00 324

转载 ts 学习笔记 - 进阶篇 1

目录进阶类型别名字符串字面量类型元祖例子越界的元素枚举手动赋值常数项和计算所得项进阶类型别名类型别名...

2019-08-22 00:57:00 200

转载 ts 学习笔记-基础篇

目录基础原始数据类型布尔值数字字符串空值 Null 和 Undefined 任意值类型推论联合类型接口数组 ...

2019-08-20 00:33:00 396

转载 test

前几天，朋友找我一起做个扑克牌顺子的游戏，由于忙于工作一直没时间看，今天空下来研究一下；顺带介绍下那位朋友，萝卜爱吃青菜有兴趣的朋友可以去他的博客逛逛，里面有好多他的实用分享；下面进入正题：描述：从扑克牌中随机抽5 张牌，判断是不是一个顺子，即这5 张牌是不是连续的。2-10 为数字本身，A 为1，J 为11，Q 为12，K 为13，而大小王可以看成任...

2019-07-25 10:39:00 97

转载 Taro 小程序自定义导航栏

在小程序中，有的页面需求可能需要我们做一个自定义的导航栏，今天就来踩一踩坑首先需要在app.js 中给全局的导航栏隐藏，1 // app.js2 3 window: {4 navigationStyle: 'custom',5 },6 // navigationStyle 接受两个参数 ['default', 'custom']: ['系统导航栏...

2019-06-02 23:18:00 3588

转载扑克牌顺子

前几天，朋友找我一起做个扑克牌顺子的游戏，由于忙于工作一直没时间看，今天空下来研究一下；顺带介绍下那位朋友，萝卜爱吃青菜有兴趣的朋友可以去他的博客逛逛，里面有好多他的实用分享；下面进入正题：描述：从扑克牌中随机抽5 张牌，判断是不是一个顺子，即这5 张牌是不是连续的。2-10 为数字本身，A 为1，J 为11，Q 为12，K 为13，而大小王可以看成任意数字...

2019-05-29 10:41:00 240

转载基于 React-draft-wysiwyg 实现的 react 富文本编辑器组件开箱即用

工作中遇到了一个需要做图文详情的富文本编辑的需求，于是基于React-draft-wysiwyg 实现了一个纯组件，目前支持常规文本输入外部链接图片以及本地上传图片，由于是纯组件，可直接放在react 项目中引入使用具体项目中使用十分方便，一行代码搞定,<EditorVan editorState={this.state.editorStat...

2019-05-26 19:56:00 784

转载 Taro 采坑日常

组件事件传参只能在类作用域下的确切引用(this.handleXX || this.props.handleXX)，或使用 bind。　　组件中点击事件如下// 组件<AtListItem key={i} isSwitch switchIsCheck={ true } onSwitchChange={ (e) => this....

2019-05-26 17:33:00 532

转载由 var str = 'hello world' str.attr ='666'; 到包装类型

近期有些小伙伴在公司的一道面试题踩了坑，今天特地跟大家一起分享下；原题如下：1 var str = 'hello world';2 str.attr = '666'; 3 console.log(str);4 console.log(str.attr) 当然也有不少反应机灵的同学回答出了正确答案；认为console.log(str.a...

2019-03-06 23:42:00 292

转载 Lodash 方法库原生实现待完结。。。

1 'use strict' 2 let _ = { 3 4 // 将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组。如果array 无法被分割成全部等长的区块，那么最后剩余的元素将组成一个区块。 5 chunk(arr, nub) { 6 var res = []; 7 for (var ...

2019-03-05 00:30:00 88

转载数据类型转换

JS 数据类型转换方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1.转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。parseInt()　　parseIn...

2017-05-13 00:57:00 73

转载 JS 数据类型入门与typeof操作符

标准的数据类型划分：　　基本类型：number(数字)、string(字符串)、undefined、boolean(布尔值)、null(空对象)//空对象与非空对象，最大的区别就是不能进行属性操作　　对象类型（复合类型）：object (对象)对象类型中并没有函数，函数不属于数据；typeof操作符：　　是用来检测变量的数据类型，对于值或变量使...

2017-05-13 00:11:00 102

转载关于浮动与清浮动 float

浮动常见的几种属性值float {left; right; none; }主要是定义元素朝哪个方向浮动；元素浮动后的特性在一行显示，父级的宽度放不下，自己折行；支持宽高等样式；不设置宽高时，宽度由内容撑开；会按照我们指定的方向移动，碰到父级的边界或者前一个浮动元素就会停止浮动（与上一个浮动元素对齐）；元素浮动后，上下的margi...

2017-05-11 00:38:00 75

转载你不知道的文本超出显示省略号的方法

前端时间有发现一些地方会出现文本超出显示省略号的地方，今天特地整理出来几种不同情况下的使用方法。首先，我们来看第一种，也是最常见的单行文本超出隐藏.{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}这个大家都会，基本上解决一些常见的问题，但是如果我们段落内容比较...

2017-05-01 21:33:00 209

转载关于表单的一些小细节

相信有很多新入门的朋友在做一些表单的时候，都发现了表单中有一些小细节还是非常有个性的，那么今晚我们就来一起探究一下首先在一个创建HTML 并给他们都给上相同的宽高，和背景色如下：　　我们看一下在浏览器中的效果（chrome下的效果）从上图我们首先可以得出两点结论1：这些表单都是属于内联块元素，2：这5兄弟好像在我们设置了相同宽度下，似乎...

2017-04-07 00:49:00 71

aiyuanqin9624的博客