计算机技术

Electorn的相关脚手架

2024-12-16

今年上半年需要开发一个管理后台使用到了React框架,于是便接触一下Electorn框架,用于开发跨平台了解一下目前有哪些可以快速上手的框架代码

了解更多

Web 前端性能优化:批量 DOM 操作 - FastDOM

2024-12-02

原生应用时代,DOM 操作一般借助类似 jQuery 的工具库手动完成,而在框架/库应用时代 DOM 操作退居幕后自动完成,原生应用与框架应用性能孰高孰低?DOM 批量操作对于性能有何影响?利用 FastDOM 库来解决这些性能问题。

了解更多

为什么说useSignal()是Web框架的未来

2024-11-11

Angular、Qwik的作者 MIŠKO HEVERY 在文章中盛赞了 useSignal() 这种数据流方案, 表示 useSignal() 是前端框架的未来,并考虑在Angular中实现它。我们在这里不评价文章的观点,我们来看看 useSignal 这个方案的前世今生。

了解更多

(转载)如何实现网站鼠标特效

2024-10-24

以下代码可以实现一个在画布上的鼠标炫酷特效

了解更多

Next.js学习

2024-10-22

其实在国内的react框架下已经有了Umi,由于国外目前开源的火热软件都是使用的Next于是乎便有了该篇文章

了解更多

AI技术

2024-10-14

2024年最近两年出现的主要生成式 AI 技术罗列

了解更多

Web 字体加载对 DOM 位置的影响

2022-10-16

由于使用了第三方 Web 字体,产生了一个潜在的线上问题,苦于调试过程中一直没有考虑字体加载会对 DOM 位置产生影响,浪费了大量时间和精力。

了解更多

利用脚本执行 `tsc` 忽略类型检查错误

2022-08-06

TypeScript 作为一个强类型的语言,增强了 JavaScript 编程开发体验,类型定义文件为一个第三方模块的使用体验增色不少,现如今很多 npm 包的发布都内置了对类型定义文件的支持。

了解更多

前端工程化:对于构建工具链的简单思考

2022-08-01

前端工程化是一个值得了解的方向,从软件开发、测试到部署上线整个环节的深入,可以对软件工程有一个更深刻的理解,对于前端来说,构建工具链是工程化中重要的一环,这里对这么多年接触过得工具做一个简单的总结思考。

了解更多

桥接模式:跨平台的事件机制设计

2022-06-12

最近在做图表组件库的技术调研的架构方案设计,参考了很多开源库的源码,发现其中跨平台的事件机制设计很值得学习,如果要用软件设计模式来解释,那大概就是桥接模式了。

了解更多

如何更好的维护开源项目

2022-04-22

一直以来开源精神被开发者所推崇,维护开源项目需要注意什么,有哪些工具可以帮助我们解决通用的复杂问题,值得学习了解。

了解更多

解析基于 core-js 与 ESLint 的 Web 兼容方案

2021-12-07

Web 网页为了保证在多个平台和低中高端设备上的体验稳定性和一致性,通常会做 Polyfill 以保证兼容性,当下社区的主流方案则是基于 core-js,而 ESLint 则可作为自动检测的辅助工具。

了解更多

Web 前端调试工具:SourceMap 文件

2021-11-28

Web 前端项目在生产环境发布的代码是经过混淆和压缩的,如何调试则成为了一个难题,SourceMap 文件则是一个解决该问题时可以利用的很好的工具。

了解更多

Web 应用:轻量级状态管理工具 zustand

2021-11-18

Web 网页向 Web 应用发展的过程中,势必会出现 Web 项目的复杂化问题,而在移动端场景,基于 React.js 的应用中如何管理状态?zustand 也许值得一试。

了解更多

Web 前端性能优化:案例分析 1

2021-09-24

Web 性能相关的概念很多,但如何落地在真实业务场景中,其实是一个比较难的事情,或者说机会鲜有,在这里记录一下真实业务案例做性能优化的过程。

了解更多

Child process API: spawn vs exec

2021-08-25

使用 Node.js 编写一些脚本工具是非常方便的,而常用的 spawn 与 exec API 有什么不同呢?

了解更多

使用 Jest 和 Puppeteer 构建 Web 自动化测试平台

2021-08-15

谷歌发布的 Puppeteer 工具和脸书发布的 Jest 测试工具为 Web 端到端测试提供了极大的便利,这里记录了如何使用它们构建一个 Web 自动化测试平台。

了解更多

Web 前端性能优化:核心概念与指标

2021-07-19

在一些较为复杂的 Web 应用中可能会出现性能瓶颈,导致用户体验急剧下降,做优化之前更应该了解一下相关的核心概念,从而在出问题时确定优化路径。

了解更多

Fastify框架 - 专注于性能和低内存消耗

2021-06-27

Fastify 作为一个 Node.js Web 框架,是如何实现高性能和低内存消耗的呢??

了解更多

理解编程语言的设计与实现

2021-05-02

