前端开发 Html/Css
刷新
useSyncExternalStore 的应用

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：修能 学而不思则罔，思而不学则殆 。 《论语·为政》 What useSyncExternalStore is a React Hook that lets ...

redux vs redux-toolkit 及源码实现

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 前言 为何讲这个内容？以为后续大家会使用 redux-toolkit，资产上周做了 redux-toolkit 的升级顺便了解了相关内容，产出了这篇文章 ...

css中统一修改有相似id的元素样式

起因（全是废话，着急解决问题可以直接看结果）：我在试用某个系统，我的权限到期了，我本可以找合作商申请新的密钥，但是对方太慢，影响我开发进度了。查看页面遮罩，对方在系统页面定时添加固定id开头+index的遮罩，例如"id=wbxrnk156" (翻译：我不想让你看156)。作为一个程序员，我认为：有 ...

复制浏览器网页文字 粘贴时却乱码的解决

博主头像 本文介绍在复制网页内容后粘贴时，粘贴内容出现一个方框图案而不是当初复制内容的解决办法。 最近，需要将谷歌地球引擎（Google Earth Engine，GEE）网页中的一段代码复制到另一个网页中，却发现复制、粘贴后得到的是一个白色的矩形空白格。 我们举个例子，来展示一下具体的情况——例如，假如我们 ...

css快速入门系列 —— 移动开发闲谈

博主头像 移动开发闲谈(Flex和css 库) 背景 目前在做移动小程序开发，效果必须和设计稿一模一样，一个像素都不能有差异。 虽然公司也提供了图生文的工具，但是有时生成的代码可读性不太好，二次修改也比较费劲，这种情况还不如自己重写。 如果长期没有写样式，知识遗忘是正常的。 单个 css 语法问题查文档或者问 ...

Monaco Editor 实现在线版 Copilot

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：文长 引言 现代软件开发中，代码编辑器的功能不断演进，以满足开发者对高效和智能化工具的需求。Monaco Editor 作为一种轻量级但功能强大的代码编辑器， ...

HTML - 1、基础

博主头像 <!DOCTYPE html> <!-- 指定网页内容的语言 --> <html lang="en"> <head> <!-- 字符编码 --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini ...

React中的数据流管理

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 前言 为什么数据流管理重要？ React 的核心思想为：UI=render(data) ，data 就是所谓的数据，render 是 React ...

基于 Performace 分析事件循环

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：千寻 什么是事件循环? 我们为什么需要事件循环？对于 JavaScript 是一门单线程语言我们是肯定的，JavaScript 单线程的特性保证了渲染和 Ja ...

CSS设计模式

博主头像 OOCSS OO(“Object Oriented”)：面向对象。 OOCSS：Object Oriented css（面向对象css）的缩写，是一种用最简单的方式编写的CSS代码，从而使代码 重用性，可维护性和可扩展性更好的书写方法。 OOCSS 解决的问题 很多开发者在编写 CSS 时，经常会遇 ...

写一个支持折叠、有缩进、代码高亮、离线的，方便部署的、易用的、优雅的json格式化查看工具（附html完整代码）

博主头像 缘由 网上的在线json格式化有很多，但我是个有追求的人。在线的很难同时支持折叠、有缩进线、代码高亮、离线的，方便部署的、易用的、不请求后端（为了安全）的json格式化工具。 去Github上找项目，华而不实的东西占半个屏幕，格式化json要点好几下，一个json格式化工具npm安装之后几百个文件。 ...

CSS层叠计算

博主头像 层叠 声明冲突：同一个样式，多次应用到同一个元素 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 1. 比较重要性 重要性从高到底： 作者样式表：开发者书写的样式 1） 作者样式表中的!important样式 作者样式表中的普通样式 浏览器默认样式表中的样式 2. 比较特殊性 看选择器 总体规 ...