首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
工作
订阅
le0zh
更多收藏集
微信扫码分享
微信
新浪微博
QQ
38篇文章 · 0订阅
【Electron】酷家乐客户端开发实践分享 — 进程通信
每个进程都有自己的一部分独立的系统资源,彼此是隔离的。为了能使不同的进程互相访问资源并进行协调工作,才有了进程间通信。 一个Electron应用有一个主进程和多个渲染进程,渲染进程还可能内嵌多个webview。两两之间都可能需要进行通信,情况还是比较复杂的。 webview: …
用户行为录帧调研
首先,每一次会话都有一个唯一的session ID,这是串联起所有行为的纽带。 其次,用户行为又分成两个部分,其一是用户的操作,比如鼠标滑动,点击,页面滚动等,其二是页面的变化。这两者我们都统称为用户行为,记录在同一个队列中。 一开始的时候,系统会记录下初始的页面作为第一帧,这…
最后一次搞懂 Event Loop
我们都知道 JavaScript 是一门 单线程 语言,也就是说同一时间只能做一件事。这是因为 JavaScript 生来作为浏览器脚本语言,主要用来处理与用户的交互、网络以及操作 DOM。这就决定了它只能是单线程的,否则会带来很复杂的同步问题。 既然 Javascript 是…
发布一个npm包,用于监控页面中的所有API请求的状态和结果
在前端监控系统中,或者其他场景下,如果我们需要监控当前页面下所有请求状态。可能通常请求下,我们会选择在请求的回调中去处理。这种做法的缺点就是会侵入具体的业务代码。在通常的监控中,监控部分的代码和业务部分的代码是分离的。此外,如果存在很多的请求需要被监听,通过侵入具体业务代码,为…
不到 0.3s 完成渲染!360 信息流正文“闪开”优化实践
开篇之前先介绍一下场景。信息流是一个基于用户兴趣使用算法将用户感兴趣的新闻内容推荐给用户的一种业务。这种业务带有非常特色的场景就是用户有一个“永远”都刷不完的推荐流列表,点击列表中的新闻之后可以跳转到其详情页中查看新闻的正文内容。列表一般都是由客户端原生去实现的,而详情页这块由…
Electron-利用DLL实现不可能
如果我们的应用想要实现这样一个需求:监听电脑的usb接口,当有新的设备(移动硬盘或者U盘)接入电脑时,能够获取里面的移动设备的情况并更新到应用程序的界面上。 按照 Electron 或者 Node.js 现成的接口,我们无法直接实现。 这时候,我们就可以根据我们自己的情况,对系…
【Electron】酷家乐客户端开发实践分享 — 入坑篇
Electron所使用的技术栈(JavaScript、NodeJs、HTML、CSS)和web前端工程师完美契合。于是,越来越多的前端工程师,用Electron来开发桌面客户端的开发,我也是其中的一员。 虽然Electron技术栈对前端工程师比较友好,但是概念较多,和web前端…
前端监控和前端埋点方案设计
在线上项目中,需要统计产品中用户行为和使用情况,从而可以从用户和产品的角度去了解用户群体,从而升级和迭代产品,使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得,除此之外,前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…
搭建Typescript+React项目模板(4) --- 项目打包
经过前面的初始化,提升开发体验和集成了一堆工具,调整了项目结构等等之后,我们是时候考虑进行项目打包了。 0. 添加打包路径工具 该配置项指定了打包路径和打包后的js文件名,在webpack的配置项中,output是必须有的。 以后指定打包文件存放路径的时候就可以直接使用这个工具…
用JS开发跨平台桌面应用,从原理到实践
使用Electron开发客户端程序已经有一段时间了,整体感觉还是非常不错的,其中也遇到了一些坑点,本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图,长文预警~】 本文所有实例代码均在我的github electron-react上,结合代码阅读文…