前端
文章平均质量分 54
小满zs
我是真菜
展开
-
重学Ajax
Ajax(Asynchronous JavaScript And XML)即异步 JavaScript 和 XML,是一组用于在网页上进行异步数据交换的Web开发技术,可以在不刷新整个页面的情况下向服务器发起请求并获取数据,然后将数据插入到网页中的某个位置。这种技术能够实现增量式更新页面,提高用户交互体验,减少响应时间和带宽的消耗。使用 Ajax 技术,可以通过 JavaScript 和 XMLHttpRequest 对象来向服务器获取数据。原创 2023-05-28 15:57:13 · 2435 阅读 · 1 评论 -
前端重新部署如何通知用户刷新网页?
有时候上完线,用户还停留在老的页面,用户不知道网页重新部署了,跳转页面的时候有时候js连接hash变了导致报错跳不过去,并且用户体验不到新功能。原创 2023-01-09 23:52:31 · 8261 阅读 · 16 评论 -
2021前端年终总结|纵使前方不易,独善其身,继续前行。。。
1.首先非常感谢支持我的,群友,和哔哩哔哩的各位观众朋友们。列举几个活跃成员(安保菜菜)(獭獭)(垃圾张)(天界程序员)(我不能对和纱说谎 )(我的天)(月花)(绅士!)新秀崛起(小鱼)(Paul )(只会百度的cv菜鸡 )还有我们的老朋友(鬼父)和认识的一些新朋友(张末)(relax)还有好多好多这边就不写了,也是非常各位的付出。2.工作1.今年主要在乐成集团度过大半年也学到了不少东西(这里感谢康老师,李晨和各位同事)2.由于薪资问题10月份左右换到了北京亦庄的京东总部做pa...原创 2021-12-09 11:50:49 · 3469 阅读 · 19 评论 -
前端性能优化篇
HTTP1.1 升级到 HTTP21. 改进持久连接HTTP/1.0每进行一次HTTP通信,都需要经历建立TCP连接、传输HTTP数据和断开TCP连接三个阶段(如下图)。http1http2从上图可以看出,HTTP的持久连接可以有效减少TCP建立连接和断开连接的次数,这样的好处是减少了服务器额外的负担,并提升整体HTTP的请求时间。2. 头部压缩维护一份相同的静态字典,包含常见的头部名称,以及常见的头部名称和值的组合 维护一份相同的动态字典,可...原创 2021-11-15 21:51:33 · 3640 阅读 · 0 评论 -
讲解nginx-webpack-vue router history
视频可以去哔哩哔哩去看UID99210573historyconst routers = [ { path: "/user", component: "<div>user user user</div>" }, { path: "/detail", component: "<div>detail detail detail</div>" },..原创 2021-11-14 20:57:18 · 3211 阅读 · 0 评论 -
Vue $set 源码解析
首先我们看文档有这个例子function set (target: Array<any> | Object, key: any, val: any): any { if (process.env.NODE_ENV !== 'production' && (isUndef(target) || isPrimitive(target)) ) { warn(`Cannot set reactive property on undefined, n.原创 2021-09-28 20:35:32 · 996 阅读 · 2 评论 -
Vue pc h5 响应式布局 和 国际化
媒体查询实现的需要代码可以留言国际化in18原创 2021-09-20 12:03:30 · 1383 阅读 · 40 评论 -
重构vue3-createApp
通过@vue-runtime-code构建createApp它里面会暴露一个函数createRenderercreateRenderer({ pathcProp, insert, remove, createElement, // ...}) 里面是options 一些配置选项 返回createApp 函数createApp接受一个跟组价import { createRenderer } from '@vue/runtime-core'const re...原创 2021-09-07 13:11:30 · 738 阅读 · 0 评论 -
js发布订阅模式
一、 什么是发布-订阅模式1. 定义发布-订阅模式其实是一种对象间一对多的依赖关系,当一个对象的状态发送改变时,所有依赖于它的对象都将得到状态改变的通知。订阅者(Subscriber)把自己想订阅的事件注册(Subscribe)到调度中心(Event Channel),当发布者(Publisher)发布该事件(Publish Event)到调度中心,也就是该事件触发时,由调度中心统一调度(Fire Event)订阅者注册到调度中心的处理代码。2. 例子比如我们很喜欢看某个公众号号的文章,原创 2021-08-31 15:10:44 · 1333 阅读 · 0 评论 -
做了一个 仿qq的APP
由本人 一人独自开发聊天仿qq工具用的工具Visual Studio Code前端 脚手架cli (vue vuex vue-router)ui (MuseUI) 实现各个屏幕兼容(less rem算法 和 flex 布局) 上下滚动 (better-scroll) 懒加载 ( VueLazyload) 调取接口 (axios) 轮播 (VueAwesomeSwiper) 图表 (e...原创 2019-01-17 11:29:24 · 13041 阅读 · 57 评论