代码改变世界

文档驱动 —— 表单组件(三):基于原生html的表单组件demo

2020-09-12 11:01 by 金色海洋(jyk), 776 阅读, 1 推荐, 收藏, 编辑
摘要:做增删改查要写多少代码? 一个表单一套代码,十个表单十套代码吗? 我这么懒,怎么会写这么多代码? 我想做到:即使一百个表单也只需要一套代码(而且不需要复制粘贴)。实现多个表单,只需要加载不同的meta即可。 Meta结构部分上一个已经写了,这里说一下如何做表单。 表单demo 先做两个简单的表单,一 阅读全文

文档驱动 —— 表单组件(二):meta生成器,告别书写代码

2020-09-11 20:27 by 金色海洋(jyk), 778 阅读, 1 推荐, 收藏, 编辑
摘要:手写代码? meta(json)需要手写吗?别闹,手写多麻烦呀,我这么懒怎么可能手写,这辈子都别想,所以要弄个工具出来,咱们说干就干。 这个工具,说白了本身就是一个表单,一个meta属性对应一个meta的属性,合在一起就是一个完整的meta了,只是不同的组件属性不同,需要区分对待不能混为一谈。 先看 阅读全文

文档驱动 —— 表单组件(一):表单元素组件

2020-09-11 10:41 by 金色海洋(jyk), 984 阅读, 1 推荐, 收藏, 编辑
摘要:文档驱动 想要做到文档驱动表单,首先要做几个表单元素组件。基于原生的HTML5的表单元素,做了一下分类,比如文本类、数字、日期、选择等,具体如下图。 【图片】 然后就是 文档 >> json >> vue >> UI >>表单 这个流程了。 其中Vue提供了很方便的数据双向绑定的功能, UI提供了非 阅读全文

vue3.0 加载json的“另类”方法(非ajax)

2020-09-07 18:00 by 金色海洋(jyk), 859 阅读, 0 推荐, 收藏, 编辑
摘要:问题 加载json一定要用ajax的方式吗? 最近学习vue3.0,在实现一个功能的时候发现一个问题—— 写代码的时候,需要的json太长、太多,和代码放在一起太混乱。看代码总有翻来翻去,又没有“折叠”功能。 那么能不能把json放在一个单独的文件里面保存,然后在加载进来呢? 查了半天的资料,发现那 阅读全文

vue3.0的 v-model 为啥不好用了?

2020-09-04 14:29 by 金色海洋(jyk), 3910 阅读, 0 推荐, 收藏, 编辑
摘要:vue3.0还支不支持v-model了? vue3.0 的beta版出来后就想尝个鲜,顺便实现以下我的想法,于是开整。前面各种折腾就不说了。开始弄自定义组件。 自定义了一个input,但是按照vue2.X的方式设置v-model的时候居然不好用了,各种检查代码没问题。只好先改成属性+事件监听的方式, 阅读全文

vue3.0beta.1 创建项目

2020-09-03 15:27 by 金色海洋(jyk), 957 阅读, 0 推荐, 收藏, 编辑
摘要:vue3beta.1 创建项目的方法 安装node.js 略过。网上资料很多,不搬运了。 安装 vue-cli npm install -g @vue/cli 注意以下命令是错误的! npm install -g vue npm install -g vue-cli 这个和以前的安装命令是不一样的, 阅读全文

从后端到前端之Vue(六)表单组件

2020-09-02 10:00 by 金色海洋(jyk), 1935 阅读, 3 推荐, 收藏, 编辑
摘要:表单组件 做项目的时候会遇到一个比较头疼的问题,一个大表单里面有好多控件,一个一个做设置太麻烦,更头疼的是,需求还总在变化,一会多选、一会单选、一会下拉的,变来变去的烦死宝宝了。 那么怎么解决这个问题呢?我们可以做一个组件来搞定这些烦人的事情。我们使用Vue.js基于原生HTML来做一套表单控件! 阅读全文

Vue组件 props 规则

2020-08-31 13:13 by 金色海洋(jyk), 1207 阅读, 0 推荐, 收藏, 编辑
摘要:原文:https://www.cnblogs.com/niusan/p/10390208.html Vue组件 props 组件是Vue最强大的功能之一;组件化编程,允许我们使用小型,独立,通用的可复用型组件构建大型应用;任何页面都可以抽象为组件树; show-text 当DOM作为模板时会受到HT 阅读全文

使用vue实现行列转换的一种方法。

2019-08-06 14:20 by 金色海洋(jyk), 5345 阅读, 0 推荐, 收藏, 编辑
摘要:行列转换是一个老生常谈的问题,这几天逛知乎有遇到了这个问题。一个前端说,拿到的数据是单列的需要做转换才能够绑定,折腾了好久才搞定,还说这个应该后端直接出数据,不应该让前端折腾。 这个嘛,行列转换在后端也不是很好解决的问题,而且还有一个性能的问题,综合考虑,我还是觉得应该由前端进行行列转换。光说不练假 阅读全文

从后端到前端之Vue(五)小试路由

2019-07-30 20:04 by 金色海洋(jyk), 873 阅读, 0 推荐, 收藏, 编辑
摘要:一开始我还以为vue的路由只能用在工程化的项目里面呢,然后研究了一下才发现,在脚本化里面也是可以用的。其实呢不管在哪里用,把原理研究明白就对了。 一、 官网demo 这里不得不吐槽一下官网,写的不清不楚的,在哪里使用都没有说清楚,几行代码一句话就轻飘飘的交代完事了,剩下的事情还得自己研究,比如 HT 阅读全文

从后端到前端之Vue(四)小试牛刀——真实项目的应用(树、tab、数据列表和分页)

2019-07-25 14:21 by 金色海洋(jyk), 1399 阅读, 1 推荐, 收藏, 编辑
摘要:带着问题去学习,我感觉这种方式学的最快。当然也可能会漏掉点东东。 阅读全文

从后端到前端之Vue(三)小结以及一颗真实的大树

2019-07-24 10:47 by 金色海洋(jyk), 1158 阅读, 3 推荐, 收藏, 编辑
摘要:上一篇写了一下tab,下面整理一下用过的知识点,本想按照官网的文档,整理一下可以更清晰,结果也许是我的方法不对吧,总之更模糊了。 按照官网文档的顺序整理到了表单输入绑定之前,因为之前大致也就只涉及到这一些,另外一个原因就是整理的有点头晕晕。 先展示一下成果吧。Emmm,好吧,很怀疑自己的归纳总结的能 阅读全文

从后端到前端之Vue(二)写个tab试试水

2019-07-19 13:25 by 金色海洋(jyk), 1344 阅读, 2 推荐, 收藏, 编辑
摘要:上一篇写了一下table,然后要写什么呢?当然是tab了。动态创建一个tab,里面放一个table,这样一个后台管理的基本功能(之一)就出来了。 好吧,这里其实只是试试水,感受一下vue的数据驱动可以怎么玩,通过一个个实例学习一下vue的各个知识点。这里要看看方法和css如何设置。 一、目标 1、 阅读全文

从后端到前端之Vue(一)写个表格试试水

2019-07-18 12:47 by 金色海洋(jyk), 5013 阅读, 4 推荐, 收藏, 编辑
摘要:文档——数据,数据——驱动视图。 阅读全文

文档驱动式面向服务的敏捷开发与高效运行

2019-07-06 08:57 by 金色海洋(jyk), 839 阅读, 3 推荐, 收藏, 编辑
摘要: 阅读全文
上一页 1 2 3 4 5 6 7 8 9 ··· 29 下一页
2