随笔分类 - 1_前端（前端测试、react等）
摘要：legend3 bootstrap modal框出现蒙层,无法点击modal框内容（z-index问题） 一、总结 一句话总结： 【问题本质原因】：【把模态框放在了设置了z-index的内容层里面】，导致遮罩层和内容层并列，而弹出层在内容层里面，导致异常 【解决方法】：1、去掉内容层的z-index
阅读全文
摘要：svg图标爽使用 一、总结 一句话总结： 【网站】：https://iconpark.oceanengine.com/official： 在这个网站可以选择好颜色和样式直接下载下来 【使用】：使用就是选好样式，直接复制粘贴代码即可，异常方便 二、svg图标爽使用 1、相关知识 在这个网站可以选择好颜
阅读全文
摘要：Redux基本介绍 一、总结 一句话总结： React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。【代码结构】、【组件之间的通信】。对于大型的复杂应用来说，这两方面恰恰是最关键的。因此，【只用 React 没法写大型应用】。 为了解决这个问题，2014年
阅读全文
摘要：html5中的web存储 一、总结 一句话总结： html5中的web存储就是sessionStorage和localStorage，使用非常非常简单 localStorage.fry_videojs_playbackRate=this.playbackRate(); 1、sessionStorag
阅读全文
摘要：js释放图片资源 一、总结 一句话总结： 一般引用没有的时候浏览器会自动释放，如果浏览器没有主动释放，调用浏览器给它释放掉就好 二、js释放图片资源 转自或参考：https://segmentfault.com/q/1010000019286572 前端图片占用的内存什么时候被释放? img标签被动
阅读全文
摘要：前端跨域方式 一、总结 一句话总结： CORS支持所有类型的HTTP请求，是跨域HTTP请求的根本解决方案 JSONP只支持GET请求，JSONP的优势在于支持老式浏览器，以及可以向不支持CORS的网站请求数据。 不管是Node中间件代理还是nginx反向代理，主要是通过同源策略对服务器不加限制。
阅读全文
摘要：DNS Lookup 一、总结 一句话总结： DNS Lookup（域名解析）：请求某域名下的资源，浏览器需要先通过DNS解析器得到该域名服务器的IP地址。在DNS查找完成之前，浏览器不能从主机名那里下载到任何东西。 1、DNS Lookup（域名解析）的优化方法？ 1、利用DNS缓存（设置TTL时
阅读全文
摘要：前端工程化的理解 一、总结 一句话总结： 前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化，其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间。 而前端工程本质上是软件工程的一种，因此我们应该从软件工程的角度来研究前端工程
阅读全文
摘要：基于录制的前端测试工具UI Recorder 一、总结 一句话总结： 前端测试，记录用户行为，也就是用户行为的录制和回放 二、基于录制的前端测试工具UI Recorder 转自或参考：基于录制的前端测试工具UI Recorder - 简书https://www.jianshu.com/p/14122
阅读全文
摘要：前端一般的面试方向 一、总结 一句话总结： 状态码、请求头、请求头、cookie和session、instance实现 1、状态码？ 状态码要好好录录课：302，304，403，502等等，尤其是各个状态码比较 2、请求头缓存策略字段？ Cache-Control:no-cache; Pragma:
阅读全文
摘要：webpack打包多页面的方式 一、总结 一句话总结： webpack可以进行多页面打包编译 二、webpack打包多页面的方式 转自或参考：webpack打包多页面的方式 - 简书https://www.jianshu.com/p/5c50a45ee7fc 一开始接触webpack是因为使用Vue
阅读全文
摘要：webpack多页面打包配置 一、总结 一句话总结： 有几个页面其实就可以new几个HtmlWebpackPlugin对象放到内存中去 webpack.common.js const plugins = [ // HtmlWebpackPlugin会在打包结束后，自动生成一个html文件，并把打包生
阅读全文
摘要：webpack 多页面 打包 一、总结 一句话总结： webpack可以进行多页面打包编译 二、webpack 多页面 打包 转自或参考：webpack 多页面 打包_JavaScript_jiu_meng的博客-CSDN博客https://blog.csdn.net/jiu_meng/articl
阅读全文
摘要：前端性能优化 4、apache服务器开启gzip压缩 一、总结 一句话总结： 在apache的配置文件httpd.conf中开启mod_deflate和mod_headers模块，并且在这个配置文件的最后加上deflate_module模块相关代码 LoadModule deflate_module
阅读全文
摘要：你可能不需要单页面应用 一、总结 一句话总结： 单页面应用和传统服务端渲染互有优缺：根据实际需求选择合适的方案：也可以根据需求采用混合式的解决方案 二、你可能不需要单页面应用 转自或参考：你可能不需要单页面应用 - 众成翻译https://www.zcfy.cc/article/you-probab
阅读全文
摘要：单页面和多页面应用场景总结 一、总结 一句话总结： 多页面应用做官网、电商类这种对SEO和首屏加载速度要求比较高的项目，单页面可以做后台管理系统页面 1、什么是单页面应用？ a、【外壳页面】：在项目应用中，以单个html页面作为外壳页面，并在外壳页面一次性加载项目所依赖的资源（CSS、JS）。 b、
阅读全文
摘要：URL中 # (hash)的含义 一、总结 一句话总结： hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分） 1、“#”代表网页中的一个位置。其右面的字符，就是该位置的标识符？ 例如我们常使用的锚点：http://www.example.com/index.h
阅读全文
摘要：chrome的adblock插件报DevTools failed to parse SourceMap 一、总结 一句话总结： 最简单粗暴的方法就是关了Enable CSS source maps和Enable JavaScript source maps，方法就是打开控制台的情况下按f1 二、ch
阅读全文
摘要：声明式编程与命令式编程总结 一、总结 一句话总结： 命令式编程：命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)，它都会按照你的命令实现。 声明式编程：告诉“机器”你想要的是什么(what)，让机器想出如何去做(how)。 1、声明式编程与命令式编程实例？ 命令式编程：比如用j
阅读全文
摘要：前端性能优化 3、静态资源使用cdn加速 一、总结 一句话总结： CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网
阅读全文
