- 博客(14)
- 收藏
- 关注
原创 前端自动部署解决方案
这里写自定义目录标题前端自动部署解决方案背景需要解决的我问题步骤前端自动部署解决方案背景公司前后端分离的项目,需要测试环境和正式环境各部署一套,想打包之后自动上传到服务器。需要解决的我问题1.需要根据不同环境打包不同的目录,分测试环境和正式环境2种。2.只能把打包后的文件上传到服务器,其它代码不能上传步骤1.服务器上添加webhooks2.gitee上添加webhooks,url地址在服务器的webhooks里3.添加脚本#!/bin/bashcd /www/wwwroot/fira
2021-03-16 14:58:38
338
原创 从详情页跳转到列表,如何保持详情页的状态
经常遇到这种需求,从详情页跳转回来的时候,需要保持列表页面之前的状态,解决方案如下:1.在路由中设置meta字段,并且增加一个flag,控制是否keep-alive,例如:meta: {keep: true}在这里插入图片描述](https://img-blog.csdnimg.cn/20201216175842531.png)2,路由跳转入口 3.列表页//修改列表页的meta值,false时再次进入页面会重新请求数据。beforeRo
2020-12-16 18:39:26
543
原创 前端 图片压缩 ios旋转后再上传
这里写自定义目录标题前端 图片压缩 ios旋转后再上传前端 图片压缩 ios旋转后再上传基本要求: 要求解决ios图片上传旋转问题,需要压缩,图片不要超过1920.备注:从网络搜的代码进行了一些更改,链接就不贴了 找不到了直接上代码:1.修正图片旋转代码 /** * 修正图片旋转角度问题 * @param {file} 原图片 * @return {Promise} resolved promise 返回纠正后的新图片 */ fixImageOri
2020-09-08 17:22:20
156
原创 vue 自定义可拖拽拖拽按钮。
<template> <div class="back-home" @click="$router.push('/')" ref="moveBtn" @mousedown="down" @touchstart="down" @mousemove="move" @touchmove="move" @mouseup="end" @touchend="end" @touchcan...
2019-08-30 15:52:47
2507
原创 Vue 开发公众号遇到的一些坑
Vue 开发公众号遇到的一些坑1.微信jsapi 需要一开始config。有个校验码,其中有一项是当前网页的地址。 用SPA开发的时候,如果用history模式,安卓没问题,ios会出现校验不成功。原因是遇到ios微信浏览器的时候,后台会把第一次进入的地址拿去校验,如果中间跳转了,后台是不知道的,解决办法,第一种:在路由钩子函数里用location.assign 重写地址。第二种是用vuex记录...
2019-08-27 14:56:06
600
原创 小程序用户名限定
1.只能中文或者英文 realnameChange: function(e) { var reg = /[^(a-zA-Z\u4E00-\u9FA5)]+$/g var str = e.detail.value.replace(reg, "") } this.setData({ ['addressInfo.realname']: str })2.过滤字符...
2019-07-20 10:05:05
319
原创 优雅的数组去重
主要利用es6的新内容SetES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成 Set 数据结构。利用Set没有重复值的特性,可以进行去重。var a = [1,2,2,4,4,4,4,4]new Set(a) // Set(3) {1,2,4}那么如何把Set结构变成普通数组呢?// 第一种var b = [....
2019-07-06 11:17:42
163
原创 js中比较好用的深拷贝
深拷贝浅拷贝的不同就不说了,深拷贝的方法很多,有的比较麻烦还不好理解,这里只说3种好用的var a = {a:1,b:2}1.最low但是最好理解的 var b = {} b.a = a.a b.b = a.b2.目前最常用的var b = JSON.parse(JSON.stringify(a))但是这种有个不好的地方,如果对象属性值是undefined Symbol fu...
2019-07-06 09:59:05
240
转载 vue如何兼容IE8以上浏览器
参考:https://blog.youkuaiyun.com/around_primary/article/details/79087466https://blog.youkuaiyun.com/u012733501/article/details/826657361、npm安装babel-polyfillnpm install babel-polyfill --save-dev2、在入口文件main.js中引入...
2019-04-19 16:12:58
2746
原创 前端实现导出csv文档
tableToExcel() { //要导出的json数据 var jsonData = this.lists httpRequest({ 'action': 'equipment_lists', 'title': this.isStatus ? this.searchcontent : "", offset: 100, // 暂...
2019-04-16 19:17:14
864
1
原创 vuex基本用法(含modules)
目录结构i## 代码片段index.js// 使用vueximport Vue from 'vue'import Vuex from 'vuex'import m1 from "./modules/m1.js"import m2 from "./modules/m2.js"Vue.use(Vuex)export default new Vuex.Store({ modul...
2019-04-07 00:30:59
631
1
原创 vue模块化开发下,怎样创建一个简单的store
vue模块化开发下,怎样创建一个简单的store原理创建一个js文件,里面的数据,在需要的组件中引入,就可以达到数据共享了。简单实现创建一个store文件夹,并在下面创建一个store.js,以下是示例export default { state: { msg: 'hello' }, setStateMsg(val){ console.log(val) this.sta...
2019-04-05 19:01:36
1770
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人