logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

简单聊聊前端开发中的热更新原理

背景前端项目开发过程中热更新的机制大家都知道,不知道你在开发的时候是否做了这方面的配置。相信接触最多的就是 webpack 的热更新,文件保存后页面自动刷新,或者 css 自动更新,页面的样式在不刷新页面的情况下就会更新。还有就是模块热替换。热更新机制很好玩,能提升不少开发效率,但是只是处于会用的阶段不是我们的目的,我们应该适当的深入学习下,看看他背后的原理,一个是否思考过,一个是否能自己实现。热

HTTP/2 服务器推送(Server Push)教程

HTTP/2 协议的主要目的是提高网页性能。头信息(header)原来是直接传输文本,现在是压缩后传输。原来是同一个 TCP 连接里面,上一个回应(response)发送完了,服务器才能发送下一个,现在可以多个回应一起发送。服务器推送(server push)是 HTTP/2 协议里面,唯一一个需要开发者自己配置的功能。其他功能都是服务器和浏览器自动实现,不需要开发者关心。本文详细介绍服务器推送的

#http#服务器#html
vue转react useEffect的详细

useEffect用于处理组件中的effect,通常用于请求数据,事件处理,订阅等相关操作。useEffect的第二个参数:1.当useEffect没有第二个参数时通过这个例子可以看到useEffect没有第二个参数时不停的在调用2.当useEffect第二个参数为空数组时通过这个例子可以看出来useEffect在调用一次后就不再调用3.当useEffect第二个参数为变量时通过这个例子可以看出来

#前端
typescript中高级类型的Record

这里是用了reduce的特性,遍历了一下数据,然后将所有的方法体放在一个对象中,最终结果用 httpMethods接受,再将httpMethods对外暴露出去,那么外面就可直接调用了。会将K中的所有属性值都转换为T类型,并将返回的新类型返回给proxyKType,K可以是联合类型、对象、枚举…下面看一个略复杂的例子,用axios将http的几个请求封装一下,使用Record定义每个请求方法的形状。

#typescript#javascript#前端
关于nginx中proxy_set_header的设置

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/felix_yujing/article/details/51682655昨天一个开发找我帮忙配置一个nginx的转发,本来很容易的配置,但是坑了我好久才解决。。。需求大致是:nginx上配有aaa.example.com的虚拟主机,现在需要将访问http://aaa.example.com...

requestAnimationFrame

实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAnimationFrame,顾名思义就是请求动画帧。屏幕刷新频率:屏幕每秒出现图像的次数。普通笔记本..

javascript中bind()函数实现和应用以及多次bind的结果的思考

一. 概述在ECMA-262第五版引入了bind()方法,该方法创建一个新函数。二. 语法fn.bind(context[, arg1[, arg2[, ...]]])1第一个参数context将成为返回的新函数的this对象第二个及以后的参数加上返回的新函数的参数,将作为新函数的参数三.bind的简单实现原理if (!Function.prototyp...

leetcode]Excel表列名称[javascript]

给定一个正整数,返回它在 Excel 表中相对应的列名称。例如,1 -> A2 -> B3 -> C...26 -> Z27 -> AA28 -> AB.../*** @param {number} n* @return {string}*/...

position: sticky 详解(防坑指南)

写这篇文章的原因是无论中文还是英文关于 sticky 的文章,只是说了 sticky 这个性感的 css 新特性可以拿来用,简单写一个 demo 完事,并没有详细的解析它。我希望这篇文章能帮助大家在使用 sticky 的时候更顺手。属性效果sticky 的本意是粘糊糊的,但在 css 中的表现更像是吸附。常见的吸顶、吸底(移动端网站的头部返回栏,底部切换栏之类)的效果用这个属性非常适合。例如下图中

Vue2.0 和 Vue3.0 Dom Diff 对比

在日益复杂的前端应用中,状态管理是一个经常被提及的话题,从早期的刀耕火种时代到jQuery,再到现在流行的MVVM时代,状态管理的形式发生了翻天覆地的变化,我们再也不用维护茫茫多的事件回调、监听来更新视图,转而使用双向数据绑定,只需要维护相应的数据状态,就可以自动更新视图,极大提高开发效率。但是,双向数据绑定也并不是唯一的办法,还有一个非常粗暴有效的方式:一旦数据发生变化,重新绘制整个视图,也就是

#前端#vue.js#javascript
    共 35 条
  • 1
  • 2
  • 3
  • 4
  • 请选择