![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 75
阵雨丶
这个作者很懒,什么都没留下…
展开
-
vue3学习笔记(二)
目录vue3.2.0更新和3.0对比示例props父子传参emitnextTickrefCSS变量注入vue3.2.0更新在2021年7月7号,vue更新了3.2.0版本。相比于最初的3.0版本,优化了一些功能,使开发更加简单。和3.0对比起初 Vue3.0 暴露变量必须 return 出来,template中才能使用;Vue3.2 中 只需要在 script 标签上加上 setup 属性,组件在编译的过程中代码运行的上下文是在 setup() 函数中,无需return,template可直接使用原创 2021-09-14 15:29:11 · 322 阅读 · 0 评论 -
vue3学习笔记(一)
目录前言vue3.0对比vue2.x改变了什么Hellow World & setup响应性APIrefreactive把响应式对象展示在页面上生命周期组件和组件传参Provide / Inject前言vue在20年9月发布了正式版本,一转眼一年过去了,终于有时间来学习3.0了,接下来做一些自己的学习笔记。vue3.0对比vue2.x改变了什么响应式采用Proxy,不同于2.X的Object.definePropertycomposition API新的生命周期-LifeCycle H原创 2021-07-23 10:47:11 · 412 阅读 · 0 评论 -
前端自动化—使用Jenkins+GitHub自动化部署前端项目
这里写目录标题前言前置条件docker安装和java安装的对比开始,安装java环境第一步,下载安装包第二步,配置环境变量第三步,测试安装成功下载Jenkins并启动第一步,下载Jenkins的war包第二步,使用java运行war包前言公司使用Jenkins自动部署好久了,但是自己一直停留在使用的阶段,没有自己搭建过。趁这几天有时间,买了个服务器把这个搞一搞。身为一个前端工程师,对服务器的一些东西不太熟悉,基本上所有的困难都出现在搞服务器上,踩过不少坑,在这里记录一下。前置条件一台服务器(我用的原创 2020-08-25 15:04:32 · 1571 阅读 · 2 评论 -
杂记
仅作为个人记录使用杂记倒计时转译特殊字符获取屏幕宽度 、浏览器大小发生变化jq清除style样式去掉IE11input后面隐藏的X和眼睛点击缓慢的移动到页面顶部修改滚动条样式vue跳转路由的时候返回顶部vue跳转相同路径报错问题rsa加密vue中px自动生成rem倒计时 function countDown(timestamp) { var d = Math.floor(timestamp/1000/60/60/24); var h= Ma原创 2020-08-10 18:15:21 · 202 阅读 · 0 评论 -
vue实用插件集合
生产环境去除console插件:babel-plugin-transform-remove-console 官方地址安装:npm install babel-plugin-transform-remove-console —D在 babel.config.js 中配置(vue cli3使用方式)// 生产环境去除consoleconst prodPlugin = []if (process.env.NODE_ENV === 'production') { // 如果是生产环境,则自动清原创 2020-08-04 15:00:30 · 341 阅读 · 0 评论 -
vue实现微信网页授权登录
附:微信官方文档前言:在用vue做微信公众号网页项目的授权登录中踩过不少坑,在这里记录一下。首先在选择由后端做登陆还是前端传token登录的方式上产生了分歧。两种方式在不同的公司里都用过,后端做登陆无非是前端跳转到jsp或者php页面,后端把登录做了在跳转回页面,这种方式前端方便了,但是中途需要跳转多次,很影响体验,所以最终选择了前端传token的方法进行登录。不想看过程的可以直接往下拉查...原创 2020-01-08 15:28:13 · 21258 阅读 · 5 评论 -
在手机端浏览器模拟F12(实用小工具)
大家可能会遇到一些谷歌浏览器模拟手机端没问题,但是真机上会出现的bug,真机上没有F12,很难定位bug原因。偶尔找到一款工具,可以方便的在手机端打开F12,记录一下分享给大家。这款工具就是vconsole,记录一下使用方法:一、多页面,用script的方式引入首先引入vconsole<script src="http://wechatfe.github.io/vcon...原创 2019-11-28 18:10:35 · 21601 阅读 · 0 评论 -
微信jssdk
一、引入微信jssdk(需要先配置安全域名)<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js" type="text/javascript" charset="utf-8"></script>附:微信官方文档二、通过config注入权限验证配置$.ajax({ type: "po...原创 2018-04-19 16:18:03 · 851 阅读 · 0 评论 -
vue-cli3:区分开发、测试、生产环境
vue-cli3相比于2取消了build和config文件夹,需要自己创建.env文件区分不同的环境官方文档地址:https://cli.vuejs.org/zh/guide/mode-and-env.html1、在根目录下创建一个.env.development 是开发环境VUE_APP_URL = 'https://www.easy-mock.com/mock/5d6cbe39f...原创 2019-09-02 17:20:40 · 3559 阅读 · 0 评论 -
一次VUEX使用记录
store.jsimport Vue from 'vue'import Vuex from 'vuex';import createPersistedState from 'vuex-persistedstate' //vuex状态持久化Vue.use(Vuex);const state = { userName: "",};const getters = { ge...原创 2019-08-13 09:55:26 · 179 阅读 · 0 评论 -
axios多次相同请求,取消下一次
使用axios的请求拦截器拦截多次相同请求,在网上看到了一篇博客,但是他是多次相同请求,取消上一次,而我们的需求是取消下一次,所以要改一下。在这里,两次请求的url和data相同,我们即认为是相同请求。核心方法是用axios提供的取消函数,在请求发送之前取消掉。话不多说,直接上代码import axios from 'axios'import router from '../rou...原创 2019-08-15 14:16:00 · 1294 阅读 · 0 评论 -
vue-cli2:区分开发、测试、生产环境
本文适合使用vue-cli2搭建的项目,vue-cli3取消了build和config文件夹,不适用此方法。3请移步https://blog.csdn.net/yuyuking/article/details/100323068用vue-cli2构建完项目后,只有一个开发环境dev和生产环境prod,现在我们要加一个测试环境 test1、首先在package.json增加一个test...原创 2019-08-15 11:01:56 · 2679 阅读 · 3 评论 -
Express+MySQL搭建后台开发
怎么搭建express环境在我的另一篇文章里讲过了,在这里就不说了,有兴趣的可以去看一看https://blog.csdn.net/yuyuking/article/details/82856944一、下载安装MySQL1.MySQL本体去官网下载,一步一步安装即可。值得注意的是要记住用户名和密码。MySQL官网下载踩了一个坑,在这里说一下。官网下载的版本是8.0,加密方式改了,一...原创 2018-10-16 16:54:58 · 1420 阅读 · 0 评论 -
搭建一个VUE+Express前后端分离的开发环境
前置条件请确保安装了node。window+R打开cmd,输入 node -v 查看node版本。建议使用淘宝镜像代替npm,确保安装速度,接下来都会使用cnpm一、搭建后台Express环境1、安装环境新建一个Express文件夹,之后的操作都在这个文件夹里操作,确保能找到你的项目在此使用shift+鼠标右键打开cmd全局安装Expresscnpm i...原创 2018-09-29 17:04:16 · 10147 阅读 · 6 评论 -
使用html+vue的方式开发,在页面初次进入时会有一闪而过的代码
例如:<p class="fl z-tshi">{{city}}</p>在页面加载时会有{{city}}代码一闪而过,影响美观解决方案:加上v-cloak<p class="fl z-tshi" v-cloak>{{city}}</p>并且在公共的css加入:[v-cloak] { display: none;}...原创 2018-04-19 16:03:25 · 3732 阅读 · 0 评论 -
vue长按事件touch
1.touch事件以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发touchend: //手指离开屏幕时触发touchcancel: //系统取消touch事件的时候触发,这个好像比较少用2.长按弹出删除按钮,点击删除<div v-for="item in l...原创 2018-02-02 17:16:09 · 28980 阅读 · 3 评论