- 博客(82)
- 收藏
- 关注
RSS订阅原创 ES6数组常用方法总结
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-16 15:21:21
7700
原创 sql学习输出一（sql小白）
一个前端最近被安排重做smartbi报表，然后开始自己写sql，来记录些简单的语句，和写时报错需要注意的地方吧，小白，可能本身理解有误。1、查询select a,b,c from 表名(1)多种条件显示自己想要的对应结果case when a='111' then '字段1' when a='222' then ‘字段2’end as 字段名(2) ...
2019-09-02 17:31:13
735
原创 js 字符串编码与解码
编码有三种1、escape(对应解码unescape)定义：escape() 对字符串进行编码。注意：该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . / 。其他所有的字符都会被转义序列替换。2、encodeURI(对应解码decodeURI)定义：encodeURI() 函数可把字符串作为 URI 进...
2019-07-30 15:27:35
4689
原创 react学习输出一（搭建本地开发环境）
学习react的开始，先来搭建一下本地开发环境1、升级node.js（如果你的版本高。忽略此步）注意：node >= 8.10 和 npm >= 5.6，如果node版本过低，安装无法成功（本人亲测，会删除创建的项目）方法：windows环境下找到原来安装的路径，去官网下载更高版本的安装包，重新按步骤安装一遍，覆盖原来安装路径即可。node -v 查看版本是否更新2...
2019-07-23 09:40:17
365
原创 原生js 动态引入多个js文件
之前项目为纯html项目，没有任何框架，现在接口要加token认证。只有通过才能加载相应的js.之前动态添加js都是通过document.write('<script type="text/javascript" charset="utf-8" src="c.js"></script>')这样来引入。但在接口token认证成功以后，这样来引入多个js,发现页面完全空...
2019-07-15 14:26:00
3088
原创 mintui 底部导航栏按钮点击事件
前端h5选择框架时，决定使用mintui(为了和vue更好结合），结果用了感觉效果很一般，文档也不是很全，好多问题。用mint-ui做底部导航栏时，即<mt-tabbar><mt-tab-item>首页</mt-tab-item></mt-tabbar>一开始点击事件加到mt-tab-item标签上（即@click）,发现不起效果...
2019-07-05 14:39:27
1849
原创 vue-cli 项目中css使用渐变色属性，打包后样式丢失不生效
vue-cli项目中使用css做了一个渐变色的横条，在本地显示正常，但打包后发现css文件中渐变属性只剩下一行，其他全部丢失。 background:-webkit-gradient(linear, left top,right top, from(#000000), to(#ffffff)); background:-webkit-linear-gradient(left, #0000...
2019-06-25 10:09:00
1591
转载 echarts 点击事件调用多次问题解决
项目中做关系图遇到 点击关系图元素，发现点击事件会被调用两次，百度后发现解决方法，确实有用，记录一下。原文URL:https://www.cnblogs.com/niepan/p/9297731.html具体代码如下myChart.clear(); //清除画布myChart.setOption(option);myChart.off('click'); //解绑点击事...
2019-06-25 09:45:13
2537
1
原创 vue-cli2通过指令打出测试/生产包
之前vue-cli2项目每次打包都得手动去改测试生产地址，较为繁琐，于是研究了下如何在打包时设置baseURL直接打成测试/生产包。vue-cli3有更为简单方法，奈何之前项目用的vue-cli2框架，总感觉步骤还是比较繁琐的，改的东西较多,有时间可以研究下不建立文件就可以打出多种包吧。目前步骤如下一、build 文件夹下修改 1)、对应build.js建立test.js，复制b...
2019-04-02 14:46:12
1272
1
原创 element-ui（vue-cli）在ie11中空白页无法显示
PC端项目 element-ui 的ui框架、vue-cli 项目在ie11中空白页，报script1002: 语法错误无法获取未定义或null引用的call发现错误定位在element-ui 下的emitter.js,那是es6语法无法作用到element 上。解决方法：在webpack.base.conf.js的babel-loader下加上如下内容resolve('/node...
2019-03-14 11:25:33
3862
2
原创 el-checkbox-group使用中需要注意点
使用element 复选框过程中想要获取元素的id值数组(作为接口入参），但显示为元素名称，按如下写,要不获取到的checked为名称，要不获取到id报错<el-checkbox-group v-model="checked" @change="handleChecked"><el-checkbox v-for="item in data" :label="item....
2019-03-06 14:11:20
24343
5
原创 vue父子组件互相调用函数（方法）
一、父组件调用子组件函数父组件：<template><child ref="editFun"></child> //子组件绑定</template>父组件调用子组件函数this.$refs.editFun.init( 参数);子组件：methods:{ init(参数){ }}二...
2019-02-28 16:00:29
3660
4
原创 element el-upload 部分参数详解
element 框架很实用，最近不想去修改input上传的样式，干脆直接使用el-upload，使用的是手动上传，但是感觉文档中部分参数描述信息不是很详细，现在以我的调试的内容对部分参数使用做下详解。一、action 上传地址 类型：string 需要写动态地址时，修改成:action="url" data() { return { url:'...
2019-01-30 14:55:05
17652
2
原创 js读取上传文件txt内容（上传插件用的element-ui 的upload）需要注意点
最近项目中遇到需要读取上传本地文件(txt)的内容的简单需求，对里面部分内容进行校验，再进行上传操作，前端进行校验确实复杂，自己仅仅进行尝试，最后决定究竟是由后台还是前台来做这项工作。一、html（上传插件用的element-ui的upload 上传文件类型为txt,上传个数少于等于5个，非自动上传（手动上传），关于上传文件大小貌似element-ui没有参数设置，需要在上传前的函数中进行控制...
2019-01-17 16:44:12
3767
原创 ios9及部分andriod机白屏问题解决
之前vue-cli 起的项目遇到在ios9系统和vivo 安卓机白屏问题，查资料是说es6语法在部分浏览器甚至手机中不兼容导致报错白屏，包括const、箭头函数等，纯属猜测，把所有这些改了一遍不好使，包括安装babel-polyfill,最终使用window.onerror = function(msg,url,line,col,error){alert(msg,url，line,co...
2018-11-26 15:52:40
794
原创 关于vue 修改属性未渲染问题
使用vue 在代码中修改某个渲染数组里的某个属性的值时，偶尔会有打印出来值已经修改，但页面并未渲染成功的情况解决方法1、this.$set(this.array[i],'child',true);使用set属性2、居然也有使用$set不好使的情况；直接加上强制渲染 this.$forceUpdate();...
2018-11-26 15:33:11
818
原创 position:fixed 失效问题记录
要做导航条固定，点击导航条的某个按钮跳转到下方页面相应的模块，下方模块必须可以滚动；刚开始给body加了smooth-scroll的插件，发现position:fixed失效，百度后查到原因，父级元素一旦使用了transform:translate,positon:fixed属性会自动转为position:absolute，插件原理正是使用了这个属性;解决方法并未找到；方法一：1、不使...
2018-11-26 15:27:19
386
原创 css篇-子元素高度撑满父级（父级未设置高度），同时子元素内文字垂直居中
好久未写博客，又回来了，还是得实时督促自己最近遇到了一个css问题；问题如下父元素不设置高度，子元素全为（display:inline-block），左侧内容撑开高,想要右侧子元素高度为100%（即与左侧子元素高一致），使用height:100%,并不好使，始终是内容撑开的高，而非父级高，<li v-for="list in lists”> //父元素<div...
2018-11-22 16:26:30
27157
3
原创 时间格式处理的兼容性问题（iphone 和ie浏览器）
后台返回 2018-02-01 23:22:00类似这种形式的时间，需要修改成 年 月 日 23:22:00或 天前等一、time为传来的值 time =time.replace(/\-/g, "/"); 需将-替换为/这样在ie和iphone var stri...
2018-08-16 16:46:28
1491
原创 vue-cli项目中axios response函数使用箭头函数 回调函数用this无反应问题
es6使用函数用的是箭头函数，回调函数中使用this 或在之前定义好的this，都没问题；但是有时es6语法在ie中不支持，修改时，改成一般函数形式，使用this,就会造成this指向找不到问题，也不报错，打断点不执行，好像阻塞了，所以之前需定义 var that = this;...
2018-08-16 16:37:55
1930
原创 正则替换多个换行符为1个
页面扒下来的段落不够规范，文字中隔一段会有不等数量的换行符，需要进行修改1、newscontent = newscontent.replace(/<br(\s+)?\/?>(\s+)?/gi, '<br />');将前后包括标签内空格的br替换成无空格br2、 newscontent = newscontent.replace(/(<br\s?\/?&g...
2018-08-07 15:26:36
5638
原创 vue-cli 单页面应用中打开新页面
vue-cli 项目中需要打开新页面，而并非原来的单页面应用；百度查看文档解释vue 2.0版本只能通过a 标签打开；<a class="link" :href="host+'/indexDetail'" target="_blank"></a>打开indexDetail新的页面data:{host: window.location.origin}...
2018-06-12 15:13:45
1639
原创 vue（依照v-page（github上））修改的适合自己用的分页插件
vue 搭建的前端项目，需要用到分页插件，在github 上搜索，样式都比较简单，不太符合要求，终于找到一个整体不错的插件地址：https://terryz.gitee.io/vue/#/page/demo文档也蛮详细，但入参除了语言，样式，总条数，每页显示条数外没有其他入参，这个比较头大（语言啥这些自己也不需要）；因为我的列表页有很多筛选条件，点击其他筛选条件，当前页应该回到第一页，而不是停留在...
2018-06-08 14:52:11
2136
5
原创 js 中常用时间转换
一、时间戳转换成时间function timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(date.g...
2018-06-07 09:03:47
3747
原创 fo循环与forEach(es6)
之前循环数组使用一直使用for循环，被认为很low,选了es6的写法data.forEach( ( list, i ) => { //可以拿到每个list值(读取操作)});但有一个弊端，就是它仅仅具备读取，而没有写的功能所以当我给data的每个list 赋值时，循环结束依然依然是原来的数组；当你需要改变数组内的值，而并非取值时，解决方法一1.使用for循环，我觉得ok呀，2.建立一个新数组...
2018-06-06 09:09:13
1469
原创 js中常用判断及函数
一、从浏览器url中获取到所需参数及信息；function getQueryString(name) { var that = this; if(isNULL(name)){return null} //调用isnull var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window....
2018-06-05 08:59:17
915
原创 node 环境(vue 项目 引入mui.min.css 打包报错
引用mui.min.csss,运行没问题，打包就报错，样式明显是没引用mui.min.css的，所以百度找到了方法；[1m[31mERROR in ./~/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true,"publicPath":"../../"}!./~/vue-style-loader!./~/css-loader?{...
2018-05-08 10:34:29
2964
原创 使用mui部分组件（滑动和切换开关按钮），在vue 中无法生效的解决方法
修改原来jquery、mui做的项目为vue,ui框架依然用mui ,但是遇到一些问题；1、mui滑动事件能够滑动必备条件： 1、引入mui 2、初始化调用（mounted中）；（调用时遇到问题：同一个vue组件，控制显示隐藏多个模块，使用v-if,初始化时可能由于刚开始没有隐藏 的模块的mui-scroll，切换后无法滑动，改为v-show就可以了） 3、使用下拉加载、上拉刷新...
2018-05-05 19:04:59
3368
2
原创 关于vue的异步导致的一系列问题处理
1、原来项目中使用jquery实现改为vue后，调用接口的参数出现ajax的嵌套调用，导致第二次axios请求完全没有任何反应，连请求都没有发送，很是奇怪；解决方案：监听某个属性（第一次ajax请求拿到的参数）是否发生变化，发生变化再调用第二次函数即可 watch:{ 'param':{ handler:(val,oldVal)=>{ 监听p...
2018-05-05 18:42:34
3284
原创 对于路由地址并未切换，但是地址栏发生地址发生变化原因
1、路由切换，明明this.$route.push('/other')跳转到other页面，但地址栏还是发生了变化。出现莫名字符串原因：原来项目使用mui、jquery.改为vue后页面跳转的标签仍为a标签，但href="#sqw"。所以莫名有时候会出现sqw页面；修改为href="javascript:void(0)",无法点击即可；2、一个页面，多个模块，仅仅是控制显示隐藏，没有使用路由切换页...
2018-05-05 17:59:21
2103
2
原创 css 实现标签内容多行截取（...）
css实现单行截取字符串比较简单，css属性：overflow:hidden;white-space:nowrap;想要实现多行截取，经过百度得到，取两行然后截取的属性；overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient;vertical;o 解决问题；...
2018-04-13 10:39:10
3074
原创 vue-cli项目中将时间戳的日期格式转换成年月日（时分秒）
记得angular js中时间戳转化成正常日期格式，只要使用filter属性{{time|'YYYY-MM-DD HH:mm:ss'}}就可以了，本以为vue也可以，试验了然而并不好用；所以在网上找了方案，需要使用时间转换的插件moment。解决步骤如下：在node环境下一、npm install moment --save二、main.jsimport moment from 'moment/m...
2018-03-21 18:09:18
11471
3
原创 vue-router实现几级页面跳转及传参
之前并不知道vue-cli多用于单页面应用，对于现在的多页面跳转只能用路由来实现，当然我也是初步了解。要求：登录页面-权限页面-内容页面对于页面跳转，就不能使用<p><router-link to="/foo">Go to Foo</router-link><router-link to="/bar">Go to Bar</router-lin
2018-03-09 11:02:45
1653
原创 ie浏览器下滚动条问题
众所周知，原始浏览器滚动条不美观，所以重新修改样式，但在ie上并不起效果；没有办法，只好寻找插件，来实现；最终找到的是smooth-scrollbar（但也只能兼容到ie10（11）了且原始要加滚动条的div属性不能是overflow-y:scroll）方法：import Scrollbar from 'smooth-scrollbar';//引入自定义滚动条控件mounted() {Scroll...
2018-03-09 10:40:52
4035
原创 页面布局左侧固定宽度，右侧屏幕自适应
开发初期，页面布局要实现左侧固定宽度右侧屏幕自适应，且右侧内容块的距离是8px固定，我们考虑的最小分辨率是1366px,1366以下并不能像bootstrap那样内容块被挤下去。因为没有考虑清楚，没有使用bootstrap,采用了左边用px，右侧用rem，当屏幕<1366px,font-size=100px.固定了宽度。结果出现问题，大于1366px,由于左侧固定宽度，分辨率变大，右侧变大，...
2018-03-09 10:20:27
792
原创 vue项目中使用echarts 遇到问题总结2
一：echarts图形的父级容器宽度设置为百分比形式，导致echarts变形；12解决方案：固定宽度没问题，只要设置成百分比，有的好用，有的不好用，只能将宽高设置为rem,好在相差不大；二：vue-cli项目下使用 vue的tab切换3个不同的echarts图表，未打包正常显示，打包后部分样式加载不出来，导致tab切换的默认显示的echarts显示不出来,f12发现是宽高已经加上，但是echart...
2018-03-09 10:19:48
2718
原创 vue组件（读vue.js2.0参考手册）
闲来看了下vue的参考手册，组件这块大概分为几个重要的知识点一、组件的基本使用vue-cli 中 是 htm: import baseAchievement from '@/components/contentdetail/baseAchievement';export default { components:{ baseAchievement,
2018-02-08 15:17:34
691
原创 vue项目中实现换肤（包括颜色、样式、图片）
使用vue-cli 搭建的项目，页面中很多模块都用组件实现的，当初每个组件的样式都写在了自己的style里面，本来想每个组件提取两个css文件，根据localstorage中存储的值来判断切换不同的css；if(localStorage.getItem("colorstatus")=='neon'||localStorage.getItem("colorstatus")==null){lo
2018-02-07 15:35:08
10242
2
原创 vue中v-for加载本地静态图片
vue-cli 项目中本地图片放在assets目录下（原因vue-cli最开始的vue图片就在里面，就把所有图片放在里面了）；之后v-for 动态加载图片路径就遇到了问题源码：{{item.name}}{{item.position}}VSfor(var i = 0;ivar j= i+1;self.teamInfo[i].imageurl
2018-02-02 16:13:49
6879
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人