| | | |

2023年10月25日

摘要：缓存可以说是性能优化中简单⾼效的⼀种优化⽅式了，它可以显著减少⽹络传输所带来的损耗。对于⼀个数据请求来说，可以分为发起⽹络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第⼀和第三步骤中优化性能。⽐如说直接使⽤缓存⽽不发起请求，或者发起了请求但后端存储的数据和前端⼀致，那么就没有必要阅读全文

posted @ 2023-10-25 16:13 Super_gaga 阅读(29) 评论(0) 推荐(0) 编辑

CSS3 -- 优化滚动（scroll-behavior ｜ scroll-snap）

摘要：实现横向滑动：当子元素溢出父级盒子时，做以下操作。第一种方式： 1.父级定义可横向滑动。 overflow-x: auto; 2.子元素设置为行内块。 display: inline-block; 3.父元素不允许子元素换行。 white-space: nowrap; 也可以隐藏滚动条 ::-we 阅读全文

posted @ 2023-10-25 00:37 Super_gaga 阅读(462) 评论(0) 推荐(0) 编辑

2022年12月14日

web前端--Code Review

摘要： 2022年马上结束了，年底了，做一些总结吧。主要关于每次前端的Code Review注意事项， review的目的：有和没有之间的态度差别一段代码完成之后，有人看和没有人看，在质量上还是会有差别的。当你知道你的代码会被人一行一行review时，你的代码一定为努力写的最好，而不是为了完成功能而阅读全文

posted @ 2022-12-14 19:34 Super_gaga 阅读(125) 评论(0) 推荐(0) 编辑

React -- 子组件和父组件之间数据及方法的传递

摘要：建立Context.js import React from 'react'; const DocsContext = React.createContext(); export default DocsContext; 父组件： import DocsContext from './docsCon 阅读全文

posted @ 2022-12-14 19:27 Super_gaga 阅读(230) 评论(0) 推荐(0) 编辑

2022年7月11日

pdf.js--解决pdf预览问题及多页显示

摘要：项目中遇到，如果用iframe加载pdf文件时，会自带pdf预览的一些样式，如果需要去掉这些样式，就需要使用pdf.js来解决。这里需要去遍历pdf的页数，然后再渲染处理。 <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset 阅读全文

posted @ 2022-07-11 21:39 Super_gaga 阅读(1296) 评论(0) 推荐(0) 编辑

iframe

摘要：项目中经常用到iframe来嵌套一个pdf或html，并且iframe可以解决跨域问题。 iframe嵌套html，没有任何问题。但是iframe嵌套pdf，会展示默认的pdf样式，如果想要去掉，需要特殊处理，会在下一篇里专门介绍。 iframe嵌套html例子，如下： <iframe src=" 阅读全文

posted @ 2022-07-11 21:22 Super_gaga 阅读(124) 评论(0) 推荐(0) 编辑

2022年6月5日

终端命令行，打开vscode

摘要： 1、打开vscode，MAC用户按住command+shift+p，windows用户按住control+shift+p,此时会弹出一个命令窗口 2、搜索install code command in PATH 3、点击执行，会在右下角提示已经在path中安装了shell命令“code" 4、此时在阅读全文

posted @ 2022-06-05 17:26 Super_gaga 阅读(2421) 评论(0) 推荐(0) 编辑

2022年4月10日

Vue--单元测试

摘要： 1.什么是单元测试单元测试是对软件中的最小可测试单元进行测试。（最小可测试单元是要有结果产出的。例如某个方法，单独的某个操作）单元测试其实是伴随着敏捷开发，它是对更快开发的一种追求。早发现错误比晚发现错误会更好，保证自己的代码符合要求。单元测试优点：分模块开发，更容易定位到哪个单元出了问题；阅读全文

posted @ 2022-04-10 11:53 Super_gaga 阅读(349) 评论(0) 推荐(0) 编辑

2022年2月25日

前端面试题--CSS篇

摘要： 1. 面试中，被问到关于flex布局中，flex-shirink的计算问题。父元素宽度300px，display为flex, 子元素1宽度100px，flex-shirink为1，子元素2宽度300px，flex-shirink为2。子元素1，子元素2的实际宽度是多少？如何计算？ <div cl 阅读全文

posted @ 2022-02-25 18:53 Super_gaga 阅读(347) 评论(0) 推荐(0) 编辑

2022年1月29日

CSS--BFC

摘要： BFC ：(Block Formatting Context)，名为 “块级格式化上下文”。 BFC是一个独立的布局环境，BFC内部的元素布局与外部互不影响。它是页面中的一块渲染区域，并且有一套属于自己的渲染规则，它决定了元素如何对齐内容进行布局，以及与其他元素的关系和相互作用。当涉及到可视化布阅读全文

posted @ 2022-01-29 17:39 Super_gaga 阅读(25) 评论(0) 推荐(0) 编辑