编程语言为开发者提供了诸多便利,那么它是如何被发明的,不同的语言设计理念有什么不同呢?

了解更多

使用 npm

2019-07-06

npm 是 Node.js 的一个包管理器,Web 前端工程师也经常利用它构建前端工作流,来看看如何愉快的使用 npm。

了解更多

使用 Git

2018-12-31

Git 是一个分布式的版本控制工具,类似的版本控制工具还有 SVN ;由于 GitHub 平台的盛行,也使得 git 更加受欢迎,在 Windows 平台使用 git 也是非常方便的。

了解更多

Linux-基础

2018-10-28

Linux 是在做一些较为底层的开发工作时的必要开发环境,了解 Linux 也对操作系统概念的理解有很大的帮助,这篇文章是对 Linux 的一些基础概念的阐述。

了解更多

Web 前端性能优化:工具与技巧

2018-08-20

Web 前端的性能优化是非常迫切的,客户端的资源非常有限,而且层次不齐,很容易造成一些性能问题从而影响到最终给用户所呈现的数据信息结构的不完整。为了增强用户体验,我们必须在各个方面进行优化,同时也可以节省服务器成本。

了解更多

IDE:VS Code 配置同步

2018-08-15

利用一款插件来同步 VS Code 的配置到 GitHub 的 gist 上,实现多个设备间共享一套配置。

了解更多

Web 前端跨域访问

2018-08-10

为了用户的安全,浏览器通常都会限制跨域(Cross-domain)访问,也就是默认不允许不同域名下页面之间进行资源的传递和信息交互,但很多时候我们又有跨域请求资源的需求。

了解更多

块级格式化上下文(BFC)

2018-07-22

在进行页面布局时,通常有流式布局、定位布局、浮动布局这三种形式。而在布局过程中,各元素之间的影响却是一个很关键的问题。

了解更多

HTTP 协议

2018-06-24

随着 Internet 的发展,使用 Web 浏览器获取网络数据信息已经成为一种习惯标准,而 HTTP 协议也因此成为了网络体系中最重要的应用层协议。

了解更多

IP 协议

2018-06-23

作为 TCP/IP 协议栈中最核心的协议,IP 协议为网络数据传输和网络互联提供最基本的服务。IP 协议有 IPv4 和 IPv6 两个版本,我们只讨论 TPv4 版本的 IP 协议。

了解更多

TCP 与 UDP 协议

2018-06-20

传输层是网络分层模型中举足轻重的层,它是底层通信子网与高层资源子网的接口与桥梁,提供了面向连接的传输控制协议(Transmission Control Protocol,TCP)和无连接的用户数据报协议(User Datagram Protocol,UDP),负责提供端到端的数据传输服务。

了解更多

局域网(LAN)与广域网(WAN)

2018-06-18

TCP/IP 的网络接口层包括物理层和数据链路层,既是局域网(LAN)技术起作用的分层,又是广域网(WAN)技术和连接管理协议发挥作用的层次。

了解更多

网络通信关键概念

2018-06-18

计算机网络是通过通信设备与线路将地理上分散并且具有独立功能的计算机系统连接在一起,并由功能完善的软件来控制,进而实现资源共享的系统。从物理组成上来看,计算机网络包括硬件、软件和协议三大部分。计算机网络中结点间相互通信是由控制信息传送的网络协议及其他相应的网络软件共同实现的。在计算机网络通信中,有部分关键性概念需要理解透彻,在此做一总结。

了解更多

OSI 与 TCP/IP 参考模型

2018-06-17

目前流行的两大网络体系结构是 OSI/RM 和 TCP/IP 参考模型,他们均是分层结构。分层是为了简化问题,降低网络设计复杂性,而且各层次结构相互独立,实现的功能也相对独立。层与层之间只在层间接口处关联,层间耦合最小。

了解更多

Web 本地存储

2018-06-01

为了达到某些需求,我们通常需要在本地存储一些数据,方便我们进行用户个性化定制服务。

了解更多

DOM-加载 JavaScript

2018-05-24

页面的动态交互离不开 Javascript,将 js 脚本引入页面时会阻塞页面加载,在某些时候我们则可以选择异步加载 js 脚本。

了解更多

DOM-文本节点

2018-05-24

文本(Text)节点虽然很多时候我们直接用 innerHTML 去赋值替换,但当我们进行一些细微的修改时,了解一下 DOM 操作还是非常有用的。

了解更多

DOM-文档片段

2018-05-23

DOM 操作是非常消耗性能的,如果要进行大量的 DOM 操作,我们可以选择在内存中先构建一个文档片段然后一次性插入 DOM 树。

了解更多

DOM-事件

2018-05-23

JavaScript 的作用就是让 html 静态页面具备动态效果,而这些基本都是利用 DOM 事件来实现的。

了解更多

DOM-元素节点属性

2018-05-21

元素节点上具有很多属性,这些属性我们通常可以很方便的获取,并进行简单的操作。

了解更多

CSS 清除浮动

2018-05-21

