刷新
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 ...

探索 TypeScript 编程的利器:ts-morph 入门与实践

博主头像 我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:贝儿 背景 在开发 web IDE 中生成代码大纲的功能时, 发现自己对 TypeScript 的了解知之甚少,以至于针对该功能的实现没有明确的思路。究其原因 ...

Ionicons图标库: 让网页栩栩生辉,Ionic Framework的经典之作,图标库新标杆!

Ionicons图标库是一个专为移动应用和网页设计的开源图标集合,包含超过1000个精致图标,支持SVG格式,易于集成和自定义。使用Ionicons可以增强UI视觉效果,提高用户体验。开发者可在官网免费下载,通过CSS类名直接引用图标,或使用npm/yarn安装。适用于Ionic框架项目,也兼容其他... ...

2025年前端面试准备html篇

博主头像 时光飞逝,一晃已经工作了10年了,2014年一个人背着书包拉着箱子,下火车去做637路公交车的场景历历在目,637路公交车从起点坐到终点,开启了工作的第一站,这趟已经在路上行驶了10年的列车,经历多了多次上车与下车,这10年互联网高速的发展,有幸赶上这个时代,个人也得到了很大的成长。感谢,感恩,这1 ...

如何手写实现 JSON Parser

博主头像 JSON.parse 是我们在前端开发中经常会用到API,如果我们要自己实现一个JSON.parse,我们应该怎么实现呢?今天我们就试着手写一个JSON Parser,了解下其内部实现原理。 JSON语法 JSON 是一种语法,用来序列化对象、数组、数值、字符串、布尔值和 null 。语法规则如下: ...

记录--nginx(前端必会-项目部署-精简通用篇)

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言 最近在公司部署项目时遇上了一点关于nginx的问题,于是就想着写一篇关于nginx的文章... 主要给小白朋友分享,nginx是什么,nginx有什么用,最后到nginx的实际应用,项目部署。 nginx 公司项目刚刚上线,用户量少访问量 ...

123···7>