邱权武(isfive)的博客

公农历互转

前几天面试，被问到如何实现一个日历组件，然后发现百度的日历组件比较看，决定自己用vue3实现一下，并且还能巩固一下vue3的知识。代码全部采用compositionAPIscript-setup风格支持vite宜忌算法未实现（欢迎pr）vue-baidu-calendar码云：https://gitee.com/isfive/vue-baidu-calendargithub：https://github.com/qiuquanwu/vue-baidu-calendar顺便写了一个农历公历

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

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 '

首先安装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

为什么开发ValGod？写代码很多时候，最大的困扰不是代码是否有bug，而是想变量名，比如组件名，变量名，文件名，数据库表名，字段名。尤其是对于英语不是很好程序员，更是困扰。依靠百度翻译，无法直接获得符合规范的变量名，比如大驼峰，小驼峰等等，因此经常需要翻译过后还是得依靠手动修改。我们知道，有个开源网站codelf也可以帮助程序员获取变量命名。但是，codelf的功能是在太简陋，推荐的变量命名也千奇百怪，翻译功能还是鸡肋。于是，我开发了这款应用。ValGod技术栈vue3.x(使用Compos

文章目录1.svelte介绍2.创建项目3.Hello,World4.启动项目1.svelte介绍Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。与使用虚拟（virtual）DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM。说人话：就是vue和react框架在打包之后都需要依赖相对于的runtime，而svelte直接编译成原

function Promise(executor) { this.PromiseState = "pending" this.PromiseResult = null this.callbacks = [] const self = this // resolve函数 function resolve(data) { // 状态值只能修改一次 if (self.PromiseState !== "pending") retur

一.相较于typescript，kotlin的优点在于配合idea，更强大的代码提示idea编辑器会注明代码块的this指向更强大的强类型机制kotlin更优秀的语言机制二.下面是用kotlin实现todolist应用核心组件代码package translateimport kotlinext.js.jsimport kotlinx.html.ButtonTypeimport kotlinx.html.InputTypeimport kotlinx.html.js.onChan

项目结构index.csshtml, body{ margin: 0; padding: 0; height: 100%; background-color: pink;}index.js// 引入样式资源import './index.css';import './index.less';index.less#title { color: #fff;}webpack.config.js/* webpack.config.js webpack的配置

vue3.0父子组件传值实现-compositionAPI父组件Father.vue<template> <div> 父组件 <h1>{{ count }}</h1> <button @click="increment">父组件+</button> <child :count="count" @increment:count="increment"></child> &

如何在React Hook组件远程获取数据？简介在本教程中,我想给你看在React Hook组件中如何通过state和effect 等hooks获取数据。我们将使用众所周知的Hacker News API获取从科技世界受欢迎的文章。 您还将实现您的自定义的数据抓取钩可以重用任何地方在您的应用程序或发布在npm作为独立节点包。如果你对于关于这个新的特性还没有了解,请先查看React Hoo...

Pareact-基于parcel打包工具的react脚手架工具一个基于parcel打包工具的react脚手架21:46 星期三 2019年7月31日 添加react-router-dom支持12:40 星期四 2019年8月1日 修复jsx语法bug13:26 星期四 2019年8月1日 添加react-redux支持...将添加typescript支持关键词react、parce...

手写一个同时支持的函数式和面向对象两种调用方法js库(function(){ var _=function(obj){ if(this instanceof _){return obj;} if(!(this instanceof _)){return new _(obj);} } var root=this; root

javascript async和await实例examplefunction resolveAfter2Seconds(x) { return new Promise(resolve =&gt; { setTimeout(() =&gt; { resolve(x); }, 2000); });}async function add1(x)...

1-安装node 提示：本教程全部在windows10下测试通过node下载地址：点击这里 根据自己的系统下载安装即可。安装过程跟普通软件的安装过程是一样的，都是一直下一步就好了。 下载之后，记得验证一下自己的node和npm是否可用。npm是一个出色的包管理工具，不过本项目将使用yarn带代替它。检测是否安装成功，windows打开自带命令行工具-cmd.exe...

安装parcel和yarn 在安装parcel和yarn之前，我们得先做两件事情。1.安装git for windows 很多时候，windows自带的命令行工具及其难用，这也是很多程序员不用windows做开发的原因之一。为了使我们的开发能够完美，追求极致。我们将使用一款工具，名字叫gitbash，用来代替windows自带的cmd。 下载地址：点击这里 ...

VM399:1 thirdScriptError sdk uncaught third Error This application has not registered any plugins yet. Error: This application has not registered any plugins yet. at c (dev/WAService.js:...

代码如下//声明一个类class People{ constructor(name,age){ this.name=name; this.age=age; } say(){ console.log(`大家好我是${this.name},今年${this.age}岁！`)//es6语法的模板字符串 }} var ...

安装redux时，报错信息如下：npm WARN checkPermissions Missing write access to C:\Users\Administrator\Desktop\myapp\node_modules\reduxnpm WARN @typescript-eslint/eslint-plugin@1.6.0 requires a peer of typescrip...

最近使用echarts来开发某系统的图表功能，先申明我以前用的ext.js，ext.js对图表有自己的一套组件，用起来也很方便。但是由于ext.js过于臃肿，公司决定使用echarts来开发图表功能。当我们使用的时候才悲催的发现，echart绘制之后，不能随着容器div的大小而变化。而我们所开发的图表是需要有放大缩小功能，于是在网上找了很久，也没有找到合适的答案，大部分是通过监听窗口大小改变事件来设置，然而并不是我们所需要的。于是自己用了一点点时间，了解了为何echarts不能重新渲染，原来是在容器div里