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 把功能开发了一部分就没有维护了,只支持了基本......

记一次 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) 用于......

LeetCode探险记:递归和栈

>> dynamic programming, stack and backtracking

前言 最近刷LeetCode,遇到一个题目感觉挺有意思: 123456789101112描述: 给定一个只包含 '(' 和 ')' 的字符串,找出最长的包含有效括号的子串的长度。 示例 1: 输入: "(()" 输出: 2 解释: 最长有效括号子串为 "()" 示例 2: 输入: ......

基于deepin-wine在Ubuntu20.04上安装新版微信

>> wechat on ubuntu20.04

预览 操作系统:ubuntu 20.04.1 LTS (Kernel: 5.4.0-47-generic ) 支持微信(2.9.5+)以及3.0版本 运行deepin-wine-depends.sh安装依赖 1234567891011121314151617181920212223242526#!/bin/bashmkdir /tmp/deepintempcd /tmp/deepi......

32个手撕JS,彻底摆脱初级前端

>> js native development

32个手撕JS,彻底摆脱初级前端(面试高频) 32个手撕JS,彻底摆脱初级前端(面试高频) 作为前端开发,JS是重中之重,最近结束了面试的高峰期,基本上offer也定下来了就等开奖,趁着这个时间总结下32个手撕JS问题,这些都是高频面试题,完全理解之后定能彻底摆脱初级前端。 关于源码都紧遵规范,都可跑通MDN示例,其余的大多会涉及一些关于JS的应用题和本人面试过程 01.数组扁平化 数组扁平......

基于Antd库实现可编辑树组件

>> Antd Editable Tree

I 前言 Antd是基于Ant Design设计体系的React UI组件库,主要用于研发企业级中后台产品,在前端很多项目中都有使用。除了提供一些比较基础的例如Button、Form、Input、Modal、List…组件,还有Tree、Upload、Table这几个功能集成度比较高的复杂组件,其中Tree组件的应用场景挺多的,在一些涉及显示树形结构数据的功能中可以体现:目录结构展示、族谱......