周陆军

未归档

JavaScript基础(1) 前端(7) 周陆军的技术分享(8)

/ 注册

全部文章 / 未归档（共108篇）

再谈BOM和DOM(1):BOM与DOM概述

JavaScript的实现包括以下3个部分： ECMAScript(核心)：描述了JS的语法和基本对象。浏览器对象模型（BOM）：与浏览器交互的方法和接口文档对象模型（DOM）：处理网页内容的方法和接口 DOM-文档对象模型 DOM（文档对象模型）是 HTM...

浏览器对象模型 DOM BOM javascript 文档模型

2021-07-13

0 254

ServiceWorker工作机制与生命周期：资源缓存与协作通信处理

在《web messaging与Woker分类：漫谈postMessage跨线程跨页面通信》介绍过ServiceWorker，这里摘抄跟多的内容，补全 Service Worker 理解为一个介于客户端和服务器之间的一个代理服务器。在 Service Worker 中我们可以做很多事情，比如拦截...

Service Worker

2021-07-03

0 381

web messaging与Woker分类：漫谈postMessage跨线程跨页面通信

web messaging 跨文档通信(cross-document messaging)：跨就是我们国内更为熟知的HTML5 window.postMessage()应用的那种通信；通道通信(channel messaging)：伴随着server-sent事件以及web s...

2021-07-03

0 465

Preload与Prefetch的区别以及webpack项目中如何优化

preload 与prefetch 的区别 preload 是一个声明式 fetch，可以强制浏览器在不阻塞 document 的 onload 事件的情况下请求资源。 preload 顾名思义就是一种预加载的方式，它通过声明向浏览器声明一个需要提交加载的资源，当资源真正被使用的时候立即执...

Prefetch Preload 预加载

2021-06-26

0 452

图表列表性能优化：可视化区域内最小资源消耗

之前写过《懒加载优化：JavaScript IntersectionObserver API监听元素是否可见》，基于上一篇文章，做个滚动懒加载完全不是问题。但是，如果页面定时自动刷新，不可见区域内的刷新完全是浪费前后端的资源。本篇在上篇的基础，通过自己的一个改版案例，来看Intersecti...

getBoundingClientReact ResizeObserver IntersectionObserver 滚动加载按需加载

2021-06-26

0 619

vue2.x老项目typescript改造过程经验总结

前言：关于Vue2.x 的TS改造，其实没有啥好说的。对于vue-cli项目来说，从新跑一遍 vue create xxx-project ，选择Manually select features ，重新选择上typescript 选项即可。或者直接vue add typescript也可。 ...

TS改造 vue2 TS

2021-06-25

0 405

从跳频技术聊CDMA/WIFI之母海蒂·拉玛传奇的一生

导语：本篇的内容都是文末的参考文章摘要而来的，本人根据自己的癖好，以及对海蒂·拉玛人生的感慨整理成本文。 “WiFi”之母的海蒂·拉玛在中国的知名度，比起克劳德·香农应该也不遑多让。罗永浩还曾在坚果手机发布会上，在“漂亮的不像实力派”环节里提到了她。但很多人，尤其是非通信专业的人，可...

跳频技术拉玛海蒂 wifi之母 CDMA之母

2021-02-24

0 1180

echarts图表X轴文字过长解决解决方案：根据文字长度自动旋转

Echarts 标签中文本内容太长的时候怎么办 ? 关于这个问题搜索一下，有很多解决方案。无非就是省略（间隔显示）、旋转文字方向、竖排展示前面两种解决方案，就是echarts暴露的： { axisLabel: { interval: 0,//如果设置为 1，表示『隔一个标签显示...

可视化 x轴文字过长 echarts

2021-01-28

0 555

DarkMode(5)：深色模式不同实现方案切换

sass自定义函数转 sass预处理在《DarkMode(2)：深色模式解决方案——css颜色变量实现Dark Mode》与《DarkMode(3)：深色模式解决方案——颜色反转与函数》，如果使用 @mixin themeify { @each $theme-name, $theme-m...

2020-12-11

0 316

DarkMode(4)：css滤镜颜色反转实现深色模式

在《DarkMode(1)：产品应用深色模式分析》提过，单纯反转是不行的。但是，把不需要反转的，在反转过来。或者用js，给想要反转的，加上反转样式，再对其他的做微调。这样个人觉得，开发成本是最低的 @media (prefers-color-scheme: dark) { // one .ap...

前端

2020-12-11

0 440