花落s-优快云博客

转载关于HTTP缓存

HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体验，减少网络传输，缓解服务端的压力。强缓存不需要发送请求到服务端，直接读取浏览器本地缓存，在 Chrome 的 Network 中显示的 HTTP 状态码是 200 ，在 Chrome 中，强缓存又分为 Disk Ca.

2020-05-13 17:46:27 411

原创关于Vue-cli+ElementUI项目打包时排除Vue和ElementUI

修改 build/webpack.base.conf.js....module.exports = { .... // 表示不需要webpack打包的文件 externals: { 'vue': 'Vue', 'element-ui': 'ELEMENT' }}修改 main.js 注释掉 Vue 和 ElementUI// import Vu...

2019-11-28 14:13:09 2599

原创 React笔记：异常捕获边界（Error boundaries）

官方文档如果模块加载失败（如网络问题），它会触发一个错误。你可以通过异常捕获边界（Error boundaries）技术来处理这些情况，以显示良好的用户体验并管理恢复事宜。import MyErrorBoundary from './MyErrorBoundary';const OtherComponent = React.lazy(() => import('./OtherCom...

2019-11-12 09:20:44 665

原创 JS排序算法

分析一个排序算法，要从执行效率、内存消耗、稳定性三方面入手。1.执行效率<1>. 最好情况、最坏情况、平均情况时间复杂度我们在分析排序算法的时间复杂度时，要分别给出最好情况、最坏情况、平均情况下的时间复杂度。除此之外，你还要说出最好、最坏时间复杂度对应的要排序的原始数据是什么样的。<2>. 时间复杂度的系数、常数、低阶我们知道，时间复杂度反应的是数据规...

2019-08-14 17:41:40 143

原创深入理解JS单线程

解决一个问题：JS运行时异步任务的处理在浏览器和Node环境有没有差别？前言Event Loop 即事件循环，是指浏览器的一种解决 JavaScript 单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。为什么要弄懂 Event Loop弄懂 JavaScript 的运行机制。现在在前端领域各种技术层出不穷，掌握底层原理，以不变应万变。Event Loop 是什么ev...

2019-08-14 08:59:27 196

原创 JavaScript 实现更多数组的高阶函数 -Array 篇

在此介绍一下几个常见操作：uniqueBy: 去重sortBy: 排序filterItems: 过滤掉一些元素diffBy: 差异groupBy: 分组arrayToMap: Array 转换为 Map递归操作uniqueBy: 数组去重相关问题javascript 怎么实现多种数据类型的数组去重？JS 有没有比较高效的数组去重的方法？/** * js 的数组去重...

2019-07-18 17:58:19 215

原创从一个url地址到页面渲染完成，发生了什么？

1. DNS解析，将域名解析为 ip 地址浏览器DNS缓存系统DNS缓存路由器DNS缓存网络运营商DNS缓存递归搜索： (blog.baidu.com为例).com 域名下查找DNS解析.baidu 域名下查找DNS解析blog 域名下查找DNS解析出错了（都找不到）2. TCP连接，TCP三次握手由浏览器发起，告诉服务器，我要发送请求了（在吗？）由服务器发起...

2019-07-03 18:54:57 229

原创 JS 函数节流防抖

什么是函数节流？什么是函数防抖？函数防抖和函数节流：优化高频率执行js代码的一种手段，js中的一些事件如浏览器的resize、scroll，鼠标的mousemove、mouseover，input输入框的keypress等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制。函数节流一个需要被频繁执行的函数执行一次后...

2019-07-03 16:40:40 121

原创 vue-cli 项目 webpack打包后图片路径错误的解决方法

dev 环境下背景图片正常显示，但是打包后路径不对，无法显示网上其他解决参考如下:经常遇见的问题是 css 中 background-image 的相对路径不能正确的引用到 img 文件夹中。但是用 ExtractTextWebpackPlugin 的 publicPath 配置就可以。更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配...

2019-05-29 17:28:57 985

转载原生ES-Module在浏览器中的尝试

其实浏览器原生模块相关的支持也已经出了一两年了（我第一次知道这个事情实在2016年下半年的时候）可以抛开webpack直接使用import之类的语法但因为算是一个比较新的东西，所以现在基本只能自己闹着玩 :p但这并不能成为不去了解它的借口，还是要体验一下的。首先是各大浏览器从何时开始支持module的：Safari 10.1Chrome 61Firefox 54 (有可能需要你...

2019-04-26 11:58:04 2100

原创 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 922

转载二分查找集合

第一次出现某数的位置如果没找到，则返回 -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 254