摘要：Vue3的 reactive 怎么用，原理是什么，官网上和reactive相关的那些函数又都是做什么用处的？这里会一一解答。 ES6的Proxy Proxy 是 ES6 提供的一个可以拦截对象基础操作的代理。因为 reactive 采用 Proxy 代理的方式，实现引用类型的响应性，所以我们先看看 阅读全文
Vue3组件（九）Vue + element-Plus + json = 动态渲染的表单控件
2021-02-22 14:34 by 金色海洋（jyk）, 7878 阅读, 3 推荐, 收藏, 编辑
摘要：一个成熟的表单 表单表单，你已经长大了，你要学会： 动态渲染 支持单列、双列、多列 支持调整布局 支持表单验证 支持调整排列（显示）顺序 依据组件值显示需要的组件 支持 item 扩展组件 可以自动创建 model 这个表单控件是基于 element-plus 的 el-form 做的二次封装，所以 阅读全文
Vue3（四）从jQuery 转到 Vue工程化 的捷径
2021-02-15 08:32 by 金色海洋（jyk）, 1625 阅读, 3 推荐, 收藏, 编辑
摘要：不会 webpack 还想学 vue 工程化开发 的福音 熟悉jQuery开发的，学习vue的简单使用是没用啥问题的，但是学习vue的工程化开发方式，往往会遇到各种问题，比如： webpack、node、npm、cnpm、yarn、脚手架、开发环境、测试环境、生产环境、各种安装、各种创建。 好在 v 阅读全文
ES6(四）用Promise封装一下IndexedDB
2021-02-04 18:44 by 金色海洋（jyk）, 846 阅读, 2 推荐, 收藏, 编辑
摘要：indexedDB IndexedDB 是一种底层 API，用于在客户端存储大量的结构化数据，它可以被网页脚本创建和操作。 IndexedDB 允许储存大量数据，提供查找接口，还能建立索引，这些都是 LocalStorage 所不具备的。 就数据库类型而言，IndexedDB 不属于关系型数据库（不 阅读全文
ES6(三) Promise 的基本使用方式
2021-02-04 18:41 by 金色海洋（jyk）, 232 阅读, 0 推荐, 收藏, 编辑
摘要：基本用法 关于Promise的资料，网上有很多了，这里简单粗暴一点，直接上代码。 假设我们要做一个访问后端API的函数，那么我们可以这样模拟一下。 const mySend = (url, data) => { // 接收url 和data，假装向后端提交 console.log('url:', u 阅读全文
Vue3（三）CND + ES6的import + 工程化的目录结构 = 啥？
2021-02-01 17:01 by 金色海洋（jyk）, 871 阅读, 2 推荐, 收藏, 编辑
摘要：突发奇想 这几天整理了一下vue的几种使用方式，对比之后发现有很多相似之处，那么是不是可以混合使用呢？比如这样： vue的全家桶和UI库，采用传统的方式加载（CND、script）。 自己写的js代码，采用ES6的 import 方式加载。 目录结构采用vuecli建立的项目的目录结构。 入口页面用 阅读全文
Vue3（二）工程化开发方式做项目
2021-02-01 17:00 by 金色海洋（jyk）, 399 阅读, 0 推荐, 收藏, 编辑
摘要：工程化的开发方式 这是开发中、大型项目的必备技能，网上资料也很多，这里只是一个简单的综合性的介绍。包括vue的全家桶、建立项目的几种方式、UI库的简单使用等。 可以和上一篇的cnd方式做项目做一下对比。 node.js，npm、cnpm、yarn node.js 执行 npm run serve ， 阅读全文
Vue3（一） CND方式的安装以及简单使用
2021-01-29 16:06 by 金色海洋（jyk）, 2613 阅读, 0 推荐, 收藏, 编辑
摘要：简介 感觉vue3的新特性很舒服，这样才是写软件的感觉嘛。打算用Vue实现自己的一些想法。 Vue3还有几个必备库，比如Vue-Router（负责路由导航）、Vuex（状态管理、组件间通信），还有第三方UI库，比如element Plus、Antdv、Vant 等。 这里会介绍他们的CND的安装方法 阅读全文
每天学一点ES6（二）let 和 const
2020-12-24 14:30 by 金色海洋（jyk）, 598 阅读, 1 推荐, 收藏, 编辑
摘要：let 命令 let 和 var 差不多，只是限制了有效范围。 先定义后使用 不管是什么编程语言，不管语法是否允许，都要秉承先定义，然后再使用的习惯，这样不会出幺蛾子。以前JavaScript比较随意，可以不定义直接使用，这样很容易乱，let 就要严格一些，let定义的变量，在定义之前是不可以用的， 阅读全文
每天学一点ES6（一）开始
2020-12-24 12:03 by 金色海洋（jyk）, 398 阅读, 0 推荐, 收藏, 编辑
摘要：最近学习vue，发现很多用法都不会了，虽然照猫画虎可以跑起来，但是总感觉很朦胧，是是而非的感觉不太好。 听说这些都是ES6的用法，所以决定要学习一下ES6 ES6 全称：ECMASctipt 6 简称：ES6 是JavaScript语言的下一代标准（前一代标准是ES 3 吗？），2015年就发布了， 阅读全文
Promise 之初探
2020-12-21 14:43 by 金色海洋（jyk）, 516 阅读, 0 推荐, 收藏, 编辑
摘要：陈旧的知识应该更新一下了，先尝试一下 Promise ，主要参考 https://www.cnblogs.com/whybxy/p/7645578.html 定义一个函数 直接上干货，定义一个函数： const myPost = (url, data) => { // 接收url 和data，向后端 阅读全文
vue3.0 的 Composition API 的一种使用方法
2020-10-26 10:45 by 金色海洋（jyk）, 1107 阅读, 0 推荐, 收藏, 编辑
摘要：网上讨论的文章已经很多了，这里举一个简单的例子来讨论一下 Composition API 的用法，具体问题才好具体讨论嘛。 假如我们要做一个论坛的讨论列表和分页，以前是把需要的数据都放在data里面，事件都放在methods 里面，代码少的话还好分辨，如果代码多了，看着就头疼了。 现在vue3.0可 阅读全文
文档驱动 —— 表单组件（六）：基于AntDV的Form表单的封装，目标还是不写代码
2020-09-25 09:51 by 金色海洋（jyk）, 1736 阅读, 0 推荐, 收藏, 编辑
摘要：不是重复制造轮子，而是站在巨人的肩膀是实现自己的想法。 阅读全文
文档驱动 —— 查询组件：使用 vue3.0 的新特性，重构代码
2020-09-19 17:16 by 金色海洋（jyk）, 1388 阅读, 2 推荐, 收藏, 编辑
摘要：用vue3.0 的新特性，重构了一下代码，这下清晰多了。可读性显著提高。 阅读全文
文档驱动 —— 表单组件（五）：基于Ant Design Vue 的表单控件的demo，再也不需要写代码了。
2020-09-19 09:31 by 金色海洋（jyk）, 1148 阅读, 0 推荐, 收藏, 编辑
摘要：源码 https://github.com/naturefwvue/nf-vue3-ant 特点 只需要更改meta，既可以切换表单 可以统一修改样式，统一升级，以最小的代价，应对UI的升级、切换，应对框架（比如vue）的升级 需要的代码非常少，甚至可以认为是Low Code 可以自动创建model 阅读全文