吴小迪的博客

吴小迪前端内容整理,react技术交流群:815413387,vue:942347564

前端开发应知网站(强烈推荐!)

作为一名前端开发者(所有程序员)最起码遇到bug就算不会解决也应该会搜解决问题的答案。 一般笔者会先在百度搜(关键词一定要输入正确) 如果没搜到会再去bing里面看看 还没有的话就去github的Issues里面再看看 如果上面上点都还没找到解决方法就科学上网一下试试? 如果还不行就只能自己去看...

2019-07-10 15:59:59

阅读数 12230

评论数 55

一篇文章彻底搞懂异步,同步,setTimeout,Promise,async

之前翻看别的大佬的博客看到了关于setTimeout,promise还有async执行顺序的文章。观看了几篇之后还是没有怎么看懂,于是自己开始分析代码,并整理了此文章,我相信通过此文章朋友们能对异步同步还有,setTimeout,Promise,async这些内容了然于胸,接下来让我们走入正题: ...

2019-06-10 13:18:14

阅读数 2495

评论数 0

前端发展趋势技术讲解-PWA

一、背景 从2018年到现在,作为号称下一代web应用模型的PWA,逐渐成为了一个各大前端厂商争先恐后进行涉足,布局的一个新的技术, 其主要的对标物Native app,作为现在最主流的移动端应用,它的安全,性能,用户体验的确明显领先于其他互联网载体,但是原生App始终有一些缺点,比如: 昂贵开...

2019-06-05 11:25:45

阅读数 629

评论数 0

彻底了解"||"和"&&"

