DIY.JS 开发文档, 一款专用于DIY定制的Canvas图形库

DIY.JS是一款专用于DIY定制的Canvas图形库 DIY的可操作区域由两部分组成(两个层叠的Canvas对象): 背景图层:用于物品模型绘制,比如衣服、手机壳 DIY图层:用于素材绘制,以及定义对应物品的可DIY区域 DIY区域指的是在指定物品上,用户可以进行个性化定制的区域。 DIY区域由Canvas的destination-in的混合模式进行实现(只显示两张图重叠的位置) 对于不同的物品
DIY.JS 开发文档, 一款专用于DIY定制的Canvas图形库

钉钉企业内部应用开发,相关笔记

钉钉官方开发平台:https://open.dingtalk.com/ 企业内部应用开发:https://open.dingtalk.com/document/orgapp/learning-map 相关文档:https://open.dingtalk.com/document/orgapp/application-types 相关文档:https://open.dingtalk.com/docu
钉钉企业内部应用开发,相关笔记

Vue渲染函数该如何使用?有哪些需要注意的地方?

Vue的模板语法适用于绝大部分的需求场景(模板最终会被编译为渲染函数),在绝大多数情况下,Vue 推荐使用模板语法来创建应用。然而在某些使用场景下,我们真的需要用到 JavaScript 完全的编程能力,举例如下: 假设设计一个开源的后台管理系统,侧边栏菜单需要根据路由自动生成菜单,由于系统可能会被用于不同的功能需求。所以路由的层级、数量都是不确定的。 如果通过模板语法来写,假设路由最多只有三层,
Vue渲染函数该如何使用?有哪些需要注意的地方?

Vue项目开发过程中,该如何维护全局状态?

什么是状态?在代码的世界里,状态就是指数据,简单的理解:你现在的情绪状态是怎样的? “高兴”,“悲伤”,这就是描述你当前情绪状态的数据。 抽象到一个描述用户的Vue组件,当前登录的用户的头像和昵称,就是这个组件的状态(数据); 从字面意思理解就是,在系统任意地方都可以调用的数据(类似全局变量的概念)。 全局变量,一般特指系统内任意代码位置都可以调用的变量; JS有很多实现全局变量,或者类似全局变量
Vue项目开发过程中,该如何维护全局状态?

Vue 2.7 “Naruto”发布,新特性介绍

2.7 是 Vue 2.x 的最终版本。在这个版本之后,Vue 2 进入了 LTS(长期支持),从现在开始持续 18 个月,并且将不再接收新功能。这意味着Vue 2 将在 2023 年底结束生命周期。 官方博客:https://blog.vuejs.org/posts/vue-2-7-naruto.html?continueFlag=24b18743108fc3e584f79dec07a79f02
Vue 2.7 “Naruto”发布,新特性介绍

Vue后台管理系统开发,相关代码的笔记。

