woke丶-CSDN博客

原创【前端知识体系】浏览器

1 事件循环机制1.1多线程的浏览器和单线程的JavaScript众所周知，JS只有一个主线程，那么在执行所有任务的时候只能一个一个来吗？就像是排队看病一样，医生一次只能接待一个病人。那么如果这个病人需要去化验，等待结果的这段时间医生还是等待这个病人化验吗？还是会先接待后面的病人？JS有自己的机制来解决这个问题。通俗来讲，操作分为：发出调用和得到结果。发出调用立刻得到结果是为同步，发出...

2019-06-27 10:40:42 277

原创通过for in遍历对象的顺序到底是什么呢?

先遍历出整数属性（integer properties，按照升序），然后其他属性按照创建时候的顺序遍历出来。

2019-08-12 18:01:46 2922 1

原创工具函数

1.获取任意区间的随机整数： function getRandomNum(min,max) { return Math.floor(Math.random()*(max-min+1)+min)}2.乱序排列一个给定的数组：每次生成一个随机数（区间是0到数组的最大下标），将随机数对应的元素push到新数组中暂存，将原数组的最后一个元素的值赋给该随机数对应的值，并删除原数...

2019-07-31 17:00:53 143

原创 javascript中map(),for of 的区别联系。以及数组的常见方法

1.for of 方法①可以获取数组元素的键值②无法获取元素的下标（不能记录数组下标）③可以使用break,return,continue跳出循环 const check = arr => { for (let i of arr) { if (i.children) { return check(i.children);...

2018-12-17 17:21:06 2732 1

原创 javaScript中的同步和异步解析，以及用async函数，promise优美地完成异步操作

一.JavaScript为什么需要异步操作. 由于javaScript是单线程的，所以在处理任务时候只能一个一个来。就像是排队看病一样，医生一次只能接待一个病人。那么如果这个病人需要去化验，等待结果的这段时间医生还是等待这个病人吗？答案是不会的，所以javaScript也有这样的机制来提高执行效率。异步任务：不进入主线程，而是进入任务队列task queue，执行完毕后等待...

2018-10-17 14:44:40 1169

原创【记录】前端开发过程中遇到的坑，以及各种第三方组件的使用

有些坑点记录在我的新博客上：http://www.woke20.com一.很多时候，一些第三方组件出现的问题，都是因为在初始化时候没有第一时间拿到数据（异步请求数据），所有建议在组件之前进行判断是否有数据再进行渲染。类似如下写法1.carousel组件在请求异步数据后，不能自动轮播。解决技巧： 1.将carousel的autoplay设置为一个state，默...

2018-09-27 09:00:04 4063

原创 CSS的三种定位机制。绝对定位是相对谁？设置百分属性时是相对谁？

直入主题：CSS定位的三种机制：一.普通流： position: static 元素框正常生成，默认设置。 position: relative 元素相对于它本来的位置，注意：移动后，在原来的位置会占用一个相同大小的空间。二.绝对定位： position：absolute 相对于最近一层的设置了定位的父级元素（除去position:static）（可以向上寻找满足条件的父级元...

2018-09-13 12:20:05 7743

原创理解react生命周期，以及react生命周期的使用场景

前言：在最初学习react的过程中，我对react的生命周期没有足够的重视，使得我在开发过程中遇到了很多问题。弄懂react的声明周期，可以让你的代码更加高效，更加优美。什么是生命周期函数？生命周期函数（钩子函数）通俗的说就是在某一时刻会被自动调用执行的函数。react的生命周期可以分成四个部分：props,state,render()函数：1.render...

2018-08-15 11:18:19 7354

原创 JS之原型链，proto和prototype

对于刚刚接触JS的人来说，JS的原型链是有点不容易理解。但是，它绝对没有那么复杂。一.首先我们需要来认识一下，__proto__和prototype1. __proto__叫做隐式原型在JS中，每个对象都会有一个内置属性：[[prototype]],目前所有的浏览器都可以通过__proto__属性来访问这个内置属性。但是这并不是一个正式的API，在ES6中，Object.setP...

2018-08-07 16:54:20 512

原创 ES6 let声明之变量提升，块级作用域，计数器变量，函数声明

在ES5中，只存在全局作用域和函数作用域。而且var声明存在变量提升的问题。这个函数会输出什么？test? hello world? 不不不，是undefined。因为ES5中没有块级作用域，而且存在变量提升的问题。这个函数实际上的执行如下代码这是由于变量提升导致的内层变量覆盖了外层的变量。什么是变量提升？变量可以在声明之前使用，值为undefined。这就是变量提升...

2018-08-07 11:12:57 1209

原创使用antd的Tree树形控件，子节点没有勾选完全的情况下拿到父节点的值

最近在项目中，需要提交一个树形结构的菜单到后台。我需要把 0-0-0 0-0-0-0 0-0-0-1三个提交出去。但是antd组件中文档中说到，只有在子节点全部勾选的情况下，父节点才能被勾选。解决办法：Tree组件提供的onCheck方法中带了两个参数，其中info这个参数中有一个叫做halfCheckedKeys的数组，它专门存贮的半勾选状态的节点（比如子节点...

2018-08-06 17:45:04 22084 25

原创 CSS-modules 一些认识以及dva-cli搭建项目中使用css（应用）

最近使用dva-cli搭建了项目，它对数据的管理还是很方便的。今天需要在项目中使用CSS动画，使用了react-transition-group 这样是成功的，但是如果使用程序会报错。因为dva-cli 默认开启了css-modules.。传统的CSS使用方式是全局的，这意味着当你的项目复杂，样式繁多时候，你丝毫不用为CSS命名担心，因为CSS-modules通...

2018-08-02 10:40:53 1876

原创 CSS的一些知识点

1.对web标准的理解网页主要是由三部分组成的（结构、表现、行为）所以，对应的标准也是这三方面的。对于结构的要求：标签和属性名字母要小写标签要注意闭合标签不允许随意嵌套对于CSS/js的要求：尽量使用外链的JS/CSS，使网站结构化更高，性能更好样式尽量不要使用行内样式，使得结构和表现...

2018-07-26 16:06:35 242 1

woke的博客