19年8月小结

原创 git同步远程已删除的分支和删除本地多余的分支

git同步远程已删除的分支和删除本地多余的分支删除远程分支：git push origin --delete 分支名查看本地分支和追踪情况：git remote show origin清理远程已删除本地还存在的分支：git remote prune origin删除本地多余分支：git branch -D 分支名git remote prune upstream...

原创 回滚远程分支

回滚远程分支git reset --hard cfd5047083efa63e08bc563ab841334f022beeb2提交git push -f -u upstream xxx分支

原创 解析url参数

// 解析url参数function GetRequest() {let url = location.search; //获取url中"?“符后的字串let theRequest = new Object();if (url.indexOf(”?") != -1) {let str = url.substr(1);let strs = str.split("&");for(let i = 0; i < strs.length; i ++) {theRequest[strs[i

原创 vuecli3热更新配置

module.exports={ lintOnSave:false, devServer:{ port:8789 }, chainWebpack: (config) => { config.resolve.symlinks(true) // 修复热更新失效 }}

原创 vscode 安装element-UI插件快速开发element-UI代码 Element UI Snippets另外的几个插件也很实用，Code是运行js文件的

原创 当后台只返回一维数组前端展示需要遍历el-row按行按列展示的时候自定义封装的二维数组

methods中或者工具函数utils中定义chunk方法，调用并传入参数即可得到二维数组，参数是待处理的一维数组和每列展示多少个，我是每列展示4个数据chunk(array, size) { //获取数组的长度，如果你传入的不是数组，那么获取到的就是undefined const length = array.length //判断不是数组，或者size没有设置，size小于1，就返回空数组 if (!le.

原创 el-table 设置表头居中 ，表格内容某一列居中或左对齐或者右对齐,或者统一设置对齐样式

el-table 设置表头居中:header-cell-style=“headClass” ==》methods中定义表头居中样式:cell-style=“rowClass” ==》统一设置column的样式 <el-table ref="multipleTable" :data="commentData" tooltip-effect="dark" style="width: 100%;m

原创 Blob.js 和Export2Excel.js文件

这两个文件直接复制即可 亲用有效 路径也正确Blob.js/* eslint-disable *//* Blob.js*//*global self, unescape *//*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true, plusplus: true *//*! @source http://purl.eligrey.com/github/Blob.js/

原创 vue中使用xlsx导入elcel表格导出下载模板

1：安装插件npm i -S file-saver xlsxnpm i -D script-loader2:main.js引入xlsx并注册import XLSX from 'xlsx'Vue.use(XLSX);3：src目录下创建vendor文件夹放Blob.js 和Export2Excel.js两个js文件4:vue.config.js的alias中引入vendor4.5：该页面要引入xlsx import FileSaver from 'file-saver'

原创 vue elementUI 使用vue-json-excel 插件导出table数据到excel表格

1：npm i -S vue-json-excel 安装vue-json-excelnpm i -S vue-json-excel2：main.js中注册引入import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel);3：order.vue文件直接使用该组件 <download-excel class="export-excel-wrapper"

原创 vue element ui在form表单中如何校验upload组件

整体解决思路：给form-item 加一个独立的ref获取该组件信息，正常添加规则，在upload组件的成功回调函数里面取消提示即可rules规则 bookImageUrl:[{required: true,message: "请选择图书封面", trigger: "change" }]upload 组件的succes上传成功的回调函数里面加 ref取消提示即可 handleAvatarSuccess(res, file) { this.bookTableForm.bookIm

原创 git上面提交代码报error: RPC failed OpenSSL SSL_read

解决方法如下：git config -global http.sslVerify "false"git config --global credential.helper manager

原创 截取axios返回的字符串数据封装函数

initRes(res) { const a = res.slice(res.indexOf("rows"), -1); //从开始截取到倒数第二个字符串 const str = res.substring(res.indexOf("results"), res.indexOf(",rows")); //从某个开始 截取到 某个下标的字符串 const total = str.substr(str.indexOf(":") + 1); //从某个开始截取到结尾的字符...

原创 element时间选择器添加自定义的时间判断

<el-form-item label="结束时间" :label-width="formLabelWidth" prop="endTime" :rules="[ { required: true, message: '请选择生效时间111', trigger: 'change'}, { validator: validateDate, trigger:'change' } ]"> ...

原创 将标准时间转换成日期时间

initTime(t) { let d=new Date(t).getTime(new Date(t)); let time= new Date(d + 8 * 3600 * 1000).toJSON().substr(0, 19).replace('T', ' ').replace(/\./g, '-'); return time; }

原创 将标准时间转换成 日期

将标准时间转换成 日期 initTime(date) { let time = date.toLocaleString("zh", { year: "numeric", month: "2-digit", day: "2-digit" }); let date2 = time.replace(/\//g, "-"); // 利用正则可以将/换成-的分隔符 return date2; }...

原创 提交本地项目到github上去

直接在github上面新建项目仓库，然后克隆项目到本地，一个包含.git的项目文件夹然后将本地的项目放进这个文件夹里面在当前文件夹下打开git bush运行git add .git commit -m ‘first commit’git push -u origin master此时会跳出来github登录框填好github的登录名和登录密码就可以推上github了,这里填的是g...

原创 格式化日期，日期转化

let date = new Date(); var timestamp1 = Date.parse(new Date());//转化成毫秒数 console.log(timestamp1, "data"); var myDate = new Date(); console.log(myDate.getFullYear()); //获取完整的年份(4...

原创 vue使用DPlayer播放摄像头

public index.html里面加一个cdn<script src="https://cdn.bootcss.com/hls.js/8.0.0-beta.3/hls.min.js"></script>home.vue <div class="player"> <div id="dplayer" style="width:600...

原创 更新当前git分支代码

更新是先提交保存本地代码，在推到远程上前拉远程代码，解决冲突，再重新更新提交一次代码，最后推上去git add .git commit -m "提交保存本地代码"git pull origin develop//解决冲突后git add .git commit -m "提交保存本地代码"git push //最后推到当前分支上去 ...

原创 element-ui懒加载树组件自定义叶子节点选中状态实现

element树组件 <el-tree ref="tree" :props="props" show-checkbox lazy :data="treeData" :load=...

转载 js从一个数组中删除另一个数组包含的相同对象

let arr1= [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }] let arr2= [{ id: 1 }, { id: 2 }, { id: 3 }] arr1= arr1.filter(item => { let idList= arr2.map(v => v.id) return !i...

原创 删除git（gitlab，github）的分支

比如我github上有master和origin/roomframe分支，我现在想着删除feature分支，命令如下：git push origin :origin/roomframe

转载 vue 时间戳转换成日期时间或日期

data: { message: 'Hello Vue，欢迎来到测试页面!', list: ['a.jpg', 'b.jpeg', 'g.gif', 'd.gif', 'e.jpeg', 'f.gif', 'h.gif', 'i.gif'], items: [{ ...

原创 过滤数组对象中的空属性

filterParams(obj) { let _newPar = {}; for (let key in obj) { //如果对象属性的值不为空，就保存该属性（这里我做了限制，如果属性的值为0，保存该属性。如果属性的值全部是空格，属于为空。） if ( (obj[key] === 0 || obj[key]) && obj[key...

转载 git push --set-upstream origin master问题解决方法（引用jqwei2的博客）

git push --set-upstream origin bug的原因以及解决方法我们在本地创建bug新分支时改完bug首次提交到远程分支bug上，提交代码的时候一般有如下步骤：git add .git commit -m “改bug”git push --set-upstream origin bug————————————————版权声明：本文为CSDN博主「p...

原创 谷歌设置跨域

谷歌设置目标 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\MyChromeDevUserData起始位置 "C:\Program Files (x86)\Google\Chrome\Application"...

原创 高德地图vue

getAllPoint() { let that = this; let map = new AMap.Map("map-locationM", { //'map-location'是对应页面盒子的id resizeEnable: true, //自适应大小 ...

原创 修改滚动条的样式

.add-scroll { max-height: 5.6rem; overflow: auto; overflow-y: visible; border-top: 1px solid #efeff4; &::-webkit-scrollbar-track-piece { backg...

原创 vue-cli@3搭建移动端适配

在cli@3里使用安装插件可以适配各个移动端的适配，安装px2rem-loader和lib-flexible在main.js里引入import ‘lib-flexible/flexible.js’;在nodemodels里面的vue里面的cli-service里面的lib下的config文件夹下的css.js里rule里面补充代码里的配置 rule .use('css...

原创 两行或多行文本溢出不生效，超出省略号表示...

在vue项目中 -webkit-box-orient: vertical;这行一定要写在内联样式style=" -webkit-box-orient: vertical;"里面，vue项目在打包后webpack会忽略这一行，所以你会发现在打包后的测试环境里面根本显示不了之前的控制两行显示并且超出显示省略号，我也是找了好久对比后才发现测试环境里这行没有显示，就没有效果，写在内联样式里就可以了。...

原创 vue2@vue-cli@3的vue.config.js配置环境变量和配置jquery

这个文件配置项是我结合了多个大神的设置和官方文档想出来的即配置了jquery也配置了区分生产环境和开发环境的变量，但是变量还没有试过，项目就被别人接手了，在最后一周里我新开发了另一个模块，周六项目一上线就被通知over了，其实有点冤，但怎么说呢，缘分尽了吧…这两天正好可以进来整理整理写写东西…const webpack = require('webpack');module.exports =...

原创 vue动态绑定img的src值

<img :src="src" alt="" v-show="countRatio!=null">在data里面分别定义，根据页面数据展示的条件赋值src，引入图片的时候，在data里定义 up: require('../../../assets/images/uppunish.png'),在函数里赋值就可以了 if (res.countRatio!=null) ...

原创 两个不同路由下的页面两个input输入框共用一个值，实时更新

我当时想的是用vue组件内的路由钩子函数beforRouterEnter在index文件里用` beforeRouteEnter(to, from, next){ next(vm=>{ vm.message=store.state.user.searchInput; }); },查询函...

原创 vue----vscode跳转定义组件的插件，以及vscode常用插件

在新公司里刚安装了vscode，写vue或者小程序都会用到vue，小程序代码高亮的设置在vscode底部栏进入.vue文件底部这里会显示文件格式，鼠标移上去有选择语言模式，vue文件选择vue，wxhl文件选择html下面是点开文件==》首选项==》设置==》进入setting.json文件，我用的以下设置，够平时工作上用了。这些都是平时安装插件的时候系统自动配置的，我一开始新安装vscod...

原创 vue可webpack配置版配置jquery

在build文件夹下配置webpack.dev.config.js文件和webpack.prod.config.js文件在两个文件中的plagins数组对象中，添加一个jquery配置项 new webpack.ProvidePlugin({ $: 'jquery' })如下图位置...

原创 echarts词云

<script>// import echarts from 'echarts';var echarts = require('echarts');require('echarts-wordcloud');//引入词云import store from "../../../store/store.js";import { mapMutations} from 'v...

原创 封装请求，阻止登入

请求失败时，进入到登录页面 /** * 请求失败, 会返回所有数据 */ reject(responseData); if (handleError) { // Message.erro...

原创 带已选条件的自定义单项筛选器页面+逻辑

布局 <div class="selectRow1Long" v-if="openList"> <div class="productTypeLeft"> <div class="t-left"> ...

原创 echart图表展示的属性共性

1.在vue中引入并使用中国地图引入echarts在main.js文件里注册并引入china.json文件，同时echarts注册import ElementUI from 'element-ui';import './assets/css/normalize.css';import './assets/css/reset.css';import 'element-ui/lib/them...