
JavaScript技术
花落s
这个作者很懒,什么都没留下…
展开
-
React笔记: 异常捕获边界(Error boundaries)
官方文档如果模块加载失败(如网络问题),它会触发一个错误。你可以通过异常捕获边界(Error boundaries)技术来处理这些情况,以显示良好的用户体验并管理恢复事宜。import MyErrorBoundary from './MyErrorBoundary';const OtherComponent = React.lazy(() => import('./OtherCom...原创 2019-11-12 09:20:44 · 676 阅读 · 0 评论 -
JS排序算法
分析一个排序算法,要从 执行效率、内存消耗、稳定性 三方面入手。1.执行效率<1>. 最好情况、最坏情况、平均情况时间复杂度我们在分析排序算法的时间复杂度时,要分别给出最好情况、最坏情况、平均情况下的时间复杂度。除此之外,你还要说出最好、最坏时间复杂度对应的要排序的原始数据是什么样的。<2>. 时间复杂度的系数、常数 、低阶我们知道,时间复杂度反应的是数据规...原创 2019-08-14 17:41:40 · 149 阅读 · 0 评论 -
深入理解JS单线程
解决一个问题:JS运行时异步任务的处理在浏览器和Node环境有没有差别?前言Event Loop 即事件循环,是指浏览器的一种解决 JavaScript 单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。为什么要弄懂 Event Loop弄懂 JavaScript 的运行机制。现在在前端领域各种技术层出不穷,掌握底层原理,以不变应万变。Event Loop 是什么ev...原创 2019-08-14 08:59:27 · 200 阅读 · 0 评论 -
JavaScript 实现更多数组的高阶函数 -Array 篇
在此介绍一下几个常见操作:uniqueBy: 去重sortBy: 排序filterItems: 过滤掉一些元素diffBy: 差异groupBy: 分组arrayToMap: Array 转换为 Map递归操作uniqueBy: 数组去重相关问题javascript 怎么实现多种数据类型的数组去重?JS 有没有比较高效的数组去重的方法?/** * js 的数组去重...原创 2019-07-18 17:58:19 · 221 阅读 · 0 评论 -
JS 函数 节流 防抖
什么是函数节流?什么是函数防抖?函数防抖和函数节流:优化高频率执行js代码的一种手段,js中的一些事件如浏览器的resize、scroll,鼠标的mousemove、mouseover,input输入框的keypress等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能。为了优化体验,需要对这类事件进行调用次数的限制。函数节流一个需要被频繁执行的函数执行一次后...原创 2019-07-03 16:40:40 · 124 阅读 · 0 评论 -
vue-cli 项目 webpack打包后图片路径错误的解决方法
dev 环境下背景图片正常显示,但是打包后路径不对,无法显示网上其他解决参考如下:经常遇见的问题是 css 中 background-image 的相对路径不能正确的引用到 img 文件夹中。但是用 ExtractTextWebpackPlugin 的 publicPath 配置就可以。更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配...原创 2019-05-29 17:28:57 · 990 阅读 · 0 评论 -
原生ES-Module在浏览器中的尝试
其实浏览器原生模块相关的支持也已经出了一两年了(我第一次知道这个事情实在2016年下半年的时候)可以抛开webpack直接使用import之类的语法但因为算是一个比较新的东西,所以现在基本只能自己闹着玩 :p但这并不能成为不去了解它的借口,还是要体验一下的。首先是各大浏览器从何时开始支持module的:Safari 10.1Chrome 61Firefox 54 (有可能需要你...转载 2019-04-26 11:58:04 · 2120 阅读 · 0 评论 -
ElementUI之隐藏Scrollbar 组件的使用
1. 使用main.js//main.jsimport {Scrollbar} from 'element-ui'Vue.use(Scrollbar)common.scss//common.scss.el-scrollbar{ height: 100%;}.el-scrollbar__wrap{ overflow: scroll; overflow-x:...原创 2019-04-26 10:33:04 · 927 阅读 · 0 评论 -
二分查找集合
第一次出现某数的位置如果没找到,则返回 -1可应对数据重复或者不重复两种情况a 数组需正序排列代码:function binarySearch(a, target) { var start = 0 , end = a.length - 1; while(start <= end) { var mid = ~~((start + end) >&g...转载 2019-04-26 10:21:09 · 260 阅读 · 0 评论