学过JS的朋友们应该都知道这俩个运算符(“||” 和 “&&”)的名字 - - 短路运算符。 今天我们就来看一看它究竟是怎么个短路法! 一:在if判断中的用法: ||的用法: if (2 > 1 || 2 > 5) { console...

2019-05-15 16:24:21

阅读数 1850

评论数 0

如何将HTML转成图片?看这里你就会了!

笔者在去年的一个项目当中是给学校做的一个后台管理系统,当时是要有在页面上编辑卷子然后将卷子导出的功能。就这涉及到了富文本编辑器的知识和将HTML转成图片的技术。今天这个文章主要是讲如何将html转成图片,富文本编辑器的知识可以观看笔者的另外一篇博客富文本编辑器实现原理 如果想将html元素转变成图...

2019-05-11 10:11:51

阅读数 591

评论数 0

富文本编辑器涉及到的知识与一些坑

笔者最近在负责公司项目中的富文本编辑器的部分,由于是自己公司的产品,为了性能等方面的考虑要求笔者自己写原生代码实现。过程当中遇到了很多坑,现在来与大家一起交流一下。 目录: 要完成的功能: 富文本编辑器的功能实现 选中后映射属性到属性栏 实现复制粘贴保留样式 涉及到的知识: 富文本编辑器...

2019-05-03 18:28:01

阅读数 1873

评论数 0

JS获取鼠标选中的节点信息

今天给大家分享一下如何在项目中获取鼠标选中的节点和其他的信息 项目实战: 项目需求:在富文本编辑器上获取选中dom节点的内容,和鼠标所在的位置。 笔者前不久在某项目开发的过程中就遇到了这个问题,全网搜,感觉总结的好的还不是很多,就算是好的也不是很全,所以笔者决定把这些东西结合着我项目的需求去把这些...

2019-05-02 15:41:39

阅读数 1566

评论数 0

react详细介绍性能优化

今天给朋友们详细介绍react如何进行性能优化。 首先要了解网页性能不好的罪魁祸首   浏览器的重绘和重排版(reflows&repaints)(DOM操作都会引起)才是导致网页性能问题的关键。   而React虚拟DOM的目的就是为了减少浏览器的重绘和重排版。 一:rea...

2019-04-21 09:05:50

阅读数 1538

评论数 0

React底层原理解析之diff算法

React的diff算法是在哪里进行计算的? diff算法是在render里面进行计算的。 React的diff算法与传统的diff算法的区别: 传统的diff算法: 计算一棵树形结构转换为另一颗树形结构需要最少步骤,如果使用传统的diff算法通过循环递归遍历节点进行对比,其复杂度要达到O(n^3...

2019-04-20 20:27:54

阅读数 1780

评论数 0

你不知道的console,控制台也能玩出花样~

平时前端开发的过程console是大家用到的最多的命令之一,但是大部分人只会console.log(),并不知道console它还有其他很多的骚操作,今天就给大家分享一下~。 1. 首先是大家最常用来调试的console.log([data]:any[,…args]:any),很多时候我们需要查看...

2019-04-14 11:26:43

阅读数 1916

评论数 2

查看前端代码在各浏览器的支持情况的方法

今天给大家带来了如何查看前端代码在各浏览器的支持情况 肯定会有朋友问到,我们为什么要在用新属性之前查看一下它的兼容性,因为我们开发到最后上线的时候要保证浏览器能够正常运行,前端的界面的效果还有交互效果能够正常实现。比如说你现在使用了CSS3的弹性盒,display:flex。页面布局的时候轻松愉快...

2019-04-13 20:18:27

阅读数 1645

评论数 0

如何跨行学习前端?一个小白的跨行之路~

如何跨行学习前端?一个小白的跨行之路~此篇文章讲述了一个小白跨行学习前端过程遇到的问题,以及是如何解决的。希望此篇文章能够帮助到更多的人。前端小白该如何入门?(先给大家分享**干货**最后在讲故事)*干货分享完了最后给感兴趣的朋友分享分享笔者的真实经历* 此篇文章讲述了一个小白跨行学习前端过程遇到...

2019-04-13 14:55:17

阅读数 775

评论数 0

React Hook组件在销毁的时候进行业务处理

开发场景: 当我们使用react的hook组件的时候想要在组件销毁的时候做一些事件, 解决方案: 我们可以使用react的Effect hook, Effect hook的第一个参数可以return一个函数,这样就可以在组件销毁的时候触发它: 比如: 此代码为笔者盲敲的,如果有bug请在下方评论...

2019-08-19 19:09:31

阅读数 78

评论数 0

伪数组是什么?伪数组与数组的区别

当我们了解伪数组之前先了解下普通的数组的特点 数组是用来存储一系列值的一个集合,而每个值在数组里面都有一个对应的索引,也可以叫做下标,索引是从0开始的,依次递增。 比如: let arr = ['a','b','c']; // 字符串a,b,c对应的下标分别为0, 1, 2,使用 数组名字[索引]...

2019-08-18 17:13:13

阅读数 102

评论数 0

数组中的对象去重方法(使用时将我的参数数组改成你自己的就可以了)

项目开发过程中经常会处理数据,其中数组中的对象去重是最凡人的,今天笔者就将数组当中的对象去重方法分享给大家,大家使用的时候只需要调用这个方法,传入你要去重的数组以及对象的唯一值就可以了。 PS:笔者封装的这个方法不论是参数是对象还是普通的数字或者字符串都可以实现去重 // 首先搞三个数组用来待...

2019-08-15 19:00:44

阅读数 1363

评论数 2

身份证规则验证代码(符合最新版身份证校验规则)

笔者上周开发过程中遇到了身份证校验的这个需求,项目里很多的地方都需要验证,于是就提成了一个单独的文件供我自己使用,今天也分享给大家。 一共分俩个文件 一:存放枚举值的,放到enums.js文件中(放入你们项目定义常量的文件里并导出就可以了) enums.js文件新增此代码 export con...

2019-08-14 08:46:58

阅读数 318

评论数 1

JS特性检测,检测元素上是否有指定属性或当前浏览器是否支持某元素或某属性

我们在开发的过程中如果要向后兼容的话我认为这篇文章还是很能帮助到你的。可以把笔者的代码copy过去使用。 我们要检查指定元素上面是否有特定的属性,可以使用下面这个函数: function elementSupportsAttribute(elementName, attribute) { if ...

2019-08-11 16:32:00

阅读数 1185

评论数 0

开发移动端项目在真机上面的调试方法

我们很多朋友开发移动端的时候只知道在浏览器中开控制台(按F12就可以打开控制台了)然后点击小手机在浏览器中模拟手机,就像下面这样: 但是并不知道如何在开发的过程中在手机上调试。只有上线后才通过下载软件或其他方式拿手机去看,或者搞个手机模拟器啥的连接,麻烦的一笔。 我们今天就交给大家最简单的方法:...

2019-08-11 16:14:47

阅读数 1459

评论数 2

BAT等企业如何面试?看这一篇文章就够了!

一:面试流程及问题解析 无论是程序员还是其他职业的面试,虽然都是提交简历、电话面试、面谈、拿到offer等一系列过程,但是每一步都很重要!首先简历要精炼、漂亮、大方,尽量突出自己的优势,避开自己的劣势。电话面试还好,因为不用面对面交谈,这样可以很好的把握自己的语言。面谈是最关键的一步,准备不充分就...

2019-08-11 12:46:17

阅读数 1676

评论数 0

requireJS介绍

requireJS详细介绍: http://www.runoob.com/w3cnote/requirejs-tutorial-1.html http://www.runoob.com/w3cnote/requirejs-tutorial-2.html 模块化规范: AMD - - 异步模块定义(...

2019-08-11 01:29:32

阅读数 32

评论数 0

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