![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 51
i码充电桩
全栈开发工程师,不定期分享Python、Golang、Java、前端等程序员必备技术,干货满满,不断充电!
展开
-
uniapp快速搭建小程序项目 完整过程
先看看效果!1. 注册小程序开发者(已注册的可以跳过)进入官网点击注册 -> 选择小程序 -> 填写注册信息1. 开发工具准备使用uniapp开发就需要用到两个工具,HBuilderX 以及 微信开发者工具。HBuilderX的下载地址:APP开发版 HBuilderX微信开发者工具下载地址:稳定版 Stable Build开发工具已经准备好了,下面开始吧!2. 创建项目使用HBuilderX新建一个uniapp项目,文件 -> 新建 -> 项目原创 2022-04-18 15:14:07 · 7922 阅读 · 1 评论 -
Vue项目使用vue-particles实现动态粒子效果作为背景显示
展示效果实现过程1. 安装vue-particlesnpm install vue-particles --save-dev2. 全局配置vue-particles// 引入动态背景vue-particlesimport VueParticles from 'vue-particles' Vue.use(VueParticles)3. 项目中使用 vue-particles<vue-particles id="particles-js" color=原创 2022-04-11 16:40:05 · 2480 阅读 · 0 评论 -
vue项目中使用阿里巴巴矢量图标库iconfont
效果1. 打开iconfont阿里巴巴官网https://www.iconfont.cn2. 登录网站,新建项目3. 把需要的图标添加至购物车4. 打开购物车并选择添加至刚新建的项目,然后确定5. 接下来可以在项目中看到你选中的图标,这时候可以点击下载至本地6. 打开下载的zip包就可以看到里面的文件,将里面的文件取出7. 在vue项目下的assets文件夹下创建icon文件夹,将取出的文件放入这个文件夹下8. 在main.js中引入// 引入Iconfont 矢量图标库原创 2022-04-11 11:08:07 · 2421 阅读 · 0 评论 -
Vue项目集成markdown富文本编辑器,原来这么简单
这里我们使用的是mavonEditor,官网文档:https://github.com/hinesboy/mavonEditor效果图1. 安装依赖npm install mavon-editor --save2. 在main.js中注册编辑器组件// 注册mavon-editor组件import mavonEditor from 'mavon-editor'import 'mavon-editor/dist/css/index.css'Vue.use(mavonEditor);.原创 2022-04-06 12:06:27 · 1805 阅读 · 0 评论 -
从零开始搭建Vue + element-ui 项目完整过程
1. 安装Nodejs1.1 下载对应版本后进行傻瓜式安装https://nodejs.org/en/download/1.2 打开安装目录新建文件夹【node_global】及【node_cache】如下图:1.3 在当前文件夹,长按Shift + 鼠标右键 打开cmd命令行,输入以下命令设置npm config set prefix "D:\NodeJS\node_global"npm config set cache "D:\NodeJS\node_cache"1.4 设置环境变量原创 2022-03-28 15:27:40 · 5659 阅读 · 0 评论 -
Vue项目打包部署Linux(Centos)服务器
1、项目打包npm run build打包完成后项目路径会多出一个dist文件夹2、依赖安装yum -y install gccyum install -y pcre pcre-develyum install -y zlib zlib-develyum install -y openssl openssl-devel3、Nginx安装wget http://nginx.org/download/nginx-1.9.9.tar.gztar -zxvf nginx-1.9.9.tar原创 2021-07-28 20:15:21 · 602 阅读 · 0 评论 -
Vue使用localStorage设置token及过期时间
login.vuemethods: { submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { this.$notify({ title: '登录成功!', type: 'success', duration: 1000 .原创 2021-03-31 10:58:34 · 8533 阅读 · 1 评论 -
HTML中添加水印设置
index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta content="text/html; charset=utf-.原创 2021-03-06 16:30:54 · 792 阅读 · 2 评论