- 博客(23)
- 收藏
- 关注
RSS订阅原创 js 之异步编程
前言js 作为一门单线程的语言，则注定异步编程会是其最核心的内容。设想一下如果 js 不支持异步会怎样？代码从上至下顺序执行，遇到计算量较大的算法则发生阻塞，即使后面有非常紧急的事情也只能等着。进而影响到用户的体验。异步编程的发展过程回调时期在 es6 提供 promise 以前，处理异步操作必然绕不开回调，即执行完某方法后调用某个回调方法，伪代码如下const _loadSomething = (callback) => { ....某异步请求，返回结果为 res
2020-12-11 11:08:21
162
原创 js 优化循环，DUFF装置实现展开迭代
那还有没有办法继续优化呢？若数据有一百万条，以上方法依然需要遍历一百万此，那有没有办法降低循环的次数呢？
2020-08-06 18:19:00
429
原创 CORS 跨域常见问题
某请求头不被允许，需要后端在 access-control-allow-headers 中加入对应的请求头当响应头的 Access-Control-Allow-Origin 为 * 时，请求头的 withCredentials 必须为 false请求头 credentials 为 include， Access-Control-Allow-Origin 不能为 *...
2020-07-12 23:17:16
495
原创 antd 3.x版本的datePicker，mode设置为year，点击year面板不消失
需求： 日期控件只能选择年份实现： 使用 antd 的 DatePicker 组件，并配置 mode=‘year’，picker 配置如下<DatePicker mode='year' format='yyyy'/>描述：能正常选择年份，但选择完年份后 picker 面板不会自动消失看了 github 的 issue 有很多人也遇到了这个问题，但是都没有好的解决办法因为 antd 是基于 react 实现的，那么如果要控制一个组件是否显示，应该也是会定义一个状态的吧，那么现
2020-06-24 17:44:44
2734
原创 每日一道算法：翻转字符串，并去除多余的空格
解法1：var reverseWords = function(s) { let s1=s.split(' ').reverse(); let s2= []; for(let i =0;i<s1.length;i++){ if(s1[i].length>0) { s2.push(s1[i]); } ...
2020-04-10 13:19:47
542
原创 win10系统下使用ssh连接linux服务器
作为一个前端coder，理解一些服务端的只是，不是更容易装x吗？出于这样的想法，在腾讯云上租了个linux服务器，虽然可以在控制台中登录服务器，但是每次登录都得进网页，登录腾讯云，再登录系统，太麻烦了！第一步：启动ssh检查ssh服务的状态service sshd status，出现下图就表示服务已经启动，此时可跳过第一步安装sshsodu yum install sshd启动sshs...
2020-03-29 16:45:51
3368
原创 windows10系统下如何安装mongodb
最近计划重新系统学习一遍node，第一步肯定是装环境了，node环境自不用说，但mongodb的环境真的是搞了我好几天。闲话不多说了，接下来介绍一下我这些天遇到的各种坑mongodb的安装流程首先得去官网下载安装包，国外网站的下载速度很慢，所以附上网盘链接，提取码：ovcv，mongodb安装包安装到下图这步，最好选custom,自定义安装，之后就是完全的傻瓜式操作了~安装完成之后，在...
2020-03-28 22:49:29
332
2
原创 js中的字符串常用方法与解析
charAt() 返回传入的参数(参数为一个索引)在字符串中的指定索引的value const str = "hello i am bemax"; let num1 = str.charAt(20); let num2 = str.charAt(1); console.log(num1, num2); //'' 'e'c...
2019-10-19 08:31:44
1418
原创 get和post两种请求的区别
什么是get和post在讲区别之前，我先大概介绍一下这两种请求是什么。网络是由若干台计算机通过建立一定连接而交织成的一个网状结构，各个计算机之间需要互相通信，这时就出现 tcp/ip 协议，它规定了计算机之前应如何进行通信。无规矩不成方圆，若要在这个庞大的网络上传输数据，就需要一个规则来限制操作，这就是我们经常听到的 http 协议，get和post就是在http协议下的两种请求方式。...
2019-10-18 19:45:51
130
原创 理解缓存
缓存在我们的日常网络环境下无处不在，那到底什么是缓存呢？打个比方，当你访问一个网站时，你会感觉第一次的访问速度很慢，但是当你第二次，第三次访问时速度会明显提升，这就是一个缓存的典型案例，原因是这样的，当你第一次访问这个网页时，会访问指定的服务器，从服务器下载资源到本地，存在你的磁盘中，再后面的访问就会在磁盘中找相对于的资源，当然这些都不用我们关心，是浏览器自动帮我们处理的缓存的分类缓存的大...
2019-10-17 16:50:57
324
原创 node相关
node相关知识点事件轮询在node环境下的事件轮询一共分六个阶段timers：定时器的回调函数，setTimeout、setIntervalpending：延迟到下一次迭代循环的I/O回调idle，prepare：供系统内部使用poll：I/O回调函数队列check：检查阶段，setImmediate回调close：一些准备关闭的回调函数总结：当执行完所有的同步时间后，轮询从...
2019-10-17 16:17:35
150
原创 js模块化开发
什么是模块化开发模块化顾名思义就是将原本没有规律，散乱的东西整合到一起为什么要提出模块化开发在前端开发中经常会在html中引入很多的js文件，这些文件若其中有相互的依赖关系，那么书写的顺序就显得很重要，可是这种依赖又不是那么的明显，若文件很多堆放起来又显得页面很臃肿，重要的是代码会变得难以维护js模块化开发的发展js的模块化开发大概分为四个阶段commonJS—》AMD（re...
2019-09-29 22:50:37
162
原创 js中flat方法的实现原理
Array.prototype.flat()在Array的显示原型下有一个flat方法，可以将多维数组，降维，传的参数是多少就降多少维 let arr = [1, [2, 3, [4, 5, [12, 3, "zs"], 7, [8, 9, [10, 11, [1, 2, [3, 4]]]]]]]; console.log(arr.flat(Infinity));//[1, 2, 3...
2019-09-29 10:07:42
8127
7
原创 ES6常用新特性
声明变量的新关键字let1、let声明的变量不会被提升2、let声明的变量不允许出现同名3、使用let后将产生块级作用域，即被大括号包裹的代码块4、let定义的变量不在window对象上，而var声明的在const1、const的特点与let基本一致，但const声明的常量值不允许修改变量的解构赋值对象解构 var obj = { name:...
2019-09-28 08:22:51
115
原创 ES5的常用特性
严格模式用法在当前作用域顶部书写'use strict'，一般书写在全局作用减少浏览器怪异解析规范代码特点在严格模式下变量必须先声明后使用，不写var不再会默认在全局定义变量禁止函数中的this执行window，现为undefinedeval函数将创建局部作用域，不再为全局对象不能有同名属性，不使用严格严格模式，之后书写的属性将覆盖之前的属性json方法JSON....
2019-09-27 19:42:26
618
原创 节流与防抖
为什么要使用节流或防抖?举一个比较通俗的例子，大家小时候应该都用过计算器，按一次归零键就会响一声，但是如果你短时间内多次按,扬声器就会传出"归归归归归归归归归归归归归零"，这实际上是程序员在编程的时候用了防抖，设想一下如果不这么做会出现什么情况，屏幕上依然会将数字归零，但是语音队列中就会存很多个归零，“归零，归零，归零，归零，归零，归零，归零，归零，归零，归零，归零。。。。。。”，如果这是你还...
2019-09-26 15:13:42
139
原创 什么是闭包
闭包概念 : 内部函数包含外部函数的引用,并将其存在内部函数中产生原因 :1.函数嵌套2.内部函数引用外部函数的变量3.外部函数被调用闭包何时产生 : 当内部函数被定义时闭包何时销毁 :1.内部函数未曾被调用2.内部函数为垃圾对象时,即被null赋值闭包的作用1.延长局部变量的生命周期若未产生闭包,一个函数运行完毕时,内部的变量就会成为垃圾,会被js引擎自动回收,但若该函...
2019-09-25 19:46:59
92
原创 js中的原型到底是什么?
原型的概念原型通常指的是prototype和__proto__这两个原型对象其中前者叫做显式原型对象,后者叫做隐式原型对象在js中所有的函数都有一个prototype对象,每一个对象都有__proto__,既然prototype是一个对象,那么他必然也有一个__proto__(在后面会详细解释)__proto__与prototype之间的关系__proto__等于其构造函数的pro...
2019-09-24 20:53:55
2145
原创 cookie,localStorage,sessionStorage的区别
cookie,localStorage,sessionStorage的区别以上是目前的三种浏览器的本地数据存储方式，他们都有一个共同的特点，就是安全性低，所有的信息都会在浏览器中显示出来，所以用户相关的敏感信息千万不要保存在其中。以防止XSS注入。cookie，cookie可存储的数据量很小，大概就40Kb左右，常用来做“记住密码”功能，在localStorage出来之前也用来做电商网站的购物...
2019-09-02 21:08:17
108
原创 深入理解js中this的指向
深入理解js中this的指向1、谁才拥有this指向2、如何确定this的指向3、改变this的指向1、谁才拥有this指向最近一直在研究this的指向问题，也遇到了很多坑，下面我来谈一下我对this的理解。this可以理解为一个对象的代表 var obj1 = { age: 11, get: function () { ...
2019-08-15 17:32:47
195
原创 事件流的冒泡与捕获
事件流什么是事件流冒泡Dom2级事件合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入什么是事件流浏览器厂商最是一种两极对立，微...
2019-08-06 20:49:50
129
原创 轮播图无缝滚动
实现轮播图效果最常见的也就是通过设置margin和使用绝对定位了，但一般情况下比较推荐使用绝对定位法。为什么呢？使用绝对定位使元素脱离文档流，所以根本不会影响除自身以外的元素。下面大概讲一下怎么使用这种方法实现无缝滚动其实所谓的无缝滚动就是在人眼无法察觉下狸猫换太子。以上图中表示有8张一样规格的图片（前四张和后四张一样），红色框表示可视区域，此时红色框仅可向右走4张图的宽，若要无限滚动则需...
2019-08-01 00:39:18
239
原创 display和visibility隐藏元素的区别
display和visibility隐藏元素的区别本人菜鸡一枚display隐藏元素visibility隐藏元素总结本人菜鸡一枚也是最近几个月才接触到前端开发的，过程中遇到过一些问题，对于一些概念也有部分自己的观点，不完全正确，纯为知识交换。display隐藏元素对于display这个属性大家应该不会陌生，block常用来定义元素的类型，常用的属性值如block,inline-block,...
2019-07-18 00:15:23
642
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人