- 博客(60)
- 收藏
- 关注
RSS订阅原创 前端领域的插件式设计
插件，是一个常见的概念。例如，当我们需要把我们前端代码中的 css 样式提取打包，我们可以用 webpack 的 mini-css-extract-plugin，或者你如果用 rollup 的话，可以选择 rollup-plugin-postcss。再比如我们可以给 babel 配置 @babel/plugin-proposal-decorators 插件来支持装饰器语法；
2023-10-23 16:40:11
253
原创 深度剖析 Vite 配置文件
因为配置文件代码可能会有第三方库的依赖，所以当第三方库依赖的代码更改时，Vite 可以通过 HMR 处理逻辑中记录的 configFileDependencies 检测到更改，再重启 DevServer ，来保证当前生效的配置永远是最新的。不过，后面 Vite 还会处理一些边界情况，在用户配置不合理的时候，给用户对应的提示。这里的逻辑稍微有点复杂，很难梳理清楚，所以我们不妨借助刚才梳理的配置解析流程，深入 loadConfigFromFile 的细节中，研究下 Vite 对于配置文件加载的实现思路。
2023-10-19 11:59:11
429
原创 超全面的前端工程化配置指南
前端工程化配置指南本文讲解如何构建一个工程化的前端库，并结合 Github Actions，自动发布到 Github 和 NPM 的整个详细流程。
2023-10-17 11:28:44
155
原创 前端架构思考，Vue or React？领域设计、文件结构、数据管理、主题替换
总的来说，通过这种代码的组织方式，让 ui 层和逻辑层出现了比较分明的界限，明确了各自的职责，让维护的成本更加低了。纯粹的手动替换，傻傻的。每个页面下的 components，到了这个类别下，已经是圈定了指定的页面，所以除了 props，还可以有 model，甚至是页面级的 model 数据，至于数据的处理方案，请向下细读。在划分类型后，再对每个计划做能力层级的划分，可以是 create、modify、detail、info 等模块，适用于每个计划有较大的差异性，可复用的模块不太多的情况。
2023-10-16 18:40:10
634
1
原创 前端新特性：Compute Pressure API！！！
PressureObserver API 属于 Compute Pressure API 的一部分，它可以实时反映 CPU 的压力，未来还可以反映散热的压力。开发者可以通过监听 CPU 的变化动态调整视频流的质量和数量，选择性的开启或关闭虚拟背景等行为提升用户体验。
2023-10-16 13:51:04
116
原创 实现一个自己的脚手架教程
脚手架并不实现，难的是最佳实践的整理和沉淀。本文不会涉及到最佳实践方面的内容，只是教会你如何实现一个最基础的脚手架，以此作为展示最佳实践的载体。如何搭建一个脚手架的工程如何开发和调试一个脚手架脚手架中如何接收和处理命令参数脚手架中如何和用户交互脚手架中如何拷贝一个文件夹或文件脚手架中如何动态生成一个文件脚手架中如何处理路径问题脚手架中如何自动安装模板所需依赖以上的案例是 mustache 最简单的使用，下面来额外介绍一些常用的使用场景。
2023-10-11 15:04:37
253
原创 【前端工程化】配置React+ts企业级代码规范及样式格式和git提交规范
在前端项目工程日益复杂的今天，一套完善的开发环境配置可以极大的提升开发效率，提高代码质量，方便多人合作，以及后期的项目迭代和维护，项目规范分项目目录结构规范，代码格式规范和git提交规范，本文主要讲后两种// 可选类型，和上面commitlint.config.js配置的规则一一对应types: [{ value: 'feat', name: 'feat: 新功能' },{ value: 'fix', name: 'fix: 修复' },
2023-10-10 14:09:26
757
原创 一文讲清楚webpack和vite原理
每次用vite创建项目秒建好，用vue-cli创建了一个项目，却有点久，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看完绝对有收获！webpack基本使用webpack打包原理vite工作原理小结。
2023-10-10 14:06:44
1125
1
原创 深入理解React中fiber
Fiber是对React核心算法的重写，Fiber是React内部定义的一种数据结构，将更新渲染耗时长的大任务，分为许多的小片。Fiber节点保存啦组件需要更新的状态和副作用，一个Fiber代表一个工作单元。React Fiber scheduler将工作分为多个工作单元。它设置每个工作的优先级，并使暂停、重用和中止工作单元。
2023-09-27 10:16:08
566
原创 整会promise这8个高级用法，再被问倒来喷我
先总结成一句话，就是以上三个函数都会返回一个新的promise包装对象，被包装的值为被执行的回调函数的返回值，回调函数抛出错误则会包装一个rejected状态的promise。promise的then的第二个回调函数和catch在请求出错时都会被触发，咋一看没什么区别啊，但其实，前者不能捕获当前then第一个回调函数中抛出的错误，但catch可以。然而，await还有一个鲜为人知的秘密，当后面跟的是非promise对象的值时，它会将这个值使用promise对象包装，因此await后的代码一定是异步执行的。
2023-09-27 10:14:35
101
原创 一文讲清楚webpack和vite原理
每次用vite创建项目秒建好，用vue-cli创建了一个项目，却有点久，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看完绝对有收获！webpack基本使用webpack打包原理vite工作原理小结。
2023-09-26 11:35:34
547
原创 微信小程序开发【前端+后端（Java）】
其实也不算什么申请，在购买域名之后可以申请免费的ssl证书，在前面的配置文件application.properties中有证书的配置，将证书的pfx文件直接添加到后端项目下即可。这些基础的东西我就不过多介绍，大家在刚开始开发的时候一般都没有自己的服务器及域名，所以大家在本地编写的时候，在“详细”下的“项目设置”里面将“不校验域名安全性”勾选。对于springboot项目，本人建议打jar，直接在服务器上部署即可，在服务器上只需要安装对应版本的jdk即可。我购买的是阿里云的轻量级应用服务器部署的。
2023-09-25 14:04:49
3428
原创 如何用CSS实现10种现代布局
if ("后来".equals(word)) { message="正在热映的后来的我们是刘若英的处女作。=''}}"> {{message}} </view>js文件：变量的定义见上一个js文件//获取输入框的内容 houduanTab_input: function (e) { this.setData({ word: e.detail.value }) }, // houduanButton2的网络请求 houduanButton2: function () { var that = this;
2023-09-25 14:02:48
73
原创 超全面的前端工程化配置指南
本文未涉及到：组件库、Monorepo、Jenkins CI 等配置，但能覆盖绝大部前端项目 CI/CD 流程。有些地方讲得比较细，甚至有些啰嗦，但还是希望能帮助到大家！撒花！🎉🎉🎉。
2023-09-22 10:19:04
94
原创 微前端架构的几种技术选型
微前端是什么：微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品。采用微前端架构的好处就是，将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性。想做的事和微前端想解决的问题是类似的，把一个应用进行拆分成多个应用，每个应用可独立开发，独立部署，一个应用可以。
2023-09-22 10:17:33
425
原创 如何用一行CSS实现10种现代布局
这是营销网站的常见布局，例如，可能有一行 3 个项目，通常带有图像、标题，然后是一些描述产品某些功能的文本。正因为如此，如果您想让您的框填充到它们的 <flex-basis> 大小，缩小到更小的尺寸，但不拉伸以填充任何额外的空间，请写入：flex: 0 1 <flex-basis>。在这种情况下，grid-column: 1 / span 12 将等效于 grid-column: 1 / 13 ，而 grid-column: 2 / span 6 将等效于 grid-column: 2 / 8。
2023-09-21 17:15:31
331
原创 8个很棒的Vue开发技巧
可能想到的方式是在创建生命周期中调用它一次，但这不是一种优雅的编写方式，所以也许我们可以使用这样的东西。6.事件参数$event$event 是事件对象的一个特殊变量，它在某些场景下为我们提供了更多的可用参数来实现复杂的功能。在组件中使用 $route 会导致与其相应路由的高度耦合，通过将其限制为某些 URL 来限制组件的灵活性。Deep Listening监听一个对象时，当对象内部的属性发生变化时，watch是不会被触发的，所以我们可以为它设置深度监听。通常在组件中使用路由参数，大多数人会做以下事情。
2023-09-21 17:00:15
173
原创 解析Node.js镜像原理，轻松构建高效CI/CD流程
除了直接使用官方的nodejs镜像，其实我们也可能会自己封装适合自己公司项目的nodejs镜像，其目的都是为了在镜像内增加定制逻辑，方便统一处理公司所有项目的通用问题，比如设置公司的npm代理源，设置一些常用的npm包第三方依赖变量，安装pnpm，处理install 及build过程中的因为buildkit缓存错误导致的构建失败等，封装有两种思路思路1: 从零开始封装思路2: 基于官方镜像进行二次封装nodejs官方镜像主要由三部分组成linux版本 + 工具包合集 + nodejs运行时。
2023-09-20 10:43:00
418
原创 大厂为啥都要NODE去写中间层（BFF）
BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。这个词来源于Sam Newman的一篇文章：Pattern: Backends For Frontends[1]。BFF一般指的是在前端与后端之间加增加一个中间层。为什么要在前端和后端之间增加一个BFF层呢？计算机科学中的所有问题都可以通过加一层来解决。因此，需要使用BFF的场景，肯定是普通的前后端开发模式遇到了部分问题。例如在Sam Newman的文章中就描述了BFF解决多个展示端的场景。
2023-09-20 10:40:44
94
原创 北京小程序开发-微信小程序开发时间总结
自定义组件的资源管理data: {},});behaviors类似于 Vue 和 React 中的mixins，用于定义多个组件之间的共享逻辑，可以包含一组 properties、data、lifetimes 和 methods 的定义；properties类似于 Vue 和 React 中的 props ，用于接收外层（父组件）传入的数据；data 类似于 Vue 中的 data 以及 React 中的 state ，用于描述组件的私用数据（状态）；
2023-09-19 18:00:50
280
原创 北京小程序开发：微信小程序原生、第三方、框架，哪种更适合你？
在进行微信小程序开发时，建议先仔细阅读微信小程序开发文档，了解微信小程序的开发规范和API使用方法，以避免出现问题及降低代码质量。Taro采用了React的组件化开发思想，提供了类似于React的API和组件库，开发者可以使用React语法来实现小程序应用。Uni-app使用Vue语法来实现页面的渲染和逻辑控制，提供了自定义组件、数据绑定和路由等功能，可以帮助开发者更快速地创建小程序应用。在微信小程序开发中，开发者可以选择不同的开发方式，包括原生开发、框架开发和第三方工具开发等。
2023-09-19 17:52:28
130
原创 如何像拼乐高一样，完成详情设计？
在B端的设计之中，详情页往往要承载着复杂信息，而作为查阅者往往也会因为信息复杂从而导致阅读成本较高，因此详情页也受到了业务的关注，设计师也有设计难的感受。今天我提供一些奇怪的设计思路来谈谈如何设计得更轻松一些。无论是拼乐高还是拼积木，如果你想拼的准和好，那你就得有属于自己的方法方式，笔者将自己总结为：“分”“拆”“找”“选”。本文通过以乐高搭建的方式来拆解详情页面的设计方式，希望能给到同行遇到复杂页面迷惑时一丝丝帮助。如果有不同的思考方式，随时联系与沟通。
2023-08-21 14:42:42
48
原创 AI技术，重塑虚拟人？
本月初，小冰公司首个网红明星克隆人“半藏森林”上线5日后下架，官方数据显示，仅两天内这个克隆人已与用户产生了30万次对话，但付费数据并未公开。用户在互动时，对方可通过语音、文字形式回复。但若要体验更多互动模式，需要付费解锁。其中，情感模式是24小时陪伴，而支付30元/月或360元/年可解锁超级模式，克隆人会成为用户的办公伙伴，提供撰写文案等服务，用户还能与克隆人视频通话。小冰公司相关人士透露，其本人可决定将克隆人有偿或无偿提供给受众，分成模式是本人拿大头。
2023-08-18 15:06:48
106
原创 国外的7个联络中心的生成式人工智能实践
来自国外大厂的7个联络中心的生成式人工智能实践——“从自动化电话后的处理到自动生成知识文章，有许多应用可能会激发服务领导者的兴趣。生成式AI的兴起有望改变游戏规则。有人甚至将其比作互联网、智能手机和云计算的曙光。然而，炒作还没有消退。如果有的话，技术提供商正越来越兴奋于其带来的创新潜力。联络中心系统供应商也不例外。他们已经开发出许多由生成式AI提供动力的解决方案，旨在改变客户服务运营。到目前为止，这里有七个最好的例子。
2023-08-17 11:53:55
115
原创 关于GPT-5目前所知道的一切
自 OpenAI 2022 年 11 月发布 ChatGPT 已经超过半年，各大 AI 爱好者积极拥抱 LLMs 涌向出的强大能力同时，而对其所引发的一系列安全伦理问题的担忧同时存在。担忧与期待共存之下，OpenAI 何时发布下一代版本 GPT-5，会有哪些新突破？本期我们带给大家目前关于 GPT-5 的最新动态，并对 GPT 背后的 AGI 提出思考与展望。
2023-08-16 10:48:36
378
原创 GPT-5要来了？AI行业会发生哪些剧变？
从ChatGPT问世至今，AI就在以月为单位飞速进化着，其模型之多，迭代之快，让很多人不不禁惊觉：人类似乎真的站在了AGI大门的边缘。USPTO 文件截图尽管在今年上半年，各个AI专家、学者已经多次联合发表公开信，呼吁人们重视生成式 AI 的潜在风险，而OpenAI当时也宣布短期内不会有训练GPT-5的计划。然而，科技的诱惑，终究还是让人类打破了禁忌的边界。在这次披露的申请书中，OpenAI提到，尚未发布的USPTO 文件截图那么，这样的改变，对AI和人类而言，又意味着什么？
2023-08-15 14:01:06
108
1
原创 GPT给数字人装上大脑？
ChatGPT的横空出世，算是接管了元宇宙的“疯狂游戏”。由后者衍生出的数字人产业，虽然商业路径屡受质疑，但如今借着AI东风，再次被炒得火热。除了百度、阿里等大厂加码布局外，不少上市企业更是闻风而动，迅速冲到了新市场的牌桌面前。天娱数科、万达信息、蓝色光标、奥飞娱乐等，均提到正在研发相关技术，并且试图将数字人接入ChatGPT。落地到应用上，包括蒙牛、钟薛高等消费品牌，纷纷推出数字代言人；众多车企、银行推出数字员工；薇娅背后的谦寻也在近期被曝出联合虚拟偶像“星瞳”，开启直播带货的尝试。
2023-08-14 10:30:39
191
1
原创 当GPT开始连接“无声的世界”
如今，GPT让我们看到，它在连接世界各国语言之间的重要作用。无论是中文、英语、法语、日语、西班牙语、葡萄牙语，还是每个国家之间不同的方言，比如国内的粤语、闽语、吴语、客家语等，GPT都可以在大量学习之后，轻松地进行翻译交流。然而，世界上还有一种语言，很容易被人遗忘——那就是聋哑人生活中必不可少的「手语」。实际上，手语也有国别与地区之分，也有各种各样互不相通的「方言」。要读懂一个人的手语，真正理解他的意思，从来都不只是像看电视一角的手语翻译者演示的那样简单。
2023-08-11 16:58:35
154
原创 除了模型， GPT 们还在卷什么？
ChatGPT 作为行业标杆，直接定义了生成式对话机器人行业标准。免费版本的 ChatGPT 早期只有对话、对话管理以及简单的主题设置功能，靠着模型能力席卷全球。随着用户的增多和抱怨，ChatGPT 的产品经理也坐不住了开始逐步增加一些功能。最令人深刻的当属 Upgrade to Plus，牢牢霸占左下角的设置页，一眼望过去只有两个字，「充钱」。除此之外，ChatGPT 也逐步增加了主题设置、隐私管理等功能，但仍然突出一个克制，颇有小龙哥真传。
2023-08-10 09:51:29
173
原创 Apple Vision Pro 视觉与动效设计原则拆解
Vision Pro的视觉与动效篇一共分为7个部分：视觉深度提示、内容参数、眼睛费力度、虚拟对象的运动、头部锁定内容、窗口内运动、震荡动画。前三个部分说的是视觉，后四个部分说的是动效。无论是视觉还是动效，每个部分，都是人体工学基础+设计经验的组合介绍。为什么要了解人体工学的基础呢？因为如果没有基础的知识打底，只看官方总结的经验，就容易知其然不知其所以然，在应用中产生很多问题，更无法把官方总结的设计经验适用到更广泛的领域中。
2023-08-09 11:28:13
112
原创 国内大模型在局部能力上，已超ChatGPT
从GPT3.5彻底出圈后，大模型的影响力开始蜚声国际。一段时间内，国内科技公司可谓被ChatGPT按在地上打，毫无还手之力。彼时，很多企业还不知大模型为何物，GPT3.5就已够生成诸如营销文案、小说、诗歌等高质量的中文文本。一时间，买课小贩和相关开发者大行其道。现如今，在国内厂商严肃对待OpenAI后，情况发生了变化。在公开资料中，就有360、复旦大学、科大讯飞等企业表达了在中文能力上超越ChatGPT的消息。现在，时间进入2023年8月份，号称超越国外竞品的公司变得越来越多。
2023-08-08 13:52:53
150
1
原创 揭秘与客户共创成功的五大关键要素！
关于这个产品的发展轨迹像一部电影在我脑海中上演：从无到有，逐步打磨，到最终商业化，每一个画面都充满着浓厚的情感。这是一段充满挑战与冲突，却又满载收获的创新之旅，给人带来无尽启示。我对这个过程进行了深入而详尽的反思与总结，并发现，要想与客户共创成功产品，存在五个必不可少的关键要素。
2023-08-07 15:44:06
235
原创 “百模大战”即将迎来一轮应用淘汰赛
从公元元年到18世纪，人类经济增长曲线几乎是平的，也只有在近三百年才出现工业革命，近几十年才有了信息技术。人类历史上第一台计算ENIAC最初诞生，并不是用于个人计算，而是用于大量军用数据的计算，但数十年后，它却彻底改变了人们的生活方式。如今的大模型，就如同当年的ENIAC。
2023-08-04 10:14:48
544
原创 海外版抖音TikTok 新动作！和出海企业密切相关
TikTok新推出的纯文本发布功能如同一场社交风暴，刷新了社交平台的界限，为用户创造了新的可能性和体验。它堪称一次社交平台的重要突破，带来了巨大的创意革命。通过激发用户的创意和参与，TikTok为用户提供了更多展示自己的方式，为广告主提供了更丰富的商机，为用户和品牌创造了更加多元化和广阔的互动环境。面对老牌社交巨头的竞争，TikTok采用了差异化的策略，以纯文本发布功能为突破口，扩展了自身的用户群体和广告市场，也让TikTok在竞争激烈的社交媒体领域中脱颖而出。
2023-08-03 13:59:44
100
原创 Transformer能解释一切吗？
提出Transformer的那篇论文《Attention is All You Need》问世已经是六年前的事了。当初的8位论文作者有6人出自谷歌，但到现在大多也已转身寻找新的故事。Lukasz Kaiser去了OpenAI，他曾经谷歌大脑的同事Noam Shazeer成立了Character AI，估值已经超过10亿美元。
2023-08-02 12:04:23
185
原创 普通人转行“提示工程师”还有意义吗～
这是一个“虽迟但到”的提示工程师（Prompt Engineer）职业祛魅指南。很多读者可能已经从很多地方了解到，提示工程师有多么火爆，市面上也出现了许多高价“卖铲子”的培训班，号称“拿百万年薪”。而前不久的一个亲身经历，则让我确信，普通人转行“提示工程师”，毫无意义。事情是这样的：我前不久去深圳东莞的松山湖风景区，参加了HDC.cloud 2023华为开发者大会。那里平时也有不少市民前去游玩打卡拍照，所以活动现场的展厅和会议室，也来了很多老人和小孩看热闹。
2023-08-02 09:57:19
65
原创 内地新消费，复制到香港
如果你最近走在中国香港的街头，会发现一些变化：上海性价比精品咖啡品牌Manner，广东的林香柠、茶救星球等新茶饮品牌，源自北京的猫抓烤肉，都如雨后春笋般在这里冒了出来。而且，不出意外，今年在香港还能吃上西塔老太太、太二酸菜鱼、遇见小面等内地常见的餐饮品牌。之前，想要在香港吃一份“内地连锁家常菜”可并不是件容易事儿。在被誉为“世界美食之都”的香港，并不缺乏中餐品牌。但不论是传统中式酒楼、连锁餐厅或是夫妻小店，大多均诞生于香港本土。
2023-08-01 10:38:24
36
原创 竞争的三大策略——对立、借势、细分
在单个品类市场中，如何抢占竞争对手的市场份额？不同的市场地位需要采取不同的策略，策略选得对，即使面临大的对手，依然有可能抢占一席之地。抢占份额的目的是不仅是为了获得更多销量，更是为了获得该品类中排名靠前位置，从而，当消费者从品类维度选择品牌时，能获得优先权。
2023-08-01 10:28:31
49
空空如也
面向对象设计一个产品是先出图，还是先要¥？
2023-07-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人