- 博客(12)
- 收藏
- 关注
RSS订阅原创 Ant design Vue在Vite项目中如何自定义主题
笔者在Ant Design Vue文档中没找到关于在Vite项目中自定义主题的配置，经过一番研究发现与Vue-cli3配置大同小异便随手记录下来。步骤将main.ts(js)中的import 'ant-design-vue/dist/antd.css' 改为 import 'ant-design-vue/dist/antd.less'安装less loader(已安装的同学可以跳过)npm install --save-dev less less-loader编辑项目根目录的vite.
2021-07-13 16:27:09
3216
16
原创 关于npm7以上版本下载vite2中vue-ts模板启动失败的解决方法
解决方案在项目根目录粘贴以下命令执行即可解决node ./node_modules/esbuild/install.js
2021-04-16 10:44:17
460
原创 如何使用原生js编写贪吃蛇
使用JavaScript编写贪吃蛇小游戏话不多说，直接上代码。试玩<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Gluttonous Snake</title>
2021-02-08 18:27:49
183
原创 在vscode中安装go tools[使用代理]
在vscode中安装go tools缘由由于国内网络问题，在vscode中基本无法成功下载go tools。所以需要使用代理下载过程打开终端开启module: go env -w GO111MODULE=on切换镜像源 : go env -w GOPROXY=https://goproxy.io,direct输入go env 验证是否成功切换。如看到GOPROXY=https://goproxy.io,direct则成功切换重新打开vscode右下角弹出提示点击install all即
2021-01-20 16:14:47
2854
原创 弹幕插件easyDanmaku.js使用详解
easyDanmaku.js弹幕插件使用详解(长期更新)介绍A Danmaku plugin for the web,一个用于web端的弹幕插件特点支持TypeScript、使用简单、使用css3过渡动画实现，弹幕流畅不卡顿、核心代码压缩后仅8kb。安装$ npm install easy-danmaku-js --saveDemo预览地址Github源码地址(欢迎大家帮我点star(抱拳))2.在vue中使用（React,Angular中使用方式类似）import EasyDanm
2020-12-01 16:18:06
2585
14
原创 vue项目预渲染插件Prerender SPA Plugin,vue-meta-info的使用
下面介绍如何使用Vue官方的Prerender SPA Plugin插件做预渲染版本vue-cli:4.54vue:2.6.11prerender-spa-plugin:3.4.0vue-meta-info:0.1.7目的由于常规Vue项目采用客户端渲染
2020-11-25 14:32:34
492
原创 vue项目配置多套打包环境变量
下面介绍如何结合vue-cli配置多套环境变量版本:当前vue-cli版本为4.54目的：规范项目开发流程，降低上线心智负担例如配置两套环境，一套生产环境，一套开发环境。开发环境1.首先，在项目根目录新建文件名为.env.development的文件2.打开该文件编辑环境变量(必须以VUE_APP_开头的变量才能被webpack.DefinePlugin正确嵌入)如：配置开发环境CDN路径则为NODE_ENV = development #若为生产环境此处应配置为productionV
2020-11-20 14:12:11
2041
2
原创 手写http请求库ajax-fetch
介绍：结合Promise封装ajax,fetch请求库话不多说直接贴代码/** * @description 请求库封装 * @author panpeng * @param {object} obj 请求参数 */ function request( obj ){ const { method, url, data, header} = obj || {}; return new Promise( async (resolve,rejects) => {
2020-11-19 15:15:44
417
2
原创 手写实现es6语法primose(基础版)
实现es6语法primose(简易版)大致代码如下/** * @description Promise * @author 潘鹏 */class PPromise{ status = { value:'Pending', result:null, }; _resolveFn = null; _rejectsFn = null; constructor(props) { props(
2020-11-10 12:29:25
827
原创 使用Pixi.js编写飞机大战小游戏
使用Pixi.js编写飞机大战小游戏此小游戏前端使用Pixi.Js+tweenMax.js编写，后端使用express.js+mysql编写。试玩游戏预览地址源码查看Github链接游戏内截图
2020-11-10 12:16:01
935
原创 如何使用Javascript写Hello world
新建一个html文件插入一个script标签<script>console.log('hello world!')</script>运行在浏览器上，按F12即可看见你写的Hello world：）
2019-11-12 23:15:30
2260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人