![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 71
batype
付出多少,回报就有多少,永远它们是成正比的。
展开
-
webpack 热更新的实现原理
webpack 的热更新⼜称热替换(Hot Module Replacement),缩写为HMR。这个机制可以做到不⽤刷新浏览器⽽将新变更的模块替换掉旧的模块。最后⼀步,当 HMR 失败后,回退到 live reload 操作,也就是进⾏浏览器刷新来获取最新打包代码。原创 2023-08-10 14:50:47 · 749 阅读 · 0 评论 -
如何⽤webpack 来优化前端性能
⽤webpack 优化前端性能是指优化 webpack 的输出结果,让打包的最终结果在浏览器运⾏快速⾼效。原创 2023-08-09 22:32:45 · 680 阅读 · 0 评论 -
如何对项目中的图片进行优化
如何对项目中的图片进行优化?原创 2023-08-09 21:54:01 · 175 阅读 · 0 评论 -
节流和防抖
节流可以使用在 scroll 函数的事件监听上,通过事件。函数防抖是指在事件被触发 n 秒后再执行回调,如果在这 n 秒内事件。又被触发,则重新计时。这可以使用在一些点击请求的事件上,避免因。函数节流是指规定一个单位时间,在这个单位时间内,只能有一次触发。事件的回调函数执行,如果在同一个单位时间内某事件被触发多次,只。为用户的多次点击向后端发送多次请求。节流来降低事件调用的频率。原创 2023-08-09 21:35:59 · 124 阅读 · 0 评论 -
浅谈回流与重绘
浏览器针对页面的回流与重绘,进行了自身的优化——渲染队列浏览器会将所有的回流、重绘的操作放在一个队列中,当队列中的操作到了一定的数量或者到了一定的时间间隔,浏览器就会对队列进行批处理。上面,将多个读操作(或者写操作)放在一起,就会等所有的读操作进入队列之后执行,这样,原本应该是触发多次回流,变成了只触发一次回流。当页面中某些元素的样式发生变化,但是不会影响其在文档流中的位置时,浏览器就会对元素进行重新绘制,这个过程就是重绘。注意: 当触发回流时,一定会触发重绘,但是重绘不一定会引发回流。原创 2023-08-09 18:22:24 · 106 阅读 · 0 评论 -
对 async/await 的理解
所以,async 函数返回的是一个 Promise 对象。单一的 Promise 链并不能发现 async/await 的优势,但是,如果需要处理由多个 Promise 组成的 then 链的时候,优势就能体现出来了(很有意思,Promise 通过 then 链来解决多层回调的问题,现在又用 async/await 来进一步优化它)。联想一下 Promise 的特点——无等待,所以在没有await 的情况下执行 async 函数,它会立即执行,返回一个Promise 对象,并且,绝不会阻塞后面的语句。原创 2023-08-08 21:22:06 · 343 阅读 · 0 评论 -
session-cookies 三个缓存 localStorage、sessionStorage、Cookies。
session-cookies 这个插件是用来汇总浏览器的三个缓存 localStorage、sessionStorage、Cookies。该插件注重使用方便快捷下面是一些API汇总说明。原创 2023-08-03 21:46:20 · 1226 阅读 · 0 评论 -
Spring Boot Actuator未授权访问漏洞和Apache Druid 漏洞修复
Spring Boot Actuator未授权访问漏洞详细描述 Actuator 是 springboot 提供的用来对应用系统进行自省和监控的功能模块,借助于 Actuator 开发者可以很方便地对应用系统某些监控指标进行查看、统计等。在 Actuator 启用的情况下,如果没有做好相关权限控制,非法用户可通过访问默认的执行器端点(endpoints)来获取应用系统中的监控信息。解决办法1.配置认证在项目的pom.xml文件下引入spring-boot-starter-security依赖原创 2021-06-24 11:35:00 · 10446 阅读 · 0 评论 -
React获取服务器端时间以及自动更新
React 获取服务器端时间 思路:React获取服务器端时间,本质上就是给服务器端发送一个请求,然后从返回数据里面的headers里面获取到服务器date,然后更新服务器时间去格式化,获取服务器时间结束。按秒进行数据刷新,其实也很简单,就是使用定时器,进行动态递增即可,直接上代码。获取服务器时间的方法:changeTime = async () => { let leftTime = await axios.get('/').then(response => {原创 2020-10-21 15:48:05 · 1259 阅读 · 0 评论 -
React 程序打包为App流程
文章目录React 程序打包为App流程前言流程:实现过程:一、编写Web 端应该程序,配置package.json文件二、打包React Web应用程序三、使用HBulider 创建App项目,并导入React打包程序四、编辑manifest.json配置文件五、使用云端打包程序并且使用自定义证书六、Google开发者证书生成七、上传云端,下载apk八、执行测试后序React 程序打包为App流程前言 这篇随笔主要是解决本人对web程序打包为安卓APP好奇,通过本人的尝试完成APP打包发布,主要原创 2020-09-05 11:49:22 · 5898 阅读 · 1 评论 -
React component development
组件的使用、开发、发布和规范Component,中文称为组件,或者构件。使用非常比较广泛,它的核心意义在于复用,相对模块,对于依赖性有更高的要求。Module, 中文为模块或模组。它的核心意义是分离职责,属于代码级模块化的产出。它本身是提供服务的功能逻辑,是一组具有一定内聚性代码的组合,职责明确。组件(Component)和模块(Module)又是一对容易混淆的名词,也常常被用来相互替换。个人总结,**从设计上来看,组件强调复用,模块强调职责(内聚、分离),**或者说组件是达到可复用要求的模块。原创 2020-05-25 21:12:38 · 468 阅读 · 0 评论 -
js 获取当前月第一天和最后一天
// 当前月第一天 getCurrentMonthFirst() { console.log('当前月第一天') var date = new Date() date.setDate(1) var month = parseInt(date.getMonth() + 1) var day = date.getDate() ...原创 2019-08-20 13:25:31 · 737 阅读 · 0 评论 -
react+webpack部署开发环境
在最初学习react时就有种很麻烦的感觉,后来知道了他可以配合webpack来开发项目,达到快捷方便的作用之后,便入手的这个很麻烦的坑,一朝入坑,十年爬坑的道理!先说说刚开始我们需要准备什么吧,npm下载js可以到全球各个节点去下载你想要的js,强力推荐,现在的node.js,已经集成了npm,所以只需要安装node.js就可以了。完成之后,需要通过cmd进行项目路径下:如:在这个目录下,我...原创 2019-07-18 12:00:33 · 263 阅读 · 0 评论 -
Echart参数大全
// 全图默认背景// backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: [’#ff7f50’,’#87cefa’,’#da70d6’,’#32cd32’,’#6495ed’,‘#ff69b4’,’#ba55d3’,’#cd5c5c’,’#ffa500’,’#40e0d0’,‘#1e90ff’,’#ff6347’,’#7b68ee’,’#00f...原创 2019-07-15 17:30:41 · 597 阅读 · 0 评论 -
Django框架 样式丢失问题解决方法
之所以说这个问题的原因是因为我部署服务器用的是nigex+faceCGI在window 2008 R2服务器上进行部署的服务器,在服务器部署完成之后就出现了很多无法预测到的问题,这也是我在学习过程中遇到的一个让人可以头皮发麻的问题,现在就总结一下自己的一点点经验。下面是我个人的解决方案仅供参考:首先在settings.py文件配置一个静态文件资源地址STATIC_ROOT = 'C:/P...原创 2018-12-19 09:56:27 · 1666 阅读 · 1 评论 -
Django框架的基本操作
day01:5.框架1.什么是框架? 框架是一个为了解决某些开放性问题二存在的一种结构。2.框架的优点 1.快速开发 2.解决大部分通过问题 3.bug少,稳定性高3.框架的分类1.前端框架 处理(html,css,js)2.后端框架 ssh, ...原创 2018-08-03 13:03:16 · 302 阅读 · 0 评论 -
Django 获取表单数据
能搜索次问题就说明您对Django的基本配置views的基本写法有所了解我就其他方面的做过都的描述了。表单的基本数据类型 text、password、radio、checkbox、email等;如何获取这些类型的数据 首先在form中需要把method设置为post。然后views文件中,需要用re...原创 2018-07-30 23:45:53 · 6097 阅读 · 0 评论