
VueJs
南易武痴
15岁开始程序开发,第一个用到的语言是VB,后续相继学习c#,Java,PHP,python,JavaScript,node.js,golang等语言,掌握oracle,mysql,mongoDB等主流数据库系统。
展开
-
可能是东半球最好看的vue3日历组件vue-baidu-calendar
前几天面试,被问到如何实现一个日历组件,然后发现百度的日历组件比较看,决定自己用vue3实现一下,并且还能巩固一下vue3的知识。代码全部采用compositionAPIscript-setup风格支持vite宜忌算法未实现(欢迎pr)vue-baidu-calendar码云:https://gitee.com/isfive/vue-baidu-calendargithub:https://github.com/qiuquanwu/vue-baidu-calendar顺便写了一个农历公历原创 2021-02-02 13:20:00 · 4674 阅读 · 5 评论 -
vue3.x显示json数据组件-vue3-json-viewer
vue3-json-viewer简单易用的json内容展示组件,适配vue3和vite。 在使用vue3+vite开发时,发现需要用到显示json数据组件,发现vue-json-viewer只能兼容vue2,于是花了一个小时,重写的vue3的适配。 原作者:github代码仓库GitHubGitee安装需要依赖clipboard,先安装clipboard$ npm install clipboard --save再安装vue3-json-viewer$ npm install v原创 2021-01-28 02:36:53 · 8203 阅读 · 10 评论 -
vite2.x实现按需加载ant-design-vue@next组件
vite2.x实现按需加载ant-design-vue@next组件1.使用版本vite:2.0ant-design-vue: 2.0.0-rc.8vue:3.0.52.安装vite插件yarn add vite-plugin-style-import -D or npm i vite-plugin-style-import -D3.vite.config.js配置import vue from '@vitejs/plugin-vue'import styleImport from '原创 2021-01-20 23:36:08 · 4648 阅读 · 2 评论 -
vue3引入vditor插件正确使用方法
首先安装vditornpm install vditor --save在组件中使用<template> <div id="vditor"></div></template><script setup>import { defineProps, ref, onMounted } from "vue";import Vditor from "vditor";import "vditor/dist/index.css";const原创 2021-01-19 15:33:08 · 3545 阅读 · 4 评论 -
我开源了一个变量名命名神器-ValGod
为什么开发ValGod?写代码很多时候,最大的困扰不是代码是否有bug,而是想变量名,比如组件名,变量名,文件名,数据库表名,字段名。尤其是对于英语不是很好程序员,更是困扰。依靠百度翻译,无法直接获得符合规范的变量名,比如大驼峰,小驼峰等等,因此经常需要翻译过后还是得依靠手动修改。我们知道,有个开源网站codelf也可以帮助程序员获取变量命名。但是,codelf的功能是在太简陋,推荐的变量命名也千奇百怪,翻译功能还是鸡肋。于是,我开发了这款应用。ValGod技术栈vue3.x(使用Compos原创 2021-01-15 20:09:33 · 1396 阅读 · 5 评论 -
vue3.0父子组件传值实现-compositionAPI
vue3.0父子组件传值实现-compositionAPI父组件Father.vue<template> <div> 父组件 <h1>{{ count }}</h1> <button @click="increment">父组件+</button> <child :count="count" @increment:count="increment"></child> &原创 2020-08-09 16:27:24 · 4824 阅读 · 4 评论 -
基于parcel和yarn的vue开发环境搭建01-parvue-安装node和npm
1-安装node 提示:本教程全部在windows10下测试通过node下载地址:点击这里 根据自己的系统下载安装即可。安装过程跟普通软件的安装过程是一样的,都是一直下一步就好了。 下载之后,记得验证一下自己的node和npm是否可用。npm是一个出色的包管理工具,不过本项目将使用yarn带代替它。检测是否安装成功,windows打开自带命令行工具-cmd.exe...原创 2018-06-29 19:16:54 · 479 阅读 · 0 评论 -
基于parcel和yarn的vue开发环境搭建02-parvue-安装parcel和yarn
安装parcel和yarn 在安装parcel和yarn之前,我们得先做两件事情。1.安装git for windows 很多时候,windows自带的命令行工具及其难用,这也是很多程序员不用windows做开发的原因之一。为了使我们的开发能够完美,追求极致。我们将使用一款工具,名字叫gitbash,用来代替windows自带的cmd。 下载地址:点击这里 ...原创 2018-06-29 19:44:51 · 870 阅读 · 0 评论