容器内选择单一列表并进行高亮切换的实践
基于React和antd技术栈下，对有限容器内列表选择的行进行高亮提示，并且不影响容器内部进行的滚动查看引发的思考，涉及的内容包括overflow熟悉，CSS 类名替换而不是改写style、React Element的复用和性能优化。 前置知识 overflow overflow 是overflow-x 和ove…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
沙盒：页面和系统之间的隔离墙
从稳定性视角来看，单进程架构的浏览器是不稳定的，因为只要浏览器进程中的任意一个功能出现异常都有可能影响到整个浏览器，如页面卡死、浏览器崩溃等。不过浏览器的稳定性并不是本文讨论的重点，我们今天主要聊的是浏览器架构是如何影响到操作系统安全的 浏览器本身的漏洞是单进程浏览器的一个主要问题，如果浏览器被曝出存在漏洞，那么…
Read article深入理解JSX
JSX在编译时会被Babel编译为React.createElement方法。这也是为什么在每个使用JSX的JS文件中，你必须显式的声明。但在React 17 中，已经不需要显式导入React了。 React 17 发布在即，尽管我们想对 JSX 的转换进行改进，但我们不想打破现有的配置。于是我们选择与 Babe…
Read article使用 Node.js、Express.js、TS 写个简单的图床脚本（一）
在这篇博客文章中，我将介绍如何使用 TypeScript 和 Express 框架来编写一个简单的图床脚本，可以将本地图片上传到服务器，并返回图片的 URL。这样，你就可以在 Markdown 文档中方便地引用图片，而不用担心图片的存储和管理问题。 我将最新源码放在了MoMeak9/img-service: 简单…
Read article使用 Node.js、pm2 和 ssh2 模块实现一个简单的 Node.js 项目部署脚本
本文将介绍如何使用Node.js和ssh2模块实现一个简单的部署脚本，将本地的项目文件上传到远程服务器上。我们将使用dotenv模块来管理环境变量，以及childprocess模块来执行命令行操作。 首先，我们需要安装ssh2和dotenv模块： 然后，我们需要在项目根目录下创建一个.env文件，用来存放一些敏感…
Read article使用Node.js和Sharp库将图片转换为WebP格式
WebP是一种现代图像格式，它能够提供更好的图像压缩比和更快的加载速度。在本文中，我们将介绍如何使用Node.js和Sharp库将图片转换为WebP格式，以及如何使用TypeScript编写脚本程序。 1. 安装Sharp库 首先，我们需要在Node.js中安装Sharp库。可以通过npm安装： 2. 创建转换脚…
Read article使用Promise告别回调函数
在上一篇文章中我们聊到了微任务是如何工作的，并介绍了 MutationObserver 是如何利用微任务来权衡性能和效率的。今天我们就接着来聊聊微任务的另外一个应用Promise，DOM/BOM API 中新加入的 API 大多数都是建立在 Promise 上的，而且新的前端框架也使用了大量的 Promise。可…
Read article同构渲染：SSR (Server-Side Rendering) 与CSH (Client-Side Hydration)
什么是同构渲染？ 同构（Isomorphic） JavaScript，通常称为通用（Universal）JavaScript，在服务器端和客户端均渲染。在这种呈现方法下，预渲染用于向搜索引擎或用户提供的内容。之后，JavaScript 所需的交互内容在客户端处理。 同构 JavaScript 意味着应用程序在服务…
Read article同源策略：为什么XMLHttpRequst不能跨域请求资源
通过前面 6 个模块的介绍，我们已经大致知道浏览器是怎么工作的了，也了解这种工作方式对前端产生了什么样的影响。在这个过程中，我们还穿插介绍了一些浏览器安全相关的内容，不过都比较散，所以最后的 5 篇文章，我们就来系统地介绍下浏览器安全相关的内容。 浏览器安全可以分为三大块——Web 页面安全、浏览器网络安全和浏览…
Read article为什么是 pnpm？我们为何使用monorepo？
pnpm 是什么？ Fast, disk space efficient package manager. pnpm 是新一代 node 包管理器。它由 npm/yarn 衍生而来，但却解决了 npm/yarn 内部潜在的 bug，并且极大了地优化了性能，扩展了使用场景，相比 yarn、npm，pnpm安装包更快…
Read article校招日志 我的校招经验总结帖（持续更新ing）
1. 实习特别是大厂实习很重要，请一定把握日常实习和暑期实习的机会 今年校招情况，周围很多去大厂的同学通过日常/暑期实习进行转正，其中暑期实习比例最大。当然，在面试难度上，暑期实习是大于日常实习的，也是各厂作为预选校招人才的方式，可以说暑期实习转正是最为稳妥的校招进大厂的方式，同时也是非常好的经历背书。 通常来说…
Read article写作技巧和经验
内容总结自：技术写作指南 - 张鑫旭 - 掘金小册，侵删 可选发布平台 掘金 知乎 B站 专栏 自建博客（主站回源） 确定写作方向和内容 与本职工作相关 专注垂直领域 前端开发就是一个分支特别多的职业，有界面展现、用户体验和无障碍访问方向、有统的逻辑实现和功能开发方向、偏后的 Node.js 开发方向，小程序快应…
Read articleNo matching articles
Try another keyword or reset your filters.