2023年2月

05#Web 实战:可拖拽的侧边栏

效果演示图 可拖拽的左、右侧边栏的使用情况还是挺多的,博客园后台管理的左侧边栏就可以拖拽哟!效果演示如下图: HTML 代码 <div class="container">...

一款纯 JS 实现的轻量化图片编辑器

介绍 因为一些特点的工作场景, 写文章的需要每次处理一些图片, 在上面加说明文字, 或者加一些图形 刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后...

懒加载

一、懒加载的概念 概念:懒加载也叫做 延迟加载、按需加载 ,指的是在长网页中延迟加载图片数据,是一种较好的网页性能优化的方式。在比较长的网页或应用中,如果图片很多,所有的图片都被加载出来,...

减少回流与重绘

一、前情回顾 在讨论回流与重绘之前,我们要知道: 浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,...

NodeJS 服务 Docker 镜像极致优化指北

这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务,为了方便各品类接入的生成与部署,也顺应上云的趋势,考虑使用 Docker 的方式来固定服务内容,统一进行制品版本的管理。本篇文章就将我...

如何使用KrpanoToolJS在浏览器切图

如何使用KrpanoToolJS在浏览器切图 框架DEMO 框架源码地址 【独辟蹊径】逆推Krpano切图算法,实现在浏览器切多层级瓦片图 一、功能介绍 在浏览器中将全景图...

前端枚举enum的应用(Element)封装

什么是枚举Enum 枚举 Enum 是在众多语言中都有的一种数据类型,JavaScript中还没有(TypeScript有)。用来表示一些特定类别的常量数据,如性别、学历、方向、账户状态...

VS Code For Web 深入浅出 -- 导读篇

下一代 IDE 的形态究竟是什么呢?VS Code For Web 试图回答这个问题。 背景 众所周知,VS Code 是当前工业界最优秀的代码编辑器之一。它由《设计模式》的作者 Erich...

JavaScript基础复盘补缺

语法规范 JavaScript 严格区分大小写 ,对空格、换行、缩进不敏感,建议语句结束加‘;’JavaScript 会忽略多个空格。您可以向脚本添加空格,以增强可读性。JavaScript ...

节流VS防抖

[说明] 在前端页面中,有些事件可能会由于用户不必要的操作而频繁触发,这在无形之中就增加了服务器的IO并发量. 为了解决这个问题,我们通常会通过防抖或节流的方式来限制事件函数的执行次数,只不...

微信小程序全局websocket

在微信小程序中,我们自己写的聊天室,用到websocket时在单页面创建ws ,重复与服务器创建连接占用资源的同时也影响效率,所以就是使用了全局websocket ,创建连接一次不出意外可以一直...

使用react+redux实现弹出框案例

redux 实现弹出框案例 实现效果,点击显示按钮出现弹出框,点击关闭按钮隐藏弹出框 新建弹出框组件 src/components/Modal.js, 在index.js中引入app组件...

事件委托

什么是事件委托: 通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的。 原理: 利用冒泡的...