上篇文章主要是对尤雨溪在 2025 vue.js nation 大会的分享内容总结。分享中提到 vue3.6 将会使用 alien-signals
替换 proxy
响应式系统。
今天我们仔细盘盘 alien-signals
。
alien-signals
基本用法
alien-signals
是一个非常轻量级的响应式信号系统库,提供了标准的响应式三件套:signal
、computed
、effect
。
千里之行,始于足下
上篇文章主要是对尤雨溪在 2025 vue.js nation 大会的分享内容总结。分享中提到 vue3.6 将会使用 alien-signals
替换 proxy
响应式系统。
今天我们仔细盘盘 alien-signals
。
alien-signals
基本用法alien-signals
是一个非常轻量级的响应式信号系统库,提供了标准的响应式三件套:signal
、computed
、effect
。
上篇文章《🚀🚀🚀Vapor Mode 发布前,你应该知道的一些事情!》根据自己的经验,对 3.6 版本的改变做了一些预测!
响应式API
!VNode
组件级渲染方案为精确的真实dom
渲染!今天,我们一起来看看 2025
年 1月3号
的vue.js nation
大会上尤雨溪的报告内容了!
时间回到 2014 年,此时的 Angular 1.x
习得了多种武林秘籍,左手降龙十八掌、右手六脉神剑,哦不,左手双向数据绑定
、右手依赖注入
、上能模块化开发
、下有模板引擎
和 前端路由
, 背后还有Google
这个风头无两的带头大哥做技术背书,可以说集万千功能和宠爱于一身,妥妥的主角光环。
而此时的江湖,B端
开发正尝到了 SPA
的甜头,积极的从传统的 MVC
开发模式转变为更为方便快捷的单页面应用开发模式,
整个假期不管是视频还是公众号,都被Deepseek R1
刷屏了,作为国人看到自己国家的大模型如此披荆斩棘,所向披靡,实在令人扬眉吐气,中国的国运到了啊!
最令人振奋的是,Deepseek R1
训练成本仅几百万美元,而chatgpt-4o
的训练成本约一亿美元!
所以,今天我们来看看 DeepSeek R1
弯道超车的秘诀!!!
文章同步在公众号:萌萌哒草头将军,欢迎关注
Vue3
的Vapor Mode
概念不知不觉已经提出来一年了,可以说是吊足了coder
们的胃口,我去年的一篇莫名其妙成为爆款的文章🎉 尤雨溪为什么要推出 Vapor Mode🎉中,我直观的展示了细粒度更新dom
的优点,让大家历历在目!
新的消息,2025 年 1 月 29 日至 30 日,将会举办Vue.js Nation Conference
,详情你可以看这里:https://vuejsnation.com/
事情是这样的,今天浏览到了一篇 dev 上Ryan Carniato大佬(SolidJS
库作者)的文章,在文章中,作者阐述了自己对 2025 年的前段框架的展望,并且提到 React、Svelte 都在以增加编译的复杂性为代价简化开发。
大家新年好呀,
最近发现一个超级厉害的开发工具omatsuri
,它是一款开源的多功能工具合集,一次性覆盖9
个开发场景。
网站整体风格简约美观,细节满满,超级好用:https://omatsuri.app/
这篇文章主要是完善上篇文章部署服务器的部分,由于最近刚买了服务器,所以才有了今天的内容。废话不多说,下面是正文。
文章同步在公众号:萌萌哒草头将军,欢迎关注
在服务器或者其他电脑生成一堆ssh
密钥对,命令如下:
欢迎关注我的公众号:萌萌哒草头将军
入口->全局初始化->生成 vnode->挂载
入口函数
export const createApp = (...args) => {
// 1.创建实例
const app = ensureRenderer().createApp(...args);
// 2. 重写实例的 mount 方法
const { mount } = app;
app.mount = (containerOrSelector) => {
const container = normalizeContainer(containerOrSelector);
if (!container) return;
const component = app._component;
if (!isFunction(component) && !component.render && !component.template) {
// __UNSAFE__
// Reason: potential execution of JS expressions in in-DOM template.
// The user must make sure the in-DOM template is trusted. If it's
// rendered by the server, the template should not contain any user data.
component.template = container.innerHTML;
// 2.x compat check
if (__COMPAT__ && __DEV__) {
for (let i = 0; i < container.attributes.length; i++) {
const attr = container.attributes[i];
if (attr.name !== "v-cloak" && /^(v-|:|@)/.test(attr.name)) {
compatUtils.warnDeprecation(
DeprecationTypes.GLOBAL_MOUNT_CONTAINER,
null
);
break;
}
}
}
}
// clear content before mounting
container.innerHTML = "";
const proxy = mount(container, false, resolveRootNamespace(container));
if (container instanceof Element) {
container.removeAttribute("v-cloak");
container.setAttribute("data-v-app", "");
}
return proxy;
};
return app;
};
大家好,我是萌萌哒草头将军,欢迎关注我。