修身养性,知行合一

  • 首页
  • 爱码
    • 系统
    • 数据库
    • JavaScript
    • CSharp
    • Python
  • 生活
    • 文化
    • 美食
  • 杂谈
  • 关于
Vue
Vue

如何写一个组件级别的全局状态管理

起因 最近有人给我的 jz-gantt 提了个bug,说页面中放多个 gantt 组件会出现异常。我复现了一下,还真是。原因呢,也很简单,之前的升级小记中也记录过,就是因为 全局变量 冲突,当时没有意识到这会成为一个问题。这个之前还没考虑到,也是因为刚开始用 vue3,以为它会自动管理全局变量,但是,并不是~ 因为挂载多个组件,导致变量名重叠,最后只有最后一个挂载的组件中的变量会生效,这就导致了多个组件出现了异常情况。简单来说,之前那种全局变量的方法是真正的全局变量,它适合用在项目中,而并不适合用在组件中。 修改思…

2021年12月30日 0条评论 547点热度 0人点赞 jeremyjone 阅读全文
Vue

Vue.js3 + Vite + TypeScript 从0搭建工程化项目模板

开始之前 万字长文,爆肝三天,一点一点把项目又搭了一遍,还找了很多文档,链接已经贴在相关内容中了,方便大家查看,同时也写了一些常见坑的填坑方式。创作不易,如果喜欢,请点个赞吧~ 同时,原文已经存放在我的文档中,地址 -> 这里。 Vue.js3 + Vite + TypeScript 从0搭建工程化项目模板 为简化每次初始化项目,最好的方法就是搭建一个项目模板,这样每次初始化的时候直接拉取就好,不用再一个一个进行配置,省去了大量时间。 该内容模板已经在 Github,如果需要,可以直接下载使用。具体使用方法可…

2021年11月9日 2条评论 3292点热度 2人点赞 jeremyjone 阅读全文
Vue

vue3上手 -- 更新 jz-gantt 小记

开始之前 vue3 虽然已经出了快1年了,也没怎么好好用过,就是刚出来的时候尝了个鲜。然后紧跟着就一直在鼓捣 .net 的东西,前阵子搞了搞 docker,最近终于有时间正儿八经的用一下 vue3 了。哪里上手呢,之前有人问我有没有升级 jz-gantt 组件的计划。正好赶着这段时间连学习带升级,把它搞了。 什么是 jz-gantt 具体的甘特组件,之前写过 文章,同时也可以到 GitHub 查看源码,放了两个版本。 文档我也更新了,在 这里。 欢迎有需要的朋友们点个 star,也欢迎提 issue。 升级小记 v…

2021年9月26日 2条评论 1361点热度 2人点赞 jeremyjone 阅读全文
Vue

Vue3 动态添加图片路径

开始之前 之前在 vue2 中经常使用类似方法,直接 reuqire(<url>) 即可。今天在写 vue3 的内容时,遇到了,习惯性的填上了这个,结果发现不行~ 都怪我,确实还没完整的看上一遍 vite 的内容,就是一直使用而已。这下好了,赶紧一番搜索翻阅文档,vite 和 webpack 的核心差别还是挺大的,在 vite 中并没有这样的包。于是就有了下面的操作。 解决方法 对于所有动态拼接的路径,只要不是纯字符串的,就需要使用下面的方式。 Glob 在 vite 中,提供了 Glob 导入功能,可…

2021年6月24日 0条评论 1894点热度 0人点赞 jeremyjone 阅读全文
JavaScript

js 升级 ts 之路,含 vue 升级攻略

最近在升级项目,用到了TypeScript,简单总结一下JS转TS,尤其是在vue中的使用方式。 基础语法 对于TS的基础语法,这里就不多介绍了,看官网即可,毕竟巨硬的文档可以秒杀一众系列丛书。 放个链接: TypeScript文档 TypeScript中文文档 上面是英文官方的,保持了最新。下面好像也是官方的,但是不是最新,不过没关系,大体都差不多的。 编写 ts 文件 TypeScript文件以.ts结尾,在内容书写上基本按照 JavaScript 格式即可,需要注意有些地方需要显式的给出类型声明,比如: fu…

2020年10月19日 0条评论 2033点热度 0人点赞 jeremyjone 阅读全文
JavaScript

手撸了一个基于Vue的Gantt组件

基于Vue的Gantt组件 工作需要,要实现甘特图,之前实现了一版,但是有些问题,干脆撸一个单独的组件出来,打包封装直接使用,这样也更加灵活。 虽然不比专业的,但是小功能足够用了,展示,拖动,后续可能会添加新功能。 话不多说,直接上图。 功能 树形数据结构展示,支持动态增减 自定义左侧表格的列内容 自定义右侧甘特条的内容 任意拖动甘特条以修改时间 更多功能,可以查看文档。 使用 组件已经发布到 npm,使用 npm 或者 yarn 都可以下载安装。 安装: npm install jz-gantt --save #…

