摘要：纯粹是给自己用的。每次都要找好久，所以记在这里了。 阅读全文
[置顶]自然框架的源代码、Demo、数据库、配置信息管理程序下载（2011.1.7更新）
2009-10-28 21:05 by 金色海洋（jyk）, 26117 阅读, 28 推荐, 收藏, 编辑
摘要：自然框架在线演示：http://demo.naturefw.com/ 目前在线演示不开放管理员账号。自然框架的网站已经基本完成，下载就转到网站里面了，http://www.naturefw.com/down/List1.aspx请到这里下载。管理员的账号：admin密码：123登录后可以到“系统管理”——“账户管理”里面查看用户，密码都是 123 。自然框架里的数据访问函数库的帮助文件（自然框架DataAccessLibrary帮助.chm）这个是由网友“空”帮助制作完成的，在此表示衷心的感谢！http://files.cnblogs.com/jyk/自然框架DataAccessLibrary 阅读全文
[置顶]能自己“跑”的表单控件，思路，雏形，源码。vs2005版本
2008-05-25 17:32 by 金色海洋（jyk）, 8788 阅读, 1 推荐, 收藏, 编辑
摘要：您是如何添加数据呢？方便吗？好修改吗，对于扩展又是怎么样的呢？大家一起来聊聊如何？ 阅读全文
【vue3】详解单向数据流，大家千万不用为了某某而某某了。
2024-08-02 10:30 by 金色海洋（jyk）, 509 阅读, 5 推荐, 收藏, 编辑
摘要：总览 Vue3 的单向数据流 尽信官网，不如那啥。 vue的版本一直在不断更新，内部实现方式也是不断的优化，官网也在不断更新。 既然一切皆在不停地发展，那么我们呢？等着官网更新还是有自己的思考？ 我觉得我们要走在官网的前面，而不是等官网更新后，才知道原来可以这么实现。。。 我习惯先给大家一个整体的概 阅读全文
Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots
2023-05-26 12:11 by 金色海洋（jyk）, 3520 阅读, 1 推荐, 收藏, 编辑
摘要：> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能，但是没有说Generic、defineSlots等，这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 阅读全文
Vue3.3 的新功能的一些体验
2023-05-16 17:38 by 金色海洋（jyk）, 1365 阅读, 4 推荐, 收藏, 编辑
摘要：Vue3 在大版本 3.3 里面推出来了一些新功能（主要是语法糖），网上有各种文章，但是看起来似乎是一样的。 我觉得吧，有新特性了，不能光看，还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的，以前我们有时候想设个name，有时候不想让组件自动继承属性，这时候需要单独设置一个sc 阅读全文
Vue3实现组件级基类的几种方法
2023-04-28 08:20 by 金色海洋（jyk）, 554 阅读, 1 推荐, 收藏, 编辑
摘要：Vue3的组件有三种代码组织方式 纯Option API （不含setup） option API + setup 纯 setup （即composition API） 对于这三种形式，设置基类的方法也略有不同。 使用 mixins、extends vue3提供了 mixins和extends，但是 阅读全文
【摸鱼神器】UI库秒变低代码工具——表单篇（二）子控件
2022-07-17 09:22 by 金色海洋（jyk）, 1221 阅读, 3 推荐, 收藏, 编辑
摘要：上一篇介绍了表单控件，这一篇介绍一下表单里面的各种子控件的封装方式。 主要内容 需求分析 子控件的分类 子控件属性的分类 定义 interface。 定义子控件的的 props。 定义 json 文件。 基于 UI库 进行二次封装，实现依赖 json 渲染。 通过 slot 、 “字典”，实现自定义 阅读全文
【摸鱼神器】UI库秒变低代码工具——表单篇（一）设计
2022-06-29 19:43 by 金色海洋（jyk）, 1893 阅读, 1 推荐, 收藏, 编辑
摘要：前面说了列表的低代码化的方法，本篇介绍一下表单的低代码化。 内容摘要 需求分析。 定义 interface。 定义表单控件的 props。 定义 json 文件。 基于 el-form 封装，实现依赖 json 渲染。 实现多列、验证、分栏等功能。 使用 slot 实现自定义扩展。 自定义子控件。（ 阅读全文
用Typescript 的方式封装Vue3的表单绑定，支持防抖等功能。
2022-06-23 09:11 by 金色海洋（jyk）, 2101 阅读, 3 推荐, 收藏, 编辑
摘要：Vue3 的父子组件传值、绑定表单数据、UI库的二次封装、防抖等，想来大家都很熟悉了，本篇介绍一种使用 Typescript 的方式进行统一的封装的方法。 基础使用方法 Vue3对于表单的绑定提供了一种简单的方式：v-model。对于使用者来说非常方便，v-model="name" 就可以了。 自己 阅读全文
【摸鱼神器】UI库秒变LowCode工具——列表篇（二）维护json的小工具
2022-06-10 08:34 by 金色海洋（jyk）, 1132 阅读, 1 推荐, 收藏, 编辑
摘要：上一篇介绍了一下如何实现一个可以依赖 json 渲染的列表控件，既然需要 json 文件，那么要如何维护这个 json 文件就成了重点，如果没有好的维护方案的话，那么还不如直接用UI库。 所以需要我们做一个维护 json 文件的小工具，维护 json 有多方法： 最基础的方法就是手撸，显然这个是下下 阅读全文
【摸鱼神器】UI库秒变LowCode工具——列表篇（一）设计与实现
2022-06-06 12:11 by 金色海洋（jyk）, 1252 阅读, 1 推荐, 收藏, 编辑
摘要：内容摘要： 需求分析 定义 interface 定义 json 文件 定义列表控件的 props 基于 el-table 封装，实现依赖 json 渲染 实现内置功能：选择行（单选、多选），格式化、锁定等。 使用 slot 实现自定义扩展 做个工具维护 json 文件（下篇介绍） 管理后台里面，列表 阅读全文
【摸鱼神器】一次搞定 vue3的 路由 + 菜单 + tabs
2022-05-25 08:52 by 金色海洋（jyk）, 5926 阅读, 8 推荐, 收藏, 编辑
摘要：做一个管理后台，首先要设置路由，然后配置菜单（有时候还需要导航），再来一个动态tabs，最后加上权限判断。 这个是不是有点繁琐？尤其是路由的设置和菜单的配置，是不是很雷同？那么能不能简单一点呢？如果可以实现设置一次就全部搞定的话，那么是不会很香呢？ 我们可以简单封装一下，实现这个愿望。 定义一个结构 阅读全文
被迫开始学习Typescript —— vue3的 props 与 interface
2022-05-19 15:24 by 金色海洋（jyk）, 8785 阅读, 3 推荐, 收藏, 编辑
摘要：vue3 的 props Vue3 的 props ，分为 composition API 的方式以及 option API 的方式，可以实现运行时判断类型，验证属性值是否符合要求，以及提供默认值等功能。 props 可以不依赖TS，自己有一套运行时的验证方式，如果加上TS的话，还可以实现在编写代码 阅读全文
被迫开始学习Typescript —— class
2022-05-16 09:03 by 金色海洋（jyk）, 533 阅读, 1 推荐, 收藏, 编辑
摘要：TS 的 class 看起来和 ES6 的 Class 有点像，基本上差别不大，除了 可以继承（实现）接口、私有成员、只读等之外。 参考：https://typescript.bootcss.com/classes.html 基本用法 我们可以定义一个 class，设置几个属性，然后设置一个方法，封 阅读全文
被迫开始学习Typescript —— interface
2022-05-14 10:11 by 金色海洋（jyk）, 471 阅读, 0 推荐, 收藏, 编辑
摘要：一开始以为，需要使用 class 来定义呢，学习之后才发现，一般都是使用 interface 来定义的。 这个嘛，倒是挺适合 js 环境的。 参考：https://typescript.bootcss.com/interfaces.html 简单接口 我们先来定义一个简单的接口 interface 阅读全文
结合 Vuex 和 Pinia 做一个适合自己的状态管理 nf-state
2022-05-11 13:46 by 金色海洋（jyk）, 783 阅读, 2 推荐, 收藏, 编辑
摘要：一开始学习了一下 Vuex，感觉比较冗余，就自己做了一个轻量级的状态管理。 后来又学习了 Pinia，于是参考 Pinia 改进了一下自己的状态管理。 结合 Vuex 和 Pinia， 保留需要的功能，去掉不需要的功能，修改一下看着不习惯的使用方法，最后得到了一个满足自己需要的轻量级状态管理 —— 阅读全文
一篇文章说清 webpack、vite、vue-cli、create-vue 的区别
2022-05-09 13:20 by 金色海洋（jyk）, 4943 阅读, 5 推荐, 收藏, 编辑
摘要：webpack、vite、vue-cli、create-vue 这些都是什么？看着有点晕，不要怕，我们一起来分辨一下。 先看这个表格： 脚手架 vue-cli create-vue 构建项目 vite 打包代码 webpack rollup 脚手架：创建项目，选择性安装需要的插件，指定统一的风格，生 阅读全文