在浮动布局中,有时候会因为父元素没有设置高度而子元素浮动导致父元素坍塌,我们就需要清除浮动撑起父元素的高度,在这里总结一下常用方法。

了解更多

DOM-元素节点几何量

2018-05-19

当我们在查看 HTML 文档时,每个元素节点被解析后,都画成了可视形状。我们可以获取每个元素节点的几何量(宽、高、偏移量)以及页面滚动距离。

了解更多

编辑器:Sublime Text 常用插件

2018-05-19

Sumblime Text 是一个具有漂亮的界面和强大功能的文本编辑器,而且也支持许多丰富的插件。它是一个收费软件,但是允许开发人员无限期的免费试用。这篇文章介绍一下常用的插件。

了解更多

DOM-节点集合

2018-05-17

当从文档树中选取成组的节点或者使用预定义的节点集合时,这些节点都是放在 NodeList 或者一个 HTMLCollecton 之中,而不是一个数组(Array)中。

了解更多

DOM-选取元素节点

2018-05-17

DOM 操作都是通过对文档树中节点的访问来实现的,如何选取特定的元素节点是关键,进而才能访问该元素节点实现修改、查看、移除、替换等操作。

了解更多

DOM-元素节点

2018-05-17

可以说,元素节点是 DOM 树中的核心部分,我们进行文档的操作通常都是建立在元素节点上的。

了解更多

文档对象模型(DOM)

2018-05-16

在网页设计中,有一个很重要的角色需要我们了解,DOM 帮助我们对页面元素进行增、删、改等全方位的操作,而且让 JavaScript 在客户端修改 HTML 文档成为一个很简单的事情,可以说 DOM 为我们操作 HTML 文档提供了强大的编程接口。

了解更多

浏览器对象模型(BOM)

2018-05-15

在网页开发中,我们通常专注于内容的设计,而有些时候我们需要进行不同窗口之间的交互,这时候我们就需要学习如何运用 BOM 中的许多核心对象,及其属性、方法。

了解更多

CPU 的七种寻址方式

2018-05-05

CPU 获取数据的方式不仅仅一种,多种方式也为不同数据的获取提供了不同的效率考量,保证了寻址效率与指令的灵活性。

了解更多

内存的 3 种刷新方式

2018-05-03

内存为我们提供了一个数据快速交换的缓冲区,但同时会在掉电的情况下数据丢失,来看看内存是如何在带电情况下刷新数据的。

了解更多

Linux-Vim 编辑器

2018-04-27

在 Linux 这样的命令行操作系统中,必须有一款功能强大的编辑器支持我们快速完成文本编辑,这就是 Vi 编辑器;通过对其加强和升级,Vim 编辑器比前者更为强大,拥有更多的功能和颜色高亮的特性,是程序员在 Linux 下编码的利器。

了解更多

微处理器寻址范围

2018-04-28

为什么内存不是越大越好,内存的大小受限于处理器的寻址范围。

了解更多

Web 前端架构设计

2018-03-28

Web 前端开发是一个零散化的过程,基本上没有专业的 IDE 来为我们提供一整套的自动化流程解决方案,如何从需求到实现一步步快速推进形成完整的工作流,在后期如何高效的进行测试和优化,让前端开发可持续化、可扩展显得极为重要。

了解更多

Nginx 配置

2018-03-15

Nginx 作为一个轻量、高性能的服务器,近年来颇受欢迎,无论是生产环境还是开发环境都有其发挥作用的地方,其配置文件相对来说还是较为简单的。而且,现在 nginx 也支持 Windows 环境了,利用不同的配置可以满足我们不同的需求。

了解更多

Linux-常用 Shell 命令

2018-02-21

Linux 是一个优秀的开发环境,大多数服务器都在上面部署。作为一个程序员,熟悉Linux 系统的常用操作也是很必要的。在 linux 内核外,shell 提供了我们程序员(用户)与内核之间的交互媒介,shell 可以说是一个命令解释器,当然它也负责将内核输出信息翻译给程序员。

了解更多

Web 应用:单页面应用与路由

2017-10-25

现在,Web 技术不仅仅是局限于页面的开发技术,在应用的开发方面也是一种潮流,B/S 架构的技术是一种趋势。而像一般的管理型 Web 应用,不注重 SEO,非常适合单页面应用(SPA)的实现方式,而路由功能则是单页面应用的核心技术。

了解更多

单元测试工具:Junit

2017-08-30

通常一个项目的代码量是比较大的,而且其中逻辑也较为复杂,在开发完成后再进行项目测试其实是比较耗费时间和精力的,因此边开发边测试是个很好的选择,而 JUnit 则为我们提供了这样的便利。

了解更多

JavaScript 异步编程

2017-03-22

JavaScript 作为一门在 Web 开发中的主流语言,常常涉及到交互事件方面的应用,这不可避免的用到了异步编程的方法,而它本身则是单线程运行的。在以往的开发中,异步编程正变得越来越难管理,新的 Promise 标准 API 将使得异步编程更加方便、安全。

了解更多