2020年9月4日 34条评论 3310点热度 0人点赞 jeremyjone 阅读全文
Vue

VSCode 中 Vue 的 Template 高亮提示

今天突然发现 template 块中的提示和高亮都没有了。之前也没在意,就百度了一下,结果根本没有一个管用的。 解决方案 前提是:需要安装 Vetur 插件,就是这个货: 我挨个看了一下 Vetur 的配置,还是自己动手找比较靠谱。 在 文件 > 首选项 > 设置 ,设置页面中找到 扩展 > Vetur,在右侧找到 Experimental: Template Interpolation Service 这个选项,勾上 √ 即可。 没有其他操作,不需要有的博客说的什么配置 Emmet 之类的,通通…

2020年7月29日 0条评论 2801点热度 0人点赞 jeremyjone 阅读全文
Vue

axios的二次封装

之前项目是用到了axios,它本身是对ajax的二次封装。不过我们在使用的时候经常是对axios再进行二次封装,从而达到我们需要的效果。现在把代码整理了一下,贴上来。 首先,安装axios: npm install axios 还有一个qs是格式化参数用的,如果不需要,可以不用,直接拼接也可以。 /* * @Author: JeremyJone * @Date: 2020-03-03 17:58:23 * @LastEditors : JeremyJone * @LastEditTime : 2020-03-03 …

2020年3月3日 0条评论 1853点热度 0人点赞 jeremyjone 阅读全文
JavaScript

Vuex之Getters详解

作为Vue的状态管理工具,Vuex的使用率相当之高。Vuex具有4个属性,state,getters,actions,和mutations。 今天来讨论一下getters。它相当于vue的computed计算属性。每当state中的值变化时,它也会自动更新。这个在我们需要那些稍微对state中的属性进行改造的属性时很有帮助。在实际生产中,我们会大量使用getters,而state会相对较少。 getters的基本用法,直接调用 首先在根目录下创建一个store.js: import Vue from "v…

2019年11月28日 0条评论 2943点热度 0人点赞 jeremyjone 阅读全文
JavaScript

使用axios下载文件

因为下载还是挺常见的,所以用axios封装了一下,直接调用即可。 很简单的封装,一般情况下,只需要传入文件路径,文件名,和文件的mime类型即可。 /** * Encapsulate Download methods, download files. * @param url * @param filename * @param filetype: file mime type * @param config: header config, a object * @returns {Promise} */ expo…

2019年11月28日 0条评论 2131点热度 0人点赞 jeremyjone 阅读全文
12

jeremyjone

这个人很懒,什么都没留下

最新 热点 随机
最新 热点 随机
js 问号链以及双问号的打包问题 关于 git unsafe repository 的错误 美化 Windows Terminal(升级版) win10 修改本地账户名称 小技巧系列 - JS判断图片是否已经缓存 推荐一波起始页吧
JavaScript 之 canvas(三)-- 使用鼠标实时绘制图形 VS Code配置C&C++,亲测 Terminal中git log不显示中文问题的解决方案 拒绝弹窗!获取windows最高权限 极简修复CORS跨域问题,亲测有效 IdentityServer4深入使用(二)-- 认证与授权(下)
最近评论
畅聊科技 发布于 1 天前(07月01日) 博主写的是直接粘贴图片,但是图片不在单元格内的。我改造之后,直接读取单元格内的图片。 参考地址:h...
BruceQiu 发布于 2 周前(06月17日) 上海.net程序员一个,半导体行业。可以交个朋友交流技术吗?周围虽然都是.net,但是都是带的同事,...
large-C 发布于 3 个月前(03月26日) Parsing error: "parserOptions.project" h...
FateDong 发布于 6 个月前(01月12日) 这个怎么设置访问路径
tyty 发布于 8 个月前(11月02日) 大佬能发一下ts版的示例吗 :lol:
分类
  • ASP.NET
  • CSharp
  • Git
  • JavaScript
  • Python
  • Vue
  • 前端
  • 小程序
  • 工具
  • 建站
  • 数据库
  • 文化
  • 服务器
  • 杂谈
  • 爱码
  • 生活
  • 系统
归档
标签聚合
vue windows csharp IdentityServer JavaScript canvas .net mysql

(っ•̀ω•́)っ✎⁾⁾ 开心每一天

COPYRIGHT © 2021 jeremyjone.com. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

京ICP备19012859号-1

京公网安备 11010802028585号