- 博客(84)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 一个为 vue3 准备的和 vuex-persistedstate 类似的 pinia 插件
一个为 vue3 准备的和 vuex-persistedstate 类似的 pinia 插件
2021-11-17 15:06:40
7572
原创 vue3 报错Cannot read property ‘deep‘ of undefined at withDirectives
报错信息runtime-core.esm-bundler.js:3320 Uncaught (in promise) TypeError: Cannot read property 'deep' of undefined at withDirectives (runtime-core.esm-bundler.js:3320) at Proxy.<anonymous> (index.vue:55) at renderComponentRoot (runtime-core.
2021-08-26 15:47:41
18645
11
原创 vite2 实战配置
vite2 实战配置简介：新项目，新气象，选择了激进的技术栈，vite2 常用配置。项目目录.├── README.md├── build.sh #打包脚本├── commitlint.config.js├── index.html├── mock #mock│ ├── index.ts│ └── list.ts├── package.json├── postcss.config.js├── public #静态文件│ ├── data.json│ ├── fa
2021-05-27 15:18:02
8724
原创 vue3 中如何像 vue2 的 extend 一样挂载未挂载的组件，拿到标签本身（$el）
vue3 中如何像 vue2 的 extend 一样挂载未挂载的组件，拿到标签本身（$el）简介：最近在用 vue3 写个新项目，需要挂载自定义的组件，但是发现 vue3 中不再支持 extend 方法了，于是查看了 vant 最新的源码，发现里面类似实现，特此提炼总结出来。1.vue2 写法<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <met
2020-12-01 16:05:50
24758
30
原创 Vue 搭建移动端 h5 项目步骤
Vue 搭建移动端 h5 项目步骤简介最近团队里的其他前端小伙伴需要自己搭建移动端 h5 项目，没有整体的思路，于是我就写了这个步骤。准备阶段确定项目 ui 框架现阶段比较好的 Vue 移动端 ui 框架：vant ， vux， cube-ui，Mint-UI，Muse UI，NutUI 等。选择css预处理样式语言，（vue-cli 里选择）less，sass，stylus都可以，vue-cli 3 后的版本对应的webpack 的loader都是配置好的，只需下载对应的包就好了。使
2020-08-04 14:38:01
32305
4
原创 umi 项目增加支持放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录，就比如 vue-cli 的 assetDir
umi 项目增加支持放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录，就比如 vue-cli 的 assetDir简介：最近需要做一个后台系统，时间又比较充足，antd 和 Ant Design Pro 都已经升级到了 v4 ，于是就果断尝鲜了一波，遇到的问题也比较多，比较难解决的就是类似 vue-cli 的 assetDir 的问题，现把解决方案整理如下。提示： 不要配置 config.optimization.splitChunks ，会导致 u
2020-07-22 10:53:40
17263
6
原创 vue3 常见问题汇总
vue3 常见问题汇总简介：vue3 beta 已经出来一段时间了，最近刚好有时间，就练了练手，练手过程中遇到的问题，总结如下本文 github 源码地址下面是问题vue3 如何注册全局组件import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)// 注册全局组件im...
2020-04-25 18:56:58
10202
7
原创 vue 后台管理系统富文本组件（四）UEditor（集成 135 编辑器插件）
vue 后台管理系统富文本组件（四）UEditor（集成 135 编辑器插件）简介135 编辑器应用于微信文章、企业网站、以及论坛等多种平台，支持秒刷、一键排版、全文配色、公众号管理、微信变量回复、48 小时群发、定时群发、云端草稿、文本校对等 40 多项功能与服务， 像拼积木一样组合排版的文章。 135 编辑器应其简单的操作，强大的功能和美观的排版深受广大用户喜爱。135 编辑器插本质是基于...
2020-01-08 16:08:34
11616
4
原创 react 中使用 video.js 播放 hls(m3u8)格式的视频
react 中使用 video.js 播放 hls(m3u8)格式的视频简介：公司业务需求，由于后端把 mp4 视频转码成 m3u8 视频供手机端播放，导致后台系统播放不了 m3u8 格式的视频(原来是直接用的原生 video 标签播放)。项目主要依赖：（先安装，步骤略）create-react-app：3.0.0{ "react": "^16.11.0", "react-rout...
2019-12-25 18:24:37
14432
7
原创 vue cli 3 升级到 vue cli 4 方法步骤及升级点总结
vue cli 3 升级到 vue cli 4 指南vue cli 3 升级到 vue cli 4 方法步骤及升级点总结vue-cli 3升级vue-cli 4官方英文升级文档，中文滞后一.首先，在全局安装最新的 Vue CLI：npm install -g @vue/cli# ORyarn global add @vue/cli检查安装的版本vue -V # 输出:@vue/cli 4.x.x 说明@vue/cli 4安装成功( vue cli 3的版本会输出 3.x.x )
2019-10-26 18:45:59
89144
23
原创 webpack-dev-server/client/clients/BaseClient.js 报错
拿到别人的一个项目，启动报下面的错 Cannot assign to read only property 'exports' of object '#<Object>' webpack-dev-server/client/clients/BaseClient.js 第一行报错是不能混用import 以及module.exports 导致的第二行是报错位置，来自 we...
2019-09-09 11:06:26
8614
原创 vue结合videojs实现视频播放组件
vue结合videojs实现视频播放组件简介业务需求，视频播放组件往往结合视频上传组件一块使用。视频上传组件主要依赖说明 （先安装，步骤略） { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", "vue-video-player": "^5.0.2" }正文1...
2019-08-29 12:29:09
9113
原创 vue后台管理系统富文本组件（二）kindeditor
vue后台管理系统富文本组件（二）kindeditor简介富文本组件作为后台管理系统的最重要的基础组件之一，好多公司还是习惯使用kindeditor。虽然他的界面比较老，但是相当稳定bug少。主要依赖说明 （先安装，步骤略） { "axios": "^0.18.0", "element-ui": "2.11.1", "vue": "^2.6.10", ...
2019-08-23 17:37:40
15869
22
原创 vue后台管理系统富文本组件（一）tinymce
vue后台管理系统富文本组件tinymce简介富文本组件作为后台管理系统的最重要的基础组件之一，一定要选择坑比较少的富文本厂家。这里使用的是好看又坑少的tinymce。主要依赖说明 （先安装，步骤略） { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1" }tinymc...
2019-08-23 16:31:47
23087
2
原创 vue结合element实现多图上传组件
vue结合element实现多图上传组件简介多图上传在表单和富文本中营业较多。主要依赖说明 （先安装，步骤略） { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1" }正文1.组件src/components/MultipleUpload.vue<templ...
2019-08-23 15:23:52
8548
原创 vue结合vod-js-sdk-v6上传视频到腾讯云点播组件
vue结合vod-js-sdk-v6上传视频到腾讯云点播组件简介业务需求，vue结合vod-js-sdk-v6上传视频到腾讯云点播组件主要依赖说明 （先安装，步骤略） { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", "vod-js-sdk-v6": "^1.2.3"...
2019-08-21 16:08:38
11028
21
原创 vue图片裁剪组件
vue图片裁剪组件简介图片裁剪组件同上传图片组件一样，用的较多，这里主要用的是vue-cropper这个包，功能支持裁剪图片文件类型检验，图片大小检验，图片分辨率校验以及图片比列校验等功能。主要依赖说明 （先安装，步骤略） { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", ...
2019-08-21 15:34:52
10483
2
原创 vue上传图片组件
上传图片组件简介上传图片组件也是后台管理系统的最重要的基础组件之一，这里功能支持图片文件类型检验，图片大小检验，图片分辨率校验以及图片比列校验等功能。主要依赖说明 { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1" }正文1.组件src/components/Upload...
2019-08-21 15:03:34
8525
2
原创 vuepress 结合 GitHub pages 打造自己的博客网站
vuepress 结合 GitHub pages 打造自己的博客网站VuePress + GitHub Pages 搭建个人博客最快用vuepress+github搭建一个博客VuePress + GitHub Pages 生成静态网站vuepress的个人博客搭建完全教程
2019-08-06 19:32:43
6677
原创 vue 结合element-ui实现pc端高德地图组件
vue 结合 element-ui 实现 pc 端高德地图组件背景：去年由于业务需求写了一个高德地图组件，前段时间重构了下。实现的功能有：自动定位，检索地址提示，点击地图获取地址，添加工具栏，拿到的数据经纬度，地址，名称项目依赖：vue-cli：3.5.3 vue：2.6.10 element-ui: ^2.7.0 等使用步骤1./public/index.html 文件中导入高德地图 ...
2019-07-24 10:04:02
17738
20
原创 react结合antd的Cascader组件实现pc端选择城市控件
react结合antd的Cascader组件实现pc端选择城市控件业务需求，网上找了好多，发现都不太满意，于是自己写了一个1.实现如下提示：数据地址点击https://xf-1252186245.cos.ap-chengdu.myqcloud.com/data/data.js,下载下来放到组件同级目录，命名data.js就好import React, { Component } from...
2019-06-29 10:23:10
9340
5
原创 尝鲜 vue3.0 新特性 Vue Function API 实现 todo list
尝鲜 vue3.0 新特性 Vue Function API 实现 todo listVue Function API 已经公布一段时间了，今天尝鲜了一下，写了个todo list主要依赖： vue: 2.6.10 vue-function-api: 2.0.61.父组件<template> <div> <Children :list="list" ...
2019-06-28 11:28:20
7165
10
原创 react （create-react-app）项目中如何优雅的使用 svg组件
react 中如何优雅的使用 svg背景： 以前 vue 项目中使用 svg-sprite-loader 来处理 svg 文件使用非常方便，加载 svg 文件，配置完定义全局组件就好了，最近在写 react 项目，如法炮制，把 vue 中使用 svg 的思路带到 react 中来，实现的效果同样是只要把 svg 文件放到指定文件夹下使用文件名称结合 react 组件就可以使用。项目环境：cre...
2019-06-26 18:22:53
12695
23
原创 create-react-app 开发环境编译太慢的解决方案
create-react-app 开发环境编译太慢的解决方案react 开发环境编译太慢的解决方案
2019-06-25 14:21:23
15084
1
原创 Javascript如何与Sass,Less,Css之间共享变量？
Javascript如何与Sass,Less,Css之间共享变量？Javascript如何获取Sass,Less,Css设置的变量？jst如何获取Sass,Less,Css设置的变量？vue项目中js如何获取Sass,Less,Css设置的变量？vue-cle3.x项目中js如何获取Sass,Less,Css设置的变量？
2019-04-04 17:24:56
14399
4
原创 vue cli3.x development模式打包app.js包太大
一、背景：升级老项目遇到的问题1.项目目录2.package.json3. env配置.env.development 配置NODE_ENV=developmentVUE_APP_BASE_API=开发VUE_APP_BUCKET=开发.env.production配置NODE_ENV=productionVUE_APP_BASE_API=生产VUE_APP_BUCKET...
2018-10-31 16:39:51
14260
2
原创 visual studio code 重置所有设置（还原默认设置）
1.背景：配置失误，导致vscode无法使用，如窗口缩放太大，快捷键失效。2.解决方法a.打开如目录：C:\Users\pcName\AppData\Roaming\Code\User（ 注意替换pcName为自己电脑设置的名称）b.用记事本打开目录下的settings.json
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人