- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 dagger.js：AI都知道了，你还不知道？
举个例子，许多前端开发者日常使用的技术，如 TypeScript、CommonJS、JSX 和 SCSS，虽然已经成为事实上的行业标准，但用它们编写的代码不能直接在浏览器中运行，必须通过构建工具（如 Webpack、Vite或者babel）转译为es6或者es5代码，因此形成了冗长的构建链路依赖。功夫不负有心人，这些年经过行内各位精英大佬的不断努（折）力（腾）吧，现代前端开发行业终于孳生出一条条冗长繁杂的工具链路护（臭）城（水）河（沟），各种解决方案是你方唱罢我登场，还有别人在候场。
2024-12-24 23:15:05
1476
原创 dagger.js：可能是我见过的最简单易用的前端框架了
dagger.js是一个轻量级的描述式纯运行时前端框架，它无需编译，上手简单，性能优异，倡导数据即状态的设计理念，不需要开发者关注繁琐的前端状态管理逻辑
2024-11-30 22:48:13
2162
原创 dagger.js: 来看几个小栗子
大家好，我是Tony。今天给大家分享一些使用dagger.js 开发的样例作品。对比两个版本的源码可以直观地感受dagger语法与其他框架之间的差异。在之后的文章里，我们会结合实例来进一步详细介绍dagger.js的使用方式。1. 机械键盘（CSS Mechanical Keyboard）
2024-12-10 17:30:17
590
原创 dagger.js：本来无一物，何处惹尘埃（去组件化模块设计）
其中，脚本模块定义了两个方法add和multiply，在名空间模块引入这个脚本模块后，当前名空间下指令表达式中注入的$module对象将包含脚本模块中暴露的方法。下声明了一个名为“view”的本地视图模块（从id为template的DOM元素内容加载），一个名为“script”的远程脚本模块和一个名为“style”的远程样式模块。在dagger.js中，模块泛指各种可复用的代码片段，根据内容和用途不同可分为视图模块，样式模块，脚本模块等等，根据模块资源定义位置不同又分为本地模块和远程模块。
2024-12-06 01:10:35
464
原创 dagger.js：你要控制你自己（控制指令）
控制指令通常用于将作用域数据映射为DOM元素的attribute，根据数据绑定方式区别又分为单向控制指令和双向控制指令两种。在这里例子里我们还看到，指令表达式中可以使用a代替$scope.a，二者的效果是一样的，推荐使用简写方式，代码更加简洁。建立了双向数据绑定关系，当用户修改input框中的内容时，将触发监听指令。上面的例子里，两个input标签和变量a/b通过双向控制指令。大家好，我是Tony。
2024-12-05 10:24:42
309
原创 dagger.js: 近水楼台先得月（作用域嵌套）
我们知道，在javaScript当中，函数和变量都是可以嵌套定义的，在内层作用域中声明的变量会覆盖外层作用域声明的同名变量。dagger.js的作用域变量也遵循类似的覆盖规则。您的关注是对我最大的支持和鼓励。大家好，我是Tony。这篇文章咱们继续聊聊dagger.js中的作用域。注：本教程中的示例代码使用即将release的。语法编写，与官网文档略有不同。
2024-12-03 16:57:13
270
原创 dagger.js：从零开始
再次说明一下，dagger.js使用模块声明+描述式指令表达式进行工作，它直接运行在浏览器js运行时当中，无需编译过程。这意味着你无需预装任何构建工具或者包管理工具（包括但不限于node/npm/webpack/vite/babel...），当然也无需具备相关先验知识，就可以直接使用dagger.js上手开发web应用。下面让我们打开代码编辑器，从零开始编写第一个dagger.js应用程序。接下来让我们添加几个基本指令，感受下dagger.js的工作方式。一个最基本的dagger.js应用就创建完成了。
2024-12-02 00:39:00
404
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人