nojsja

个人博客

 Electron 进程管理工具开发日记3:进程池负载均衡、智能启停

>> Electron process management tool dev diary3: process pool load balancing, smart sleep and wake up

>> 原文链接 文中实现的部分工具方法正处于早期/测试阶段,仍在持续优化中,仅供参考… 在 Ubuntu20.04 上进行开发/测试,可用于 Electron 项目,测试版本:Electron@8.2.0 / 9.3.5 Contents 123456789101112131415161718192021222324252627282930313233343536373......

 Shadowsocks 跨平台客户端开发日记

>> Shadowsocks crossplatform desktop app dev diary

>>> 博客原文 Preface 前言 最近闲逛 github 时看到一个 shadowsocks-electron 项目,该工具支持 Linux / Mac 平台,是用来连接 shadowsocks 服务器的 proxy✈️,程序员应该大多都用过,各个平台也都有适配客户端。原作者使用 Typescript/Electron 把功能开发了一部分就没有维护了,只支持了基本......

Canvas:实现矩形元素的拖拽和伸缩

>> Canvas - drag and stretching of rectangle

目录 一、什么是 Canvas? 二、前置知识 像素 Canvas 宽高和 CSS 宽高 解决绘制模糊 Canvas 中的坐标系 三、关键步骤说明 1. 调用和交互方式 2. 创建画板类 1)职责 2)功能实现点 3. 创建绘制辅助类 1)职责 2)功能实现点 4. 创建通用几何图形类 1)职责 2)功能实现点 5. 创建拖动和伸缩矩形类 1)职责 2)功能实现......

使用 Node.js 实现 http(s) 代理服务器

>> Using node.js to implement http(s) proxy server

使用 Node.js 实现 http(s) 代理服务器 I. Contents 使用 Node.js 实现 http(s) 代理服务器 I. Contents II. 前言 III. 理论基础 1. OSI 网络分层模型 2. HTTP 协议 1)客户端连接到Web服务器 2)发送HTTP请求 3)服务器接受请求并返回HTTP响应 4)释放连接TCP连接 IV. 功能实现 ......

前端性能优化技巧详解-2

>> The guide of frontend performance optimization (2)

➣ webpack:区分打包环境 webpack 提供 mode 配置选项,告知 webpack 使用相应模式的内置优化。 配置文件中: 1234module.exports = { mode: 'production', ...}; webpack 对于这两种模式会分别启用一些插件: development 模式: NamedModulesPl......

融云 IM 即时聊天系统 SDK 架构研读笔记

>> RongCloud IM Live Chat System SDK architecture study notes

目录: IM 系统 SDK 研读文档 (Web) 一、IM 系统的概念 二、设计方案参考 ➣ 网易云信 1. 官方文档 2. 整体架构 3. 消息通信机制和兼容性处理 ➣ 腾讯 IM 1. 官方文档 2. 整体架构 3. 消息通信机制和兼容性处理 三、IM Web SDK 功能设计 ➣ 关于 HTTP 长连接和长轮询的说明 1. HTTP 长连接 / 短连接 2. ......

记一次 React hooks 组件开发和优化记录

>> 记一次 React hooks 组件开发和优化记录

一、Contents 一、Contents 二、前言 三、组件功能描述 1. 查看模式 2. 编辑模式 四、预备知识:Antd Form 组件的 initialValues 和 resetFields I. 常见的 Antd Form 组件使用示例 II. initialValues 不更新的情况 五、开发过程 I. 源码 II. 实现思路 1. 使用 Antd Table......

taro小程序开发笔记

>> The development notes of mini-program based on taro

Contents Contents ## 前言 ## 微信小程序开发相关 I. 微信小程序像素单位rpx II. 微信小程序自定义导航头适配胶囊按钮高度 III. 微信小程序底部导航条适配 Iphonex 1. 原生小程序适配 2. 内嵌 H5 适配 IV. H5页面唤起指定的小程序并打开特定页面 V. 实现将任意 dom 元素内部 innerText 复制到剪贴板 前言 ......

hexo个人网站优化探索

>> hexo personal website optimization exploration

Contents ## Contents ## 前言 1. hexo 是什么? 2. 何为优化? ## 性能优化指标 1. 整体运行性能 2. 网站可访问性 3. 网站是否应用了最佳实践策略 > 1) 使用 target="_blank" 的 <a> 链接如果没有声明 rel="noopener noreferrer" ......

2021金三银四前端面试笔记

>> The frontend interview notes at the beginning of 2021

Contents 部分内容从网络和官网收集 ### Contents ### 面试阶段分析 ### 个人介绍 ➣ 重点 ➣ 描述在上一家公司的工作经历 ➣ 范例 ➣ 项目经历介绍 ### I. 要点:HTML/CSS ➣ position各个属性的作用 ➣ display各个属性作用 1. 外部显示 2. 内部显示 3. 内部表现 ➣ BFC及其应用 ➣ 怎样实现一个不......

前端性能优化技巧详解(1)

>> The guide of frontend performance optimization

此文主要描述 html / css / js / react 即时渲染和网络加载优化方面的知识,webpack常用优化方法和HTTP Server等优化请关注《 前端性能优化技巧详解(2) 》 如果之后发现有其它要点值得梳理,会继续更新本文… 目录 目录 ➣ HTML/CSS 性能优化方面 1. 网络层面 1)抽离内联样式内联脚本 2)defer脚本和async脚本 3)压缩H......

前端123:浏览器缓存的工作方式

>> Frontend in depth: The browser cache

>> 博客原文 浏览器缓存的工作流程      通过网络获取内容既速度缓慢又开销巨大。较大的响应需要在客户端与服务器之间进行多次往返通信,这会延迟浏览器获得和处理内容的时间,还会增加访问者的流量费用。因此,缓存并重复利用之前获取的资源的能力成为性能优化的一个关键方面。      这里先看张大家最熟悉的Devtools网络图: 图中青色、绿色和橙色圈出的部分分别是来自内存(m......

理解React:Fiber架构和新旧生命周期

>> Learning react: The fiber arch and old/new lifecycle

➣ React Fiber原理 React架构 1)Virtual DOM 层,描述页面长什么样 2)Reconciler 层,负责调用组件生命周期方法,进行Diff运算等 3)Renderer 层,根据不同的平台,渲染出相应的页面,如 ReactDOM 和 ReactNative React15遗留问题 1)浏览器的整体渲染是多线程的,包括GUI渲染线程、JS引擎线程、事件触发线......

Electron多进程工具开发日记2:进程管理UI

>> electron/node multi-process tool development

文中实现的部分工具方法正处于早期/测试阶段,仍在持续优化中,仅供参考… 在Ubuntu20.04上进行开发/测试,可直接用于Electron项目,测试版本:Electron@8.2.0 / 9.3.5 Contents 123456789101112131415161718192021222324252627282930├── Contents (you are here!)│├─......

Electron/Node多进程工具开发日记

>> electron/node multi-process tool development

文中实现的部分工具方法正处于早期/测试阶段,仍在持续优化中,仅供参考… Contents 123456789101112131415161718192021222324252627282930313233├── Contents (you are here!)│├── I. 前言├── II. 架构图│├── III. electron-re 可以用来做什么?│   ├── 1) 用于......