【介绍】CopyCoder 通过上传截图或 UI 设计图,生成详细的编码prompt提示词,供给Cursor、Bolt这些 AI 代码生成工具使用。它目前还存在只能单张图像上传和技术栈限制等小问题,个人认为后续丰富功能及解决这些问题,但也有被其他工具吸收或替代。
React Scan是开源的、用于分析React性能的工具。它通过自动检测和突出显示导致性能问题的渲染来帮助开发者识别问题,并且易于集成。本文主要介绍React Scan的安装方法、API使用情况,后续有待补充具体代码实现原理。
【介绍】日常npm install安装依赖时的“xx Packages Are Looking for Funding”信息源自于npm fund命令,旨在帮助开发者识别其项目依赖中可以资助的开源包。本文将介绍这个命令的来源、运行机制、如何取消运行以及实现源码等相关信息。
【介绍】Create.xyz是一款AI创意工具,能将自然语言描述转换成代码,快速生成网站和应用。它支持图片转代码、数据库操作和简单事件交互。尽管目前组件复用性有限,但平台正通过技术优化提升其功能,未来有望成为前端开发的有力辅助。
【介绍】color.js 的构造函数和获取器为开发者提供了强大的工具,用于创建和操作颜色对象。通过这些方法,你可以轻松地在不同的颜色空间之间转换,获取颜色的各种属性值,并进行颜色的调整和操作。
【介绍】本书从编程、软件设计、软件工程、测试等多个视角介绍了作者的一些经验。在编程和软件设计方面,提倡的重点为:减少维护成本比减少实现成本更为重要。
记录最近了解到的几个在HTML中与资源加载/渲染性能有关的(新)属性:渲染阻塞属性`blocking`,加载时机控制属性`loading`,语言翻译相关属性`hreflang`及`translate`。
【介绍】本篇将记录Effective Python《编写高质量 Python 代码的 90 个有效方法》第 75 ~ 90 条(测试与调试、协作开发)读书笔记,本篇个人记录的主要知识点为TestCase类、mock函数等。
【介绍】本篇将记录Effective Python《编写高质量 Python 代码的 90 个有效方法》第 52 ~ 74 条(并发与并行、稳定与性能)读书笔记,本篇个人记录的主要知识点为线程协程类及模块。
【介绍】本篇将记录Effective Python《编写高质量 Python 代码的 90 个有效方法》第 31 ~ 51 条读书笔记,本篇个人记录的主要知识点为函数及类的操作建议。
【介绍】本篇将记录Effective Python《编写高质量 Python 代码的 90 个有效方法》第 1 ~ 30 条读书笔记,本篇个人记录的主要知识点为PEP 8、插值格式字符串、海象操作符、切片等。
【介绍】Prettier作为目前最主流的代码格式化工具,已经支持了各主流编辑器和前端框架。本文整理prettier的所有配置项以及常用配置,以便后续使用查询。
【介绍】结构化克隆(structuredClone())是JavaScript中用来实现深拷贝的一个全局API。它利用结构化克隆算法来递归复制对象,可以拷贝各种数据类型如数组、日期、正则表达式等,并支持处理循环引用的对象。浏览器对该API支持程度不同,低版本浏览器可能需要使用Polyfill实现兼容。
在2023年12月Oracle公司宣布MySQL将引入对JavaScript的支持,开发人员可以在 MySQL 数据库服务器中编写 js 存储过程。存储的程序将与GraalVM运行时一起运行。它在 MySQL 企业版中作为预览版提供,并且可以通过Oracle 技术网 (OTN)下载。
【介绍】国内今年(2023.06)出版的新书(原英文版2022.08),书中并没有做出过多代码编写上的优化建议,而是给予通用指导原则:缩减和简化,将精力投入到重要的工作上,省下大量的时间,卸下代码维护的重担。
【介绍】文本整理了一家借助OpenAI GPT能力的商业化落地产品基本信息——TypeForm。TypeForm是一个全链路web问卷调查表单领域的noCode工具平台,可以借助ai能力辅助生成问卷各问题和自动选择交互形式。目前该企业年度经常性收入(2021年)已达到了7000万美元。
【介绍】Microsoft 和 LinkedIn 的生成式 AI 职业证书,被誉为“全球第一个生成式人工智能证书”。课程内容其实很简单、适合小白入门级,能快速理解AI的一些基础机制。本文简单记录了本人在学习过程中的一些课程知识笔记。
本文从一个三端统一的技术场景中、不断发掘一段代码中存在的if判断问题。通过代码实例和策略模式实现,阐述了这类if语句优化的思路,希望能让开发者学到分析问题和解决问题的思维方式、掌握优化if逻辑的技巧,从而提高代码质量。
【介绍】本篇将持续记录ES6(包含ES6及以上)的一些易忽略的知识点或使用技巧。
【介绍】近期Chrome正式宣布将在117版本起废弃浏览器unload事件,以此文记录unload事件相关信息、被废弃原因(桌面端和移动端表现不一致、可能影响页面性能、不符合用户的实际浏览方式)、替代方法(visibilitychange和pagehide等)、检测方案以及其他处理。
Author
My name is Micheal Wayne and this is my blog.
I am a front-end software engineer.
Contact: michealwayne@163.com