从零开始开发后台管理系统,还是有很多值得记录的地方。构建工具Vite、使用Vue3。 /* * @author 友人a丶 * @date 2022-07-11 * @app Vue应用对象 * */ export default function (app) { /* * 指定要导入的文件目录 * 直接加载用{eager:true},懒加载用glob * */ const modules = im
Vue后台管理系统开发,相关代码的笔记。

Ant Design Vue自定义主题失效解决办法

antd 的样式使用了 Less 作为开发语言,并定义了一系列全局/组件的样式变量,可以根据需求进行相应调整 。 @primary-color: #1890ff; // 全局主色 @link-color: #1890ff; // 链接色 @success-color: #52c41a; // 成功色 @warning-color: #faad14; // 警告色 @error-color: #f5
Ant Design Vue自定义主题失效解决办法

Pinia状态管理器学习笔记,持续记录

足够轻量,Pinia 重约 1kb,甚至会忘记它的存在! 去除 Mutation ,Actions 支持同步和异步(Actions一个顶俩,写起来简洁); 无需手动注册 Store,Store 仅需要时才自动注册。如果从不使用,则永远不会“注册”(省心); 没有模块嵌套,只有 Store 的概念,Store 之间可以自由使用,更好的代码分割; Vue2 和 Vue3 都能支持; 支持大型项目迁移期
Pinia状态管理器学习笔记,持续记录

Vue组件设计学习笔记,持续记录

组件化思想并不是前端独有的,但却是前端技术的延伸 任何软件开发过程,或多或少都有那么一些组件化的需求。 每个组件对应一个目录,组件所需的各种资源都在这个目录下就近维护;(最具软件工程价值) 页面上的每个独立的可视/可交互区域视为一个组件; 由于组件具有独立性,可以自由组合; 页面是组件的容器,负责组合组件形成功能完整的界面; 当不需要某个组件,或者想要替换组件时,可以整个目录删除/替换 分子是由原
Vue组件设计学习笔记,持续记录

Vue-Cli该如何使用?Vue-Cli学习笔记,持续记录

修改.Env环境变量文件之后,需要重新运行server才会生效。环境变量通过process.ENV访问。可以在项目根目录中放置下列文件来指定环境变量: .env # 在所有的环境中被载入 .local # 在所有的环境中被载入,但会被 git 忽略 .env. # 只在指定的模式中被载入 .env..local # 只在指定的模式中被载入,但会被 git 忽略 以 VUE_
Vue-Cli该如何使用?Vue-Cli学习笔记,持续记录

Ant Design Vue使用记录,持续记录

好些问题,每次解决了,下次遇到了又要重新翻文档,干脆就自己记录一下。 Form.create(options) | this.$form.createForm(this, options) ,通过JFX方式去定义一个Form组件的各种属性。经 Form.create() 包装过的组件会自带 this.form 属性,如果使用 template 语法,可以使用 this.$form.createFo
Ant Design Vue使用记录,持续记录

Vuex3.x、Vuex4.x状态管理器学习笔记

Vuex:https://v3.vuex.vuejs.org/zh 什么是状态管理器?方便调试,方便维护数据。https://vuex.vuejs.org/zh/#%E4%BB%80%E4%B9%88%E6%98%AF%E2%80%9C%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86%E6%A8%A1%E5%BC%8F%E2%80%9D%EF%BC%9F import Vu
Vuex3.x、Vuex4.x状态管理器学习笔记

Vue Ant Admin学习笔记,持续记录

Vue Ant Admin基于Vue2.x的中后台管理系统:https://iczer.gitee.io/vue-antd-admin-docs/ 比较漂亮的,可以借鉴的:https://vue-admin-beautiful.com/admin-pro Ant Design of  Vue: https://antdv.com/docs/vue/introduce-cn/(V2及以上版本为Vue
Vue Ant Admin学习笔记,持续记录

Vue2向Vue3过渡,持续记录

迁移指南:https://v3.cn.vuejs.org/guide/migration/introduction.html 好用的插件:https://vueuse.org/,被遗忘了的几个指令 v-pre、v-once、this.$forceUpdate()、this.nextTick() 编程总结:在setup中应该如何去规划代码?如何模块化?如何才不会一团乱? Vue3中不再构建UMD模块
Vue2向Vue3过渡,持续记录

Vue-Router学习笔记,持续记录

随着 ajax 的流行,异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是 SPA —— 单页应用。单页应用不仅仅是在页面交互是无刷新的,连页面跳转都是无刷新的,为了实现单页应用,所以就有了前端路由。 类似于服务端路由,前端路由实现起来其实也很简单,就是匹配不同的 url 路径,进行解析,然后动态的渲染出区域 html 内容。但是这样存在一个问题,就是 url 每次变化
Vue-Router学习笔记,持续记录

Vue开发、学习笔记,持续记录

Vue每天学一些,慢慢的也学下来了。记一些笔记 生命周期图:https://nicen.cn/collect/life.png Vue-Router学习:https://nicen.cn/vue-router.html Vue官网: https://vuex.vuejs.org/zh/ 基于Vue的各种UI库 Vuetify :https://vuetifyjs.com/zh-Hans Eleme
Vue开发、学习笔记,持续记录