- 博客(163)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 Sugar-Electron 基于Electron的轻量级开发框架
Sugar-Electron 基于Electron的轻量级开发框架前言关于应用稳定性关于开发效率低特性设计原则安装脚手架核心功能基础进程类——BaseWindow举个例子服务进程类——Service举个例子进程通信——ipc请求响应举个例子发布订阅举个例子主进程与渲染进程间通信（进程名"main"，为主进程预留）举个例子进程管理——windowCenter举个例子进程间状态共享——store举个例子配置——config举个例子插件——plugins插件封装插件安装插件使用自动初始化核心模块举个例子注意事项
2020-08-05 15:44:30
3740
8
原创 Flutter dart_vlc 组件 player.back is not defined in controls.dart 解决方案
如何解决dart_vlc出现Player.back is not defined in controls.dart的问题
2022-05-31 21:11:18
1047
原创 点阵笔行业
什么是点阵笔？点阵笔在形态上跟普通的笔很像，不同的是其内部增加了很多的元器件，用于点阵码的识别和计算。整体的形态可以参考下面这两张图：这款是我自己买的印象笔记出品的Everpen，用它搭配已经铺好点阵码的本子可以把本子上书写的内容进行电子化存档。从笔头的视角可以看到，除了装有普通的笔芯笔头之外，其下方还有一个小孔。这个小孔是留给红外线摄像头用的，内部的红外摄像头会发生红外线来采集点阵码影像，里面具体的技术实现后面会讲到。上面有提到，笔的内部有一系列的普通笔不具有的元器件，主要是以下这
2022-05-24 22:43:24
3109
2
原创 Flutter Widget原理（一）
前言使用过Flutter的同学，应该都听过一句话“everything is a widget——在Flutter中万物皆是Widget”。这句话虽然不能说，Flutter开发所有代码模块都是一个Widget，但足以说明Widget在Flutter中的重要性，本篇文章就重点关于Flutter Widget的原理进行解读。Widget简介什么是Widget？我们先看一下官方的描述“Describes the configuration for an [Element]”在Flutter中，Widg
2022-05-24 22:09:19
514
原创 通过源码排查 python log 在console中重复打印日志问题
今天一位小伙伴过来问我，他写的程序中log明明只调用了一次，但在console中打印了多次，表示不解。具体现象表现为：123456123456123456123456123456123456分析了一下他的代码，大致的逻辑是他在for循环中调用了一个静态类的方法，该方法中会初始化logger并打印log，为了方便理解，我把代码进行了简化，代码如下："""test.py"""def test(self): for i, test_resource in enumerate(t
2022-05-20 17:20:03
895
1
转载 Android性能优化：定性和定位Android图形性能问题——以后台录屏进程为例
原文链接：https://juejin.cn/post/7096288511053004830作者github：https://github.com/NasdaqGodzilla简介发现、定性与定位FPS初步定位问题定性问题跟不上旋律节奏的VSYNC严重异常耗时的dequeueBufferVirtualDisplay合成耗时结论定位问题总结成果展示参考简介本文记录一次Android图形性能问题的分析过程——发现、定性和定位图形性能问题，以及探讨的性能.
2022-05-13 11:26:13
673
翻译 【转载】RocketMQ是怎么跑起来的？
原文链接：https://juejin.cn/post/7091096519947862023作者：pinnuliRocketMQ是怎么跑起来的？一说到RocketMQ，很多人人都知道其有四大组件，NameServer、Broker、Producer、Consumer，也大概都知道这四个组件分别有什么作用，负责什么功能，但是不知道这四个组件是如何配合的。今天我们就来聊聊，这四个组件如何配合，通过哪些核心的API或者组件进行通讯配合，让RocketMQ跑起来，完成一条消息的产生和消费。这里只会.
2022-04-27 13:07:16
462
原创 《Electron入门与实战》创作路上的那些事儿
《Electron入门与实战》创作路上的那些事儿前言我为什么要写这本书系统化的整理和输出自己的知识帮助初学者更好的入门机缘巧合创作历程历程概览写书机会怎么来的？正式写书前的流程选题材料主要写啥？写作过程的感受一个人的项目管理写作小技巧知识盲区书的字数是怎么统计的？开始写作后经历的流程写书带来的收获与改变写一本书之前，需要准备些什么？购买链接前言我的新书《Electron入门与实战》于3月正式发布了，目前已经上架到了各大电商平台，包括当当、京东以及清华大学出版社的淘宝旗舰店。书的定价锚定在了89.9元，虽
2022-04-25 20:15:24
1054
4
原创 Electron v17版本都有哪些值得关注的更新？
背景2022年1月，Electron团队发布了Electron的第十七个稳定版本。该版本除了升级Chromium和Node.js的版本以外，还对一小部分重要的API的使用方法做了更新。下面我们将重点看看17版本都有哪些值得关注的更新。更新内容核心组件升级Chromium的版本升级到了98.0.4758.74，Node.js的版本升级到了16.13.0，它们共同使用的V8也升级到了9.8版本。重要的API变更使用Web技术开发过桌面共享相关功能的同学应该对desktopCapturer.getSo
2022-02-26 21:38:48
1402
原创 Flutter单指书写实现及优化
其它平台阅读链接：https://juejin.cn/post/7067372570399473701背景最近在用Flutter汉字书写板的功能。需求很简单，只需要实现一个书写板，通过手指在书写板书写的过程中，记录书写的轨迹，最终通过汉字AI识别算法，给出汉字书写的评分。首次实现用flutter实现书写板并记录书写轨迹的组件实现非常简单，笔者当时也没有多想，很快就实现了第一版的需求，代码如下：import 'package:flutter/cupertino.dart';class DrawB
2022-02-22 14:36:00
669
原创 AI开放平台能力集合
背景随着AI技术的兴起及其逐步在各业务领域落地，越来越多的公司将其业务中使用到的底层AI能力开放出来，通过付费的模式提供给不具备建立AI能力的公司使用。AI技术包含非常多不同的方向，如文档识别、人脸人体识别、NLP语义分析以及大数据挖掘等。市面上不同的厂家提供了不同方向的技术，玲琅满目。在此对市面上提供AI技术的平台和具体方向进行了一个整理，方便大家需要的时候可以快速的找到对应的平台，并进行相应的评估。...
2022-02-17 17:45:32
883
翻译 Webview2 vs 对比 Electron
前不久微软Teams团队宣布他们将放弃使用Electron转而使用基于Edge的Webview2组件来重新实现Teams程序，目的是在于减少软件所占用的内存。对于开发者来说，微软内部团队的这个决策给外界的感觉是Electron的寿命即将到头了，他们后续将重点发展和使用Webview2来进行开发。那究竟是不是这样呢？其实在7月份的时候Electron的官方博客已经对此进行了说明，并在文章中把Electron和Webview2进行了对比。接下来我们来一下原文，看看Electron团队对这个事情的看法。以下是
2021-11-02 22:42:52
6674
原创 Wireshark分析DNS
什么是DNSDNS指的是域名系统，它在内部有一个存储域名和对应IP地址的数据库，用于将网站的域名转换为服务器的具体IP地址。例如，我们在浏览器打开baidu.com时，浏览器需要先请求DNS服务器获取域名baidu.com对应服务器的IP地址，然后浏览器与该IP建议消息通道来传输数据。我们可以在系统命令行中通过nslookup命令来查询某个域名的DNS的记录，如下图所示：这里我们指定使用阿里云的DNS服务器 223.5.5.5 来查询域名baidu.com映射的IP地址。从图中可以看到，查询结果返
2021-10-28 16:02:38
9311
4
原创 国外最有价值的教育科技公司 Byju‘s
这里写目录标题简介公司创始人Byju RaveendranDivya Gokulnath公司规模近年营收情况员工情况业内排名发展历史APP下载数据使用评价用户数据商业模式付费数据收购的公司产品主要特点核心技术硬件设备平板支架+反光镜桌面学习终端未来业务布局成功的因素相关资料简介公司Byju’s 是一家总部位于印度班加罗尔的跨国教育科技公司，由“Byju Raveendran 和 Divya Gokulnath”于 2011 年创立，采用免费+增值业务模式。目前它是印度最大的教育科技公司，被公认为印度
2021-10-26 18:50:58
4539
2
原创 强制开启Android Webview GPU 加速的方法
强制开启Android Webview GPU 加速的方法常用方法浏览器开启GPU加速可以让渲染的性能更好，可以有效的利用硬件的能力来提高页面的绘制帧率。在安卓平台使用webview的场景下，开发人员通常会通过以下两种方法来让webview使用硬件加速能力来渲染页面。方法一：在应用的启动配置中，添加 android:hardwareAccelerated="true"配置，如下图所示：方法二：通过在webview初始化的方法中使用如下代码：wv.setLayerType(View.LAYER
2021-09-14 11:25:30
6350
翻译 EcmaScript 2022中的新特性
EcmaScript 2022中的新特性ES2022 feature: class static initialization blocksEverything new coming in ES2022前言从2015年起，Javascript每年都会在标准中加入一些新的特性。本篇文章将介绍几个已经到stage 4阶段的标准。一般来说，标准的提案需要经过4个阶段，第4个阶段是最后一个阶段。到达第4阶段的标准也意味着标准制定的工作已经基本结束。现在我们来一起看一看ES2022中的新特性：类的字段类
2021-09-09 17:53:24
458
2
原创 Grafana v7以下版本对多query进行计算 MetaQueries Percent+
场景在使用Grafana配置图表看板时，我们可能需要对多个查询条件筛选出来的结果进行计算，把计算结果生成最终的图表。例如，我们想制作一个应用崩溃率的图表，那么步骤应该如下：查询应用启动的数据集合A查询应用崩溃的数据集合B通过 (B/A)*100 来生成集合C将集合C的数据配置成看板解决方案在Grafana v7之后的版本中，我们可以使用Transform功能来对两个query进行计算，具体方法可参考文章：https://blog.csdn.net/weixin_48421114/artic
2021-09-08 14:54:37
3759
原创 Flutter中如何选择StatelessWidget和StatefulWidget
目录StatelessWidget和StatefulWidget的区别StatelessWidgetStatefulWidget区别什么情况下应该用StatelessWidget？什么情况下应该用StatefulWidget？通用按钮自带倒计时的按钮使用不当会不会影响性能？Flutter作为“新”的跨平台UI开发框架，延续了React组件化的开发思路，开发者可以通过一个个组件来构建完整的App的界面。由于React中只提供了一个基础组件类React.Component，因此开发者在在写组件代码之前不需要进
2021-08-20 14:25:22
412
原创 带你一文读懂Javascript中ES6的Symbol
带你一文读懂Javascript中ES6的Symbol前言基础类型SymbolSymbol.for 与 Symbol.keyForSymbol.iteratorSymbol.searchSymbol.splitSymbol.toPrimitive总结前言Symbol这个特性对于很多同学来说，可能是在学习ES6特性的过程中，感到比较困惑的一个特性点。在大部分开发场景中，你可能根本用不到这个特性，但理解Symbol各个属性和方法的作用和意义还是非常有必要的，在一些特定的场景中，你会发现它不可或缺。Symbo
2020-11-09 19:29:43
383
原创 教你解决Taro微信小程序中使用Echarts体积过大的问题
背景近期笔者在使用Taro进行微信小程序开发，当引入Echarts图表库时，微信检测单包超限2M的一系列优化措施的踩坑记录，期望能指导读者少走一些弯路。为什么选择Echarts？微信小程序目录市面上使用最多的两款图表库，如下：echarts-for-weixin——echarts微信小程序版本wx-charts——基于微信小程序的图表库对比两款图表库优缺点刚好相反。echarts-for-weixin：功能强大，但体积非常大wx-charts：功能相对简单，但体积小由于笔者对ech
2020-11-06 17:33:31
4892
4
原创 Javascript中的方法链式调用
前言方法的链式调用这个概念，其实是在面向对象编程中比较常见的语法，它能让使用者在一个对象上连续的调用不同的方法。在不使用临时变量存储中间结果的情况下完成一条语句上多个方法的连续调用。在使用jquery的过程中，会经常用到链式调用，比如：$('#forevercjl').addClass('px').removeClass('xp');下面我们就用一个简单计算器对象例子，来模拟实现这样的链式调用。为链式调用创建一个对象首先我们用函数创建一个对象：const calObj = function(
2020-10-31 15:39:40
1471
4
原创 ES6中的Javascript解构
ES6中的Javascript解构对象的解构基础对象解构解构没有声明过的对象解构对象并重命名变量解构默认值在函数参数中解构解构嵌套对象数组的解构基础对象解构解构默认值在解构中交换变量从函数的返回解构数组ES6中的解构特性能让我们从对象（Object）或者是数组（Array）中取值的时候更方便，同时写出来的代码在可读性方面也更强。之前接触过python语言的小伙伴应该对这个不会陌生，这个特性早已在python中实现了。在python中，我们可以通过下面的代码来取值lst = [3, 5]first, s
2020-10-24 15:42:13
1576
7
原创 使用React Hooks请求数据并渲染
前言在日常的开发中，从服务器端异步获取数据并渲染是相当高频的操作。在以往使用React Class组件的时候，这种操作我们已经很熟悉了，即在Class组件的componentDidMount中通过ajax来获取数据并setState，触发组件更新。随着Hook的到来，我们可以在一些场景中使用Hook的写法来替代Class的写法。但是Hook中没有setState、componentDidMount等函数，又如何做到从服务器端异步获取数据并渲染呢？本文将会介绍如何使用React的新特性Hook来编写组件并
2020-10-16 21:55:56
9524
10
原创 研发人员分层及其工作内容划分
随着团队的发展，单一技术栈的人数已经快达到10个人的规模，一些团队问题慢慢的也暴露了出来。以单一技术栈（Web前端）来举例，目前前端技术栈一共有9名开发，职级分布如下T11-13 ：5人T14-16 : 4人当前遇到的主要问题有如下两点：月末绩效互评时，高职级与低职级的开发之间无法很客观的相互给出评价，经常会因此产生矛盾，大家互相不认可。因为高职级开发的工作内容经常会带有面试，带新人，技术预言等工作，而低职级的开发绝大部分的工作是业务开发，两方工作内容有一定的区别。高职级开发的战斗力没有完全发
2020-10-13 19:24:15
2751
原创 用Nodejs实现在终端中看股票
用Nodejs实现在终端中看股票背景最终效果使用配置背景前阵子在股票行情见好时拿出全部零花钱入了几手，后来大盘来来回回调整时也不想卖，准备再留一段时间看看。开盘的时间都是要撸码的，在电脑上使用软件或网页去看行情总归不妥。由于股票界面过于明显，其他人票你屏幕一眼就知道你没在干正事而是在炒股。所以想了一个办法，在IDE界面的控制台中能实时显示想看的股票不就好了？别人不仔细看还以为是程序的log。最终效果在vscode的Terminal中运行程序，能看到下图的效果使用此项目没有打算发布到npm，
2020-10-10 19:39:06
925
4
原创 微前端之如何拆解React巨石应用 qiankun
这里写目录标题背景解决之路为什么用微前端为什么我们选择`qiankun`重构之路两个 React 的坑babel 配置读取不到的坑通信异步加载浏览器的 fetch 差异总结优化开发体验篇内存占用严重，子应用无法热更新monorepo 项目的开发命令管理公共包结尾更多文章背景???? 博客首发 : SugarTurboS Blog团队的项目 A 经历两年需求的洗礼，一些问题也随之暴露出来：项目引用的npm包很多，业务代码也很多，有着向巨石应用发展的趋势。巨石应用的一些典型问题如下：构建效率低下、
2020-09-30 13:33:55
2918
6
原创 你还在为项目里的重复请求而发愁吗？
github blog: https://github.com/SugarTurboS/Blogs/issues/44如果文章对您有帮助，请赠与一个star，谢谢。你还在为项目里的重复请求而发愁吗？前言背景重复请求的危害解决思路前置处理后置处理结论实现方式优化效果repeat-request-minder介绍repeat-request-minder-webpack-plugin介绍Github地址前言最近发现项目里面会出现一些重复的请求，在某些页面中，相同参数相同地址的请求会在1s之内连续发送多
2020-09-04 18:16:51
388
原创 让你能早点下班的redux开发工具
让你能早点下班的Redux开发工具前言背景dvarc-redux-model特性安装相关说明如何发送一个 action自动注册 action 及 reducers异步请求由谁处理 ?如何在组件中获取 state 值？数据不可变的(Immutable) ?类型正确性 ？使用提供默认 action，无需额外多写 action/reducers复杂且真实的例子hooks ?API提供的默认 Action相关文章前言今天给大家带来一款 redux 中间件 : ???? rc-redux-model，为你们 ✍️
2020-08-27 14:08:41
1248
2
原创 Electron教程-程序目录结构
Electron教程-程序目录结构程序目录结构主进程渲染进程主进程模块目录1、通用模块2、日志模块3、配置模块4、进程通信模块5、应用间通信模块6、窗口管理模块渲染进程模块目录1、通用组件模块2、数据共享模块3、静态资源模块4、窗口业务模块总结程序目录结构Electron应用程序分成三个基础模块：主进程进程间通信渲染进程对于做纯web开发的新人，可能对多进程开发结构不熟悉。在浏览器中，基于安全策略考虑，web页面通常是在一个沙盒环境中运行的，不被允许去接触原生的资源。然而在Electron
2020-08-21 17:28:56
2574
2
原创 前端混沌组件初探
前端混沌组件初探什么是混沌混沌组件构建插件什么是混沌混沌即混沌工程，首先我们得知道混沌工程是什么。混沌工程起源于Netflix公司，Netflix公司的工程师创建了一种验证服务可靠性的测试工具Chaos Monkey。使用这个工具，可以在我们的web系统中随机的制造一些麻烦，比如触发网络异常，流量激增，容器退出等异常，我们可以在这些异常发生时，观察我们的系统是否依旧按照我们预期的方式运行。假设在流量激增突破承载能力的场景下，我们的系统是否会触发熔断机制来保障功能稳定运行。该工具最大的作用是，让故障在造
2020-08-15 09:53:43
494
1
原创 Electron系列文章-什么是Electron？
这里写目录标题Electron 是什么定义历史基于Electron实现的软件底层实现为什么要用怎么用Electron 是什么定义Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。历史2013年的时候，Atom编辑器问世，作为实现它的底层框架Electron也逐渐被熟知，到2014年时被开源，那时它还是叫Atom Shell。接下来的几
2020-08-10 13:15:42
539
4
原创 [前端开发必备]Sugar-Electron轻量级前端开发框架
Sugar-Electron 基于Electron的轻量级开发框架前言关于应用稳定性关于开发效率低特性设计原则安装脚手架核心功能基础进程类——BaseWindow举个例子服务进程类——Service举个例子进程通信——ipc请求响应举个例子发布订阅举个例子主进程与渲染进程间通信（进程名"main"，为主进程预留）举个例子进程管理——windowCenter举个例子进程间状态共享——store举个例子配置——config举个例子插件——plugins插件封装插件安装插件使用自动初始化核心模块举个例子注意事项
2020-08-06 11:30:10
1479
原创 HTML元素绘制层级详解
文章目录默认层级Z-indexTransform总结默认层级我们在日常写页面的时候，正常情况下html元素都是按照html文档的顺序进行排布的，也就是写在后面的元素（如DIV），会显示在前一个元素（假设DIV）的下方。这种情况是最简单的，也是最好理解的。但在垂直于屏幕的Z轴方向上，浏览器是如何决定哪个元素渲染在上面，哪个元素渲染在下面的呢？先来看下面这段demo<style>#a{ width: 100px; height: 100px; background: red;}
2020-07-31 13:00:16
2549
2
原创 你必须要会的4种Web前端设计模式
在软件工程领域，设计模式是为了解决特定问题而产生的一些可复用的方法、模板。每一种设计模式都针对性解决某一类场景的问题。设计模式被认为是开发者解决通用问题的最佳实践。通常我们学习的设计模式，大多数与面向对象的语言相关，比如Java。市面上大部分关于设计模式的书籍也是基于面向对象来进行讲解的。但对于大部分平常写JavaScript的开发者来说，面向对象的设计模式基本上是用不着的，如果不仔细思考，会经常错误或过度使用设计模式，不仅增加了软件开发成本，还加重了后期维护的负担。作为以Javascript为主语..
2020-07-22 16:29:31
5418
10
原创 你的Web系统真的安全吗？
千里之堤，溃于蚁穴。在Web系统中，一个小小的漏洞，往往能引发极其严重的后果。因此，Web安全是每个系统在设计、开发、运维时必须要重点考虑的问题。现如今很多Web系统所采取的防御措施是偏向于基础和简单的，往往只针对常见的安全漏洞做了防御，比如：Csrf XSS sql注入等等。这些基础的防御措施是必须要做的，且实施的成本不高，但它们只是系统安全防御中的基础部分。很多开发人员在意识中认为做好这些就足够应付大部分情况了，这种想法是非常危险的。实际上，除了这些基础且标准化的漏洞，每个业务系...
2020-07-18 09:37:07
2326
1
原创 用企业微信机器人搞事情
从把办公通信工具从微信迁移到企业微信后，群组里面多了一个叫“群聊机器人”的功能，如下图，我在某个群建了一个叫“测试”的机器人。听名字会让人以为群里面有个能自动答复的机器人，@它就能跟他对话。其实并不能，他的功能比较弱鸡，只能通过图中Webhook的接口向他post数据，然后它来完成在群里发消息以及@某人的功能。虽然现在的功能比较弱，只能单向发消息，但是在整个研发过程中，还是有很多场景可以利用它来搞些事情。Gitlab小助手 Gitlab是目前开发中...
2020-07-16 19:29:59
2639
1
原创 如何向别人展示你的工作？
工作中，不可避免的需要向别人展示你所做的工作内容，比如分享、职级晋升答辩等等。大多数情况下，你展示的对象是本专业的同事或者专家。但也有些情况下，展示的对象可能会是销售、市场等专业的同事。如何让你的展示更精炼，更有说服力呢，下面几点也许能帮到你。确定一个可控的展示主题和框架。在平时的工作中，你可能会花很长的一段时间来解决某个问题，或是研究一个课题。这个过程中涉及的技术点非常多，每个技术点都有它可以讲的地方，往往你会一股脑的把所有做过的东西全塞PPT里面去，你认为这样才能体现你...
2020-07-16 19:24:48
882
原创 为什么要搞代码评审？
代码评审是在软件开发流程中非常重要的一环，由于这个环节需要开发具有一些在写代码时涉及不到的能力，如沟通能力、判断力等，所以这也可能是最具有挑战的环节之一。一个功能的代码可能被写成N种不同的形式，这些不同的形式一定程度上决定了执行效率、可维护性、可读性等方面。这些方面大部分情况下很难通过机器来识别，所以代码评审环节不可或缺。我们先来看下它的定义：代码评审也称代码复查，是指通过阅读代码来检查源代码与编码标准的符合性以及代码质量的活动。（来自百度百科）上面定义中提到了...
2020-07-16 19:21:46
1999
2
原创 浅谈技术氛围
在互联网公司中，研发团队可谓是第一生产力，他们看待问题非常的理性，除了薪资外，还讲究一种叫技术氛围的东西。那什么是技术氛围？听起来挺虚的是不是？我个人认为，就是技术在整个团队乃至公司中，能被足够的重视。团队中的大部分人，能热爱技术，喜欢折腾，乐于分享。在这样的环境下，一方面能激发团队不断的推陈出新，另一方面也能使团队成员有持续的个人成长。Leader是否重视技术这件事，非常大程度上直接决定了团队的技术氛围走向。如果Leader只是把成员当成螺丝钉，以春蝉到死丝方尽的理念用他们，那结果就很明显了——.
2020-07-16 19:20:02
2123
原创 使用webpack构建ueditor
由于种种原因，我们选择了Ueditor作为我们的富文本编辑器选型。Ueditor不支持模块化，所以无法在代码中使用import去引入。一开始我们在项目中是将Ueditor的js文件直接通过script标签引入，在React的代码里直接使用window.UE去使用编辑器。但是这就有一个问题，我们对UE的源码进行了改动，加入了定制化的功能。而直接引入的UE文件在浏览器是有缓存的，我们每次改动都要清...
2018-08-22 09:25:26
1108
空空如也
欢迎大家关注SugarTurboS社区！
2020-10-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人