前端开发 Html/Css
刷新
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. 比较特殊性 看选择器 总体规 ...

React中的 ref 及原理浅析

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 前言 对于 ref 的理解，我们一部人还停留在用 ref 获取真实 dom 元素和获取组件层面上，但实际 ref 除了这两项功能之外，在使用上还有很多小技巧。本章我们就 ...

chrome浏览器如何恢复最近关闭的页面

博主头像 前言 大家好，我是小徐啊。谷歌chrome浏览器是我们在开发Java应用的时候，常用的浏览器。这个浏览器功能十分强大，非常适合我们进行开发调试代码。有时候，我们打开了一个页面，但由于手误关闭了，或者关闭了，想再恢复，有没有好的办法呢？其实是有的。今天，小徐就来介绍下如何快速恢复刚才关闭的页面。 文末 ...

记录---跨域问题？同源策略大全

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言：跨域与同源策略 跨域：通常出现在Web开发中，特别是在涉及到Ajax请求或Fetch API调用时，当一个网页尝试从不同的源加载资源时，就会遇到跨域问题。这里所说的“不同的源”，是指请求资源的源（由协议、域名和端口号组成）与提供资源的源不 ...

标准盒子与怪异盒子

博主头像 从0到0.1学习实践盒子模型 盒子模型概念 预备知识 margin：外边距 border：边框 padding：内边距 height：文本高度 width：文本宽度 content-box .father{ box-sizing: content-box; } content-box >只计算内容区 ...

CSS 实现字体颜色渐变

博主头像 CSS 实现字体颜色渐变 在 CSS 中，可以通过 background-clip 和 text-fill-color 等属性来实现字体颜色渐变。以下是实现字体颜色渐变的基本步骤和示例代码： 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

<1···345>