前端 碎片javascript化学
NUS CS1101S：SICP JavaScript 描述：一、使用函数构建抽象
原文：1 Building Abstractions with Functions 译者：飞龙 协议：CC BY-NC-SA 4.0 心灵的行为，其中它对简单的想法施加其力量，主要有以下三种：1.将几个简单的想法组合成一个复合的想法，从而形成所有复杂的想法。2.第二个是将两个想法，无论是简单的还是复 ......
跟着阿灵学前端(1)——HTML 基础
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。 ......
跟着阿灵学前端(2)——CSS 基础
CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css ......
NUS CS1101S：SICP JavaScript 描述：前言、序言和致谢
前言 原文：Foreword 译者：飞龙 协议：CC BY-NC-SA 4.0 我有幸在我还是学生的时候见到了了不起的 Alan Perlis，并和他交谈了几次。他和我共同深爱和尊重两种非常不同的编程语言：Lisp 和 APL。跟随他的脚步是一项艰巨的任务，尽管他开辟了一条优秀的道路。尽管如此，我想 ......
NUS CS1101S：SICP JavaScript 描述：五、使用寄存器机进行计算
原文：5 Computing with Register Machines 译者：飞龙 协议：CC BY-NC-SA 4.0 我的目标是表明天堂机器不是一种神圣的生命体，而是一种钟表（相信钟表有灵魂属性的人将制造者的荣耀归功于作品），因为几乎所有多种运动都是由一种最简单和物质力量引起的，就像钟表的所 ......
NUS CS1101S：SICP JavaScript 描述：四、元语言抽象
原文：4 Metalinguistic Abstraction 译者：飞龙 协议：CC BY-NC-SA 4.0 ...魔法就在于文字——Abracadabra，开门，以及其他——但一个故事中的魔法词在另一个故事中并不神奇。真正的魔法是理解哪些词起作用，何时起作用，以及为什么起作用；诀窍就是学会这个 ......
NUS CS1101S：SICP JavaScript 描述：三、模块化、对象和状态
原文：3 Modularity, Objects, and State 译者：飞龙 协议：CC BY-NC-SA 4.0 变化中安宁 （即使它在变化，它仍然保持不变。） ——赫拉克利特 变化越大，越是相同。 ——阿方斯·卡尔 前面的章节介绍了构成程序的基本元素。我们看到了原始函数和原始数据是如何组合 ......
实时数据流无忧：用 SpringBoot 和 SSE 打造动态前端更新的终极指南
用 SpringBoot 和 SSE 打造动态前端更新的终极指南 你知道什么是开发者的梦魇吗？慢！慢！慢！在一个需要实时数据更新的应用中，如果数据像乌龟一样慢吞吞地爬行，那用户体验就会像坐过山车一样直线下降。所以今天，我们要化身为数据传输的超级英雄，用 SpringBoot 和 SSE（服务器发送事 ......
js使用XLSX前端导出excel
实现效果： 页面： 导出的excel： xlsx.core.min.js文件下载地址 xlsx 代码如下： <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
深入理解JavaScript堆栈、事件循环、执行上下文和作用域以及闭包
合集 - JavaScript(4) 1.JavaScript this 绑定详解01-092.JavaScript apply、call、bind 函数详解01-093.JavaScript forEach 方法跳出循环01-02 4.深入理解JavaScript堆栈、事件循环、执行上下文和作用域 ......
抽几分钟,写个文档系统的前端页面,先排版一下.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc C ......
微前端使用第二章
目录二、微前端自研框架1、子应用接入a、vue2b、vue3c、react15d、react162、主应用注册子应用3、主应用路由拦截4、主应用生命周期5、加载和解析html6、运行环境隔离7、css样式隔离8、应用间通信9、全局状态管理10、提高加载性能 二、微前端自研框架 1、子应用接入 a、v ......
前端学习-HTML/CSS刷题笔记01
1 清除浮动 方法1 双伪元素法：在style中给父元素添加伪元素代码 了解zoom:1; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi ......
前端常用站分享
团队组织 AlloyTeam - 腾讯Web 前端团队 IMWeb - 腾讯IMWeb 前端团队 ISUX - 腾讯设计团队 FEX - 百度前端研发部 FED - 淘宝前端团队 凹凸实验室 - 京东用户体验设计部 奇舞团 - 奇虎360旗下前端开发团队 JELLY - 京东零售体验设计中心 蚂蚁体 ......
JavaScript 中的事件循环
事件循环是 JavaScript 运行时环境的核心组件。它负责调度和执行异步任务。事件循环通过持续监视两个队列来工作：调用堆栈和事件队列。 调用堆栈是一种堆栈（LIFO）数据结构，存储当前正在执行的函数（存储代码执行期间创建的执行上下文）。 Web API是异步操作（setTimeout、获取请求、 ......
大话 JavaScript（Speaking JavaScript）：第三十一章到第三十三章
第三十一章：模块系统和包管理器 原文：31. Module Systems and Package Managers 译者：飞龙 协议：CC BY-NC-SA 4.0 JavaScript 没有内置模块支持，但社区已经创建了令人印象深刻的解决方法。要管理模块，可以使用所谓的包管理器，它们处理发现、安 ......
大话 JavaScript（Speaking JavaScript）：第二十六章到第三十章
第四部分：提示，工具和库 原文：IV. Tips, Tools, and Libraries 译者：飞龙 协议：CC BY-NC-SA 4.0 本部分提供了使用 JavaScript 的技巧（最佳实践，高级技术和学习资源），并描述了一些重要的工具和库。 第二十六章：元代码风格指南 原文：26. A ......
实践总结 3 种前端部署后页面检测版本的方法
领导：为什么每次项目部署后，有的用户要清缓存才能看到最新的页面 我：浏览器有默认的缓存策略，如果服务器在响应头中没有禁用缓存，那么浏览器每次请求页面会先看看缓存里面有没有，有的话从缓存取，造成还是取的旧页面。正常来说，用户只需要点击刷新按钮，刷新一下页面就好了，不必清除浏览器缓存刷新。 领导：为什么 ......
大话 JavaScript（Speaking JavaScript）：第十八章到第二十章
第二十一章：数学 原文：21. Math 译者：飞龙 协议：CC BY-NC-SA 4.0 Math对象用作多个数学函数的命名空间。本章提供了一个概述。 数学属性 Math的属性如下： Math.E 欧拉常数（e） Math.LN2 2 的自然对数 Math.LN10 10 的自然对数 Math.L ......
大话 JavaScript（Speaking JavaScript）：第十一章到第十五章
第十一章：数字 原文：11. Numbers 译者：飞龙 协议：CC BY-NC-SA 4.0 JavaScript 对所有数字都使用单一类型：它将它们全部视为浮点数。但是，如果小数点后没有数字，则不显示小数点： > 5.000 5 在内部，大多数 JavaScript 引擎都会优化并区分浮点数和整 ......
大话 JavaScript（Speaking JavaScript）：第十六章到第二十章
第十六章：变量：作用域、环境和闭包 原文：16. Variables: Scopes, Environments, and Closures 译者：飞龙 协议：CC BY-NC-SA 4.0 本章首先解释了如何使用变量，然后详细介绍了它们的工作方式（环境、闭包等）。 声明变量 在 JavaScrip ......
大话 JavaScript（Speaking JavaScript）：第一章到第五章
第一部分：JavaScript 快速入门 原文：I. JavaScript Quick Start 译者：飞龙 协议：CC BY-NC-SA 4.0 这部分是 JavaScript 的一个独立快速介绍。你可以在不阅读本书中的其他内容的情况下理解它，本书的其他部分也不依赖于它的内容。然而，阅读本书的提 ......
Konva-前端绘图框架
一、介绍Konva is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.Kon ......
javascript tree 层级数据处理
层级数据是有父子关系的数组，如下： const treeData = [ { id: '1b7e8e98cb1d4a1f81e4fe2dfd9a8458', name: '层级1', parentId: null, children: [ { id: '0d45dd5bb4c14d64a3ab0b7 ......
彻底改变你的代码：JavaScript linter—Oxlint
作为开发人员，总是在寻找能够简化工作流程并提高工作效率的工具。Oxlint 是一个用 Rust 编写的 JavaScript linter，现在提供了可以替代ESLint的新方案，其性能比ESLint提升了 50-100 倍。 在本文中，将学习如何将 Oxlint 集成到开发流程中，充分利用其速度和 ......
web前端css框架有哪些
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
WebSocket与JavaScript：实现实时地理位置定位系统的关键技术
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用JavaScript和WebSocket实现实时在线投票系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用WebSocket和JavaScript实现在线人脸识别系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......