lipten主页

背景我们有个用umi搭建的项目一直在迭代增加功能，项目引入的第三方库也越来越多，本地开发webpack启动dev-server越来越慢，就拿我自己用的Macbook pro 14寸来说，搭载了M1 Pro芯片都要一分钟左右，热更新要3秒左右，其他前端小伙伴用的机子启动要3分钟，热更新等10多秒，这是非常影响开发体验和效率的，目前构建工具除了webpack之外还有esbuild以及swc，而目... 阅读全文…

简介这两天把之前写的一个P2P文件传输demo优化了一下界面和体验，只需要其中一方输入对方的6位UUID就可以建立连接，然后就可以选择文件发送了，下面是体验链接： https://peer.codeasily.net 使用步骤 张三想找李四发个小视频给他，但是怕经过互联网传文件被查水表，而且张三和李四用的是不同平台操作系统的设备，此时他们想到了https://peer.codeasily.n... 阅读全文…

在CodeasilyX的增强版的开发中用到了CodeSandbox开源的sandpack插件，以前一直想实现在浏览器实现类似webpack的包编译运行能力，无奈自己能力和精力有限，不敢碰这块大坑，好在CodeSandbox已经实现了😁，接入过程非常轻松，还能满足我特殊定制的功能，着实灵活👍 声明以下是我对codesandbox/sandpack这个项目的学习笔记，纯个人理解... 阅读全文…

时隔多年，我叒更新codeasily了🤣，不了解codeasily的朋友可以回顾我之前的文章[CodeasilyX - 可记录交互行为的代码编辑器 | lipten主页](https://blogs.lipten.link/2020/04/22/CodeasilyX - 可记录交互行为的代码编辑器/) ，这次带来了编辑器功能的增强，在上一版中只能做简单的静态运行，这次加入了类似... 阅读全文…

最近在上手了skulpt开发之后想到其实可以往python的图形界面相关的库去发力，因为javascript在图形方面的生态还是蛮有优势的，而且图形界面给人的感觉更直观更容易表达，所以先从pythen比较流行的2d库入手，利用skulpt实现pygame-zero，底层执行的js代码由PIXI.js运行。 后续会研究物理引擎、3D方面的库来探索更多的功能。 本项目已经开源，想要了解源码... 阅读全文…

Skulpt简介Skulpt是一个将Python(大约3.7版本)编译成Javascript的系统。它可以直接在浏览器实时编译运行python语法的代码，但是python本身不是被设计用在浏览器中运行的，所以浏览器提供的jsAPI并不能很好的用python语法实现，反过来python能在客户端管理文件、系统资源调度的能力也无法在浏览器中实现。 虽然有同类型的项目（brython、transc... 阅读全文…

skulpt模块认知通过上一篇的讲解我们应该知道skulpt实现python模块是用javascript写的并且由skulpt提供的一些jsAPI来使python能够以想要的形式来调用。 比如我想在python调用模块内的某个方法是这么写的： 12import modmod.add(1,2) 那么js编写的模块就可以这么声明这个add函数： 12345678var $builtinmodu... 阅读全文…

概述本文讲的是利用WebRTC中的RTCPeerConnection的能力如何实现P2P通信的，在文末还有demo实现了P2P传输文件的应用，P2P传输文件的好处就是可以在同一内网的两台机器直接通过内网传输。 本文涉及的技术点会有点多，我会先从介绍WebRTC和P2P开始，然后围绕WebRTC建立P2P连接的过程了解所有的具体内容。 WebRTC简介webrtc是为浏览器提供实现实时音视频通... 阅读全文…

这个项目是我在公司做的项目，在这里只是分享开发经验心得，与具体业务和源代码无关，如果有听不明白的地方可能是为了保守起见，望见谅。 项目介绍前端开发的有3个项目： 后台项目：后台用户从组件库中选择组件组合成一个落地页，前端生成页面配置(json)，调用构建服务生成文件并上传cdn 构建服务：构建服务是由后台点击发布时触发自动化构建，利用服务端预渲染生成静态文件+客户端逻辑js打包cdn加... 阅读全文…

其实这个项目在去年就已经写好的了，只是没想好要达到什么样的一个形态来公布出来🤔，而现在也没想好😂，所以干脆还是发出来分享给大家吧，本文只是介绍这个项目，不开源代码，但这个项目是在市面上几乎没有同款的产品创意，如果觉得这个创意有价值的话可以找我合作🤝。 Demo演示先附上demo链接：https://x.codeasily.net/，demo写的比较随意，还容易出bug，为保证稳定，... 阅读全文…