- 博客(29)
- 问答 (1)
- 收藏
- 关注
原创 前端导出excel表格
如果是用vue开发的话,参考这个链接:https://panjiachen.github.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA在导出回调里执行:import('@/vendor/Export2Excel').then(excel => { excel.export_json_to_excel({ header: tHeader, //表头 必填 dat
2021-03-23 17:43:16
275
原创 vue项目页面缓存
1.需要缓存的页面只需把name属性写上即可2.在App.vue或者自己布局写的main.vue中监视路由变化,当前路由是否设置了name属性,如果设置了就将name值存到vuex中state中的cacheView数组中。当然在存之前要看一下name值是否已经存在。3.App.vue或main.vue中的<routere-view />标签放到<keep-alive :include="cacheView"></keep-alive>标签里面以上是实现页面缓存的.
2020-10-23 18:32:12
492
原创 git本地代码上传到远程仓库的分支上
1.将本地项目文件夹git init初始化2.git remote add origin+ 远程仓库的地址//将本地仓库和远程仓库建立联系3.通过git add和git commit将代码提交到本地库4.如果远程仓库没有分支的话,需要创建一个分支:git branch [分支名称]git push -u origin [分支名称]执行完后,远程仓库会新建一个与上述创建的分支名称一样的远程分支...
2020-10-20 09:50:44
982
原创 echarts注册地图不同模块设置不同颜色问题
我这个项目搞的是深圳地图,然后将宝安区高亮显示,代码如下:geo: {show: true,zoom: 1.2,map: '深圳',aspectScale: 1,roam: true,label: { color: '#ffffff', show: true }, itemStyle: { normal: { borderColor: '#2b82ca',//各模块边界线 areaColor: '#051537',//地图背景色 borderWidth: 2,
2020-10-15 20:15:47
1742
原创 关于移动端自适应的一个方案
项目的ui组件用的是vant,vant的快速上手里面提到了自适应方案1.postcss配置,在package.json里面配置postcss,如下:"postcss": { "pllugins": { "autoprefixer": { "browsers": ["Android >=4.0","IOS>=7"] }, "postcss-pxtorem": { "rootValue": 37.5, "selectorBlackList": ["html"],/
2020-10-12 17:09:34
332
1
原创 关于element-ui表格动态表头时遇到的问题
首先说一下我遇到的问题:我要做的这个表格表头由固定部分和动态部分组成,动态部分由接口获取,是一个数组,里面有三项。表格数据呢是一个数组,里面是每一行的数据,对应动态表头的部分数据也是由一个数组给出,如果哪一列没数据,这一列的数据就没有,如果三个动态表头部分都没数据,那么这个数据的值为null,刚开始也是花费了很大的精力去想,最后我用的是计算属性的方式通过id去过滤,然后拿到值;1.计算属性大概这样,list是要过滤的数组,key是当前列的id注意:我刚开始用的是forEach()很遗憾并不能获取到值,原
2020-09-01 19:27:39
1477
原创 js将一段文本复制到鼠标粘贴板
以下是代码我是在vue中使用的,searchInput为dom元素,document.execCommand(‘Copy’)为浏览器复制命令,select()方法直接调用。copyText() { let refs = this.$refs let searchInput = refs.searchInput searchInput.select() document.execCommand('Copy')}...
2020-07-16 19:02:45
494
原创 二分查找
var Arr = [3, 5, 6, 7, 9, 12, 15];function binary(find, arr, low, high) { if (low <= high) { if (arr[low] == find) { return low; } if (arr[high] == find) { return high; } var mid = par
2020-06-28 22:23:10
117
原创 两栏布局
html结构<body> <div class="wrap"> <div class="left"></div> <div class="right"></div> </div></body>第一种浮动布局 .left{ width: 200px; height: 500px; background-colo
2020-06-23 17:31:20
141
原创 js中call和apply的区别
js中call和apply的区别call和apply都是用来改变函数this指向的,他们两个区别在于call接收的参数是分别传入的,而apply接收的参数是一个数组的形式,就是说要把每个参数合起来以一个数组的形式参入。...
2020-06-15 23:25:42
227
原创 git命令修改远程仓库文件名称大小写
git默认配置不区分大小写所以执行:git config core.ignorecase false关闭git忽略大小写配置,即可检测到大小写名称更改
2019-12-31 09:48:24
1337
原创 动态加载js/css文件的一个方法
filename:文件名filetype:文件类型loadjscssfile: function(filename, filetype) {//加载文件if (filetype == “js”) {var fileref = document.createElement(“script”);fileref.setAttribute(“type”, “text/javascript”);...
2019-11-28 18:00:58
231
原创 git将本地代码提交到远程仓库
1.将项目文件夹用git命令初始化git init2.将本地仓库与远程仓库建立连接git git clone http://hfjdhjfhdjfdj****h.git3.将所有文件添加到更改区git add .4.将文件提交到本地仓库git commit -m 'init'5.通过命令切换分支git checkout dev6.推送到远程仓库git push origin ...
2019-11-13 15:49:36
176
原创 opacity和rgba的区别
opacity:在一个设置了opacity的盒子A上再放一个盒子B,则盒子 B默认透明rgba:rgba则可以避免以上问题
2019-08-30 17:56:18
1391
原创 js深拷贝
直接上代码,我封装的方法如下:function deepClone(origon,target){ var target = target || {}//如果没传target就给target赋值为{} var toStr = Object.property.toString var str = '[object Array]' for(var prop in origon) { if...
2019-07-30 21:29:38
1117
原创 未知宽高盒子水平垂直居中方法
1.用css3提供的transform属性上代码.wrap{ width: 400px; height: 400px; background-color: red; position: relative; } .child{ width:...
2019-07-27 13:34:30
1598
原创 排序算法之选择排序
每次都从原始数族中找到最小的,然后将此元素放到素组最前面,然后再从剩下的元素中选出中小的依次进行,直到排序完成。let arr = [3,1,2,6,4] function arrsort(arr) { let len = arr.length let minindex , temp for(let i = 0;i< len -1 ;...
2019-06-23 09:14:09
1115
原创 数组排序算法之冒泡排序
冒泡排序每循环一遍就会有一个元素被放到位当i=0的时候,里面的循环完整执行,从j=0执行到j=6,这也就是第一遍排序,结果是将最大的数排到了最后,这一遍循环结束后的结果应该是[3,2,1,6,9,4]当i=1的时候,里面的循环再次完整执行,此时最大的数已经在最后了,所以没有必要去比较数组的最后两项,这也是j<arr.length-1-i的用处每次将剩下数组里面最大的一个数排到最后面,...
2019-06-22 16:41:13
1760
转载 快速排序
设要排序的数组是A[0]……A[N-1],首先任意选取一个数据(通常选用数组的第一个数)作为关键数据,然后将所有比它小的数都放到它左边,所有比它大的数都放到它右边,这个过程称为一趟快速排序。值得注意的是,快速排序不是一种稳定的排序算法,也就是说,多个相同的值的相对位置也许会在算法结束时产生变动。一趟快速排序的算法是:设置两个变量i、j,排序开始的时候:i=0,j=N-1;以第一个数组元素作...
2019-06-21 22:29:16
1007
原创 SyntaxError: D:\react_work\src\component\event.jsx: Support for the experimental syntax 'classProper
遇到此种错误,解决方法如下:npm i -D @babel/plugin-proposal-class-properties.babelrcplugins中加一项:'@babel/plugin-proposal-class-properties'问题解决
2019-06-03 13:27:02
2551
原创 使用webpack/babel构建react开发环境(最新版)
1.下载依赖包npm install webpack webpack-cli -Dnpm install webpack-dev-server -Dwebpack.config.jslet htmlWebpackPlugin = require('html-webpack-plugin')let path = require('path')let htmlWP = new htm...
2019-05-18 17:25:58
1556
原创 在express中如何获取post提交方式的表单数据
express中并没有提供获取post提交方式的表单数据的API,所以我们需要用到第三方插件:下载$ npm install body-parser加载var bodyParser = require('body-parser')配置app.use(bodyParser.urlencoded({extended:false}))app.use(bodyParser.j...
2019-05-13 16:16:40
4212
原创 关于es6中新增的几个数组方法filter()、some()......
filter()方法用于过滤一些不‘合格’的元素,如果回调函数返回true就留下,返回值为一个新数组let arr = [1,2,2,3,4,6]let newArray = arr.filter(function(val,index,arr){ return (val == 2)})console.log(newArray)//结果为[2,2]some()方法类似查找,...
2019-05-12 14:56:19
4952
2
原创 在webpack中移除严格模式
在webpack中移除严格模式需要用到babel插件1. 下载插件$ npm install babel-plugin-transform-remove-strict-mode如果用的是CLI$ babel --plugins transform-remove-strict-mode script.js如果用的是.babelrc中的配置为.babelrc 文件添加配置{...
2019-05-09 11:18:54
2595
原创 mongodb的or和and查询
或查询User.findOne( { $or:[ {email:body.email}, {nickname:body.nickname} ] },function(err,data){} 并查询User.findOne({ name:'zs', age:18},function(er...
2019-05-06 19:51:45
2685
原创 *** Please tell me who you are. Run git config --global user.email "you@example.
错误提示如下:*** Please tell me who you are.Rungit config --global user.email "you@example.com"git config --global user.name “Your Name”遇到这种情况依次执行以下命令git config --global user.email “你的邮箱”git config ...
2019-05-06 13:10:03
6882
原创 在webpack中使用VueRouter
先上代码:index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2019-05-05 18:32:07
1100
原创 关于ES6中导出export、export default和导入import的见解
export:一个文件中,可以有多个export,可以向外暴露一个变量或一个对象,形式如下:向外暴露/导出一个变量导入形式为:向外暴露/导出一个对象导入形式为:export default一个模块中,export default只允许向外暴露一次,形式如下:向外暴露/导出一个变量导入形式为:export default向外暴露的成员,可以用任意变量来接收...
2019-05-05 18:23:16
2883
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人