【转】electron 应用开发优秀实践

之前在腾讯云也做过跨端开发，也是基于Electron的客户端，核心的一点就是开发便捷，社区支持度好，很多问题一搜就能找到。与前端的配合使用上也很方便，上手难度相对较低。做一些基础产品应用足够了，如果是打造专业级产品，确实需要更多的做优化、安全、防止反编译以及本地化应用的一些工作。我之前也遇到一些问题，在后续的文章中我再补充一些，主要是mac 在x86/m1 等不同架构cpu核心的编译与自动化构建、客户端性能优化、内存与cpu等优化。 原文来自 https://xie.infoq.cn/article/b3849f9749a65e99eb33fe020,作者：vivo 互联网前端团队-Yang Kun 一、背景在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的开发方式主要有 Native 、 QT 、 Flutter 、 NW 、 Electron 、 Tarui 。其各自优劣势如下表格所示：我们最终的桌面端技术选型

技术 · 2023-08-16
【转】electron 应用开发优秀实践

常见的算法处理方式

/* 给定一个经过编码的字符串，返回它解码后的字符串。编码规则为: k[encoded_string]，表示其中方括号内部的 encoded_string 正好重复 k 次。注意 k 保证为正整数。你可以认为输入字符串总是有效的；输入字符串中没有额外的空格，且输入的方括号总是符合格式要求的。此外，你可以认为原始数据不包含数字，所有的数字只表示重复的次数 k ，例如不会出现像 3a 或 2[4] 的输入。*/const decodeString = (s) => { const reg = /(\d+\[\w+\])/; if(!reg.test(s)) { return s; } const val = /(\d+)\[(\w+)\])/.exec(s); if(val && val?.length > 0) { const num = parseInt(val[1], 10); const value = val[2]; let str = '';

技术 · 2023-08-08

【转】Vite 开发环境为何这么快？

本文转自km的一篇文章，看了vite原理，其利用esbuild 先启动服务器，然后再根据所需页面以来的module 再按需加载编译。因为没有那么多阻塞的任务，所以才看起来很快，具体分析如下所示。提到 Vite，第一个想到的字就是 快，到底快在哪里呢？为什么可以这么快？ 本文从以下几个地方来讲快速的冷启动: No Bundle + esbuild 预构建模块热更新：利用浏览器缓存策略按需加载：利用浏览器 ESM 支持Vite 本质上是一个本地资源服务器，还有一套构建指令组成。本地资源服务器，基于 ESM 提供很多内建功能，HMR 速度很快使用 Rollup 打包你的代码，预配件了优化的过配置，输出高度优化的静态资源快递的冷启动No-bundle在冷启动开发者服务器时，基于 Webpack 这类 bundle based 打包工具，启动时必须要通过 依赖收集、模块解析、生成 chunk、生成模块依赖关系图，最后构建整个应用输出产物，才能提供服务。这意味着不管代码实际是否用到，都是需要被扫描和解析。而 Vite 的思路是，利用浏览器原生支持 ESM 的原理，让浏览器来负责打包程序的工作。而

技术 · 2023-08-07
【转】Vite 开发环境为何这么快？

电影<长安三万里>感悟一

周末等娃睡着了和老婆悄悄地赶了个夜场电影。前些天看朋友圈分享都说比较好看，所以一时兴起赶了个夜场。在看之前对整个电影的剧情内容都不是很清楚，所以这部电影的感悟也是结束了之后查了相关的一些资料，补齐自己知识的盲点，而总结分析的感悟。关于历史之前对安史之乱，只知道是盛唐的一个转折点，但对这段历史里面所涉及的人、事、产生原因、影响结果都不是那么的清楚。以前对历史和语文的印象是相对割裂的两个科目，对里面的历史人物、背景、产生原因，以前老师只是一笔去带过，自己也没有对应的学习环境和条件去深究。读初中小学的时候，网络还离我们很真的很远。现在在社会上经历多了，其实发现所有的人和事都是与当时时代的历史背景有很大的关系。现在才真的能浅薄的理解到以前老师所说的时势造英雄和英雄出乱世。关于盛世家庭：经济基础决定上层建筑唐朝的盛世持续了100多年，从政治开明，法治兴盛，民族和睦，到盛世繁荣。依赖于人民安居乐业才有了经济文化繁荣。经济繁荣了才有盛唐诗里面很多有名的诗和诗人。我认为一切行业的发展其实根基上都需要有一个比较稳定繁荣农业环境。只有解决了温饱问题，才能通过商业繁荣让人能往其他的方面去发展。毕竟有了经济基

生活 · 2023-07-25
电影<长安三万里>感悟一

《高效能人士的七个习惯》阅读手报

<高效能人士的七个习惯>是 史蒂芬·柯维 最著名的一本著作。自1989年问世至今，曾高居美国畅销书排行榜长达7年之久，在全球70个国家，以28种语言发行，总销量超过了l亿册。这本书在美国成年人中极具影响力，号称是“美国公司员工人手一册的书，美国政府机关公务员人手一册的书，美国官兵人手一册的书。”可以毫不夸张地说，它几乎成了美国企业界和政府管理部门的一本“圣经”。柯维认为七种习惯之间，都存在着密不可分的关系：习惯一：积极主动积极主动即采取主动，为自己过去、现在和未来的行为负责，并依据原则和价值观，而不是根据情绪和外在环境来下决定。主动积极的人是变革的催生剂，他们放弃 被动的受害者的角色，不自卑，不怨怼，发扬人类四项独特的禀赋：自知、良知、想像力和自主意志，积极主动，以由内而外的方式来创造改变。习惯二：以终为始所有事物都经过两次创造，先是在脑海里酝酿，其次才是实质的创造。个人、家庭、团队和组织在做任何计划时，均先拟出愿景和目标，并据此塑造未来，全心专注 于自己最重视的原则、价值观、关系及目标之上。领导工作的核心就是在共有的使命、愿景和价值观的基础之上，创造出一种文化。习惯三：要

生活 · 2023-07-17
《高效能人士的七个习惯》阅读手报

MEM/MBA的该不该读

感：该文章转至KM平台原文由伍映吉同学写的该不该读MBA的几种情况，我也是由于一个朋友去年读了中南大学MBA后考虑考研的，今年运气好上岸了西北工业大学管理学院的工程管理(MEM),也来谈一谈自己的感受。 文中主要提到了四读三不读。我这边一个方面主要是想提升学历和知识项目管理能力，另一个方面是，这两年对内培训、管理、对外面试产生的知识窘境的焦虑。生怕由于自己的无知造成了严重的事故，年纪越大工作越久，越觉得自己的渺小和眼界的狭隘。所以像通过读书了解世界、了解其他人来看让自己得到自我满足。尤其是当下好多外部岗位招聘的基础要求都是研究生为起点了，也给我有一些压力。非全日制管理专业的学习是一个主要以自学相关知识来累计学分，以老师讲解、案例活动为辅的专业。各个学校之间学费差异比较大，大家可以按需选择自己能承受的范围。比如西工大三年15万左右，勉强能接受。像今年深大29.8万学费听说很少有人报名。清北大概是39.8万的样子。 读可能解决的问题： 提升自身专业能力，完善系统化结构化知识体系，解决能力瓶颈。 提升管理能力，为管理做准备或辅助。 提升学历。【对我来说比较重要的一点。】 储备

生活 · 2023-07-14
MEM/MBA的该不该读

微前端可以解决的三大问题

微前端解决的三个核心问题： 1、解决异构前端网站的融合性问题，兼容多种前端框架和技术栈，新旧项目的融合为一个应用。 2、确保微前端应用之间全局变量、事件、样式资源等状态隔离，运行时状态不共享。 3、微前端应用之间的数据通信、数据状态与缓存管理，页面保活。方法一：使用iframe与自定义消息来传递；方法二：使用web Components, 通过主应用和微应用来通知 上面是微服务的定义，每个功能可以独立运行，也可以组合在一起来完成更复杂的业务功能。通常微服务讲的更多的是后台架构，微前端是微服务在前端中的一种实现方式。一个子应用可以有自己独立的仓库，独立构建、测试、上线，在运行时把这些功能组合在一起。多技术栈共存，当一个老项目运行着，此时又需要引进新技术，微前端就比较合适，如早年的 backbone 或者 vue2 等项目，当下要把 react + ts 引进来。 大型项目多团队负责，各团队可维护着自己的模块，比如大型控制台（如阿里云控制台、腾讯云控制台），各团队可以独立开发并上线，最后由统一的主应用来把各个团队做的功能组合在一起。 巨石应用，比如邮箱业务，除核心的邮件读

技术 · 2023-07-13
微前端可以解决的三大问题
小码哥
小码哥 2023-07-11

这几天没怎么更新，是在整理计科的知识图谱 https://github.blog.wesee.club/ ，使用github来搭建的，使用gitbook来构建，方便共同编辑和推送。

鹅厂网红课程-沟通的艺术

沟通是人与人之间、人与群体之间思想与感情的传递和反馈的过程，以求思想达成一致和感情的通畅。沟通是为人处世的艺术展现形式，不管是在职场还是在生活中这都是一项核心能力。好的沟通能力能让我们在社交交往与管理的过程中事半功倍游刃有余。沟通也是展示高情商和处世哲学的重要方式。让我们来了解一下怎么沟通。1、定义与重要性沟通的定义：沟通是人类社会交往中最基本的活动之一，它是信息传递、意见交流和思想碰撞的过程。沟通的目的是为了让信息得到传递和理解，从而达成某种共识或目的。沟通是一种双向的过程，需要有发送者和接收者之间的互动和交流。为了设定的目标把信息、思想和情感在个人或群体间传递并达成共同协议的过程。沟通的重要性使思想一致、产生共识;减少摩擦争执与意见分歧;疏导不良情绪、消除心理困扰;增进人员彼此了解、改善人际关系;减少互相猜忌、增强团队凝聚力;2、过程与原则沟通的过程包括三个环节。在发送信息的过程中，要注意信息的准确性和清晰度；在接收信息的过程中，要注意理解对方的意思和表达方式；在反馈信息的过程中，要注意表达自己的态度和看法。沟通的漏斗效应沟通过程信息会逐渐衰减，下行沟通沟通传达信息损失沟通的原则平

生活 · 2023-07-07
鹅厂网红课程-沟通的艺术
小码哥
小码哥 2023-07-05

美团技术团队的《前端安全系列（二）：如何防止CSRF攻击？》写的很详细推荐给前端同学
https://tech.meituan.com/2018/10/11/fe-security-csrf.html

2026 we see 视界. All Rights Reserved.
Theme Jasmine by Kent Liao

粤ICP备2023052298号-1