前端开发经验笔记
用来分享在前端开发中遇到的问题,分享经验
柯柯就是我
这个作者很懒,什么都没留下…
展开
-
js相对路径写法
"/" 表示根目录开始"./" 表示同级目录开始"../" 表示上一级目录开始;原创 2019-05-31 17:43:25 · 11232 阅读 · 1 评论 -
Vue界面使用iframe嵌套html界面的传值问题
一.从父页面给子页面传值可以通过url进行传值,若嵌入外网例如www.baidu.com,可以设置为<iframe name = "child" id = "child" :src="www.baidu.com#asd=1" width="1920" height="880" frameborder="0" scrolling="no" s原创 2018-09-18 11:40:42 · 23910 阅读 · 0 评论 -
如何让bizcharts柱形图的某坐标轴不显示
想要达成如下效果,y轴不显示(红色框是截图时添加的)<Axis name="y" label={null}/>加上label={null}即可原创 2019-05-29 19:35:01 · 3349 阅读 · 0 评论 -
js如何判断对象为空
在开发过程中有时候从后台获取的数据有延迟,所以我们的数据对象有时候是空的,就会出现data.length为undefined的情况。如果用if(data !== {}})判断是不正确的,正确的判断方法为if(JSON.stringify(data) !== '{}')...原创 2019-05-29 17:44:32 · 8659 阅读 · 0 评论 -
bizcharts条形图如何将数值显示在柱形内
原创 2019-05-29 15:58:51 · 2008 阅读 · 1 评论 -
React + ant-design实现文件下载
我们知道react实现一个请求的流程是,页面js文件触发事件,然后调用models内的fetch,然后再去service内找对应的api,发送request请求即完成。现在我在开发的过程中碰到一个问题,我发送如下的请求本应返回一个文件然后触发下载,但实际上只是返回了文件内容如下如果把这个请求复制到地址栏然后访问倒是能触发下载,所以想到能不能通过开一个a标签然后访问。但是在最开始...原创 2019-05-27 10:45:27 · 10120 阅读 · 0 评论 -
vue使用element-ui时监听登录界面全局键盘回车事件
方法一<el-form-item prop="account"> <el-input v-on:keyup.enter.native="handleSubmit2()" style="color: #ffffff" type="text" v-model="ruleForm.account" auto-complete="off" placeholder=...原创 2019-04-29 11:13:56 · 3645 阅读 · 0 评论 -
使用Vue文本插值当文本溢出时如何自动换行
当我们使用vue文本插值即两个大括号时,有时候会出现文本溢出的情况,如下图代码采用如下:{{severShow.vpnKey}}此时我们可以使用如下css属性html:<div class="text-wrapper">{{severShow.vpnKey}}</div>css:.text-wrapper { word-break...原创 2019-03-20 17:14:43 · 14053 阅读 · 2 评论 -
echarts formatter 自定义编写(数据千分制)
tooltip: { trigger: 'item', // formatter: '{a} <br/>{b}: {c} ({d}%)' 原数据格式无千分制 formatter: function(p) { console.log('p') c...原创 2019-01-02 15:58:19 · 5899 阅读 · 1 评论 -
JS比较两个IP大小
function compareIP(ipBegin, ipEnd) { var temp1 var temp2 temp1 = ipBegin.split('.') temp2 = ipEnd.split('.') for (var i = 0; i < 4; i++) { i...原创 2019-01-02 10:28:04 · 2109 阅读 · 2 评论 -
vue element-ui 使用required进行表单校验时自定义提示语
如果我们直接在html里面使用required时当我们在输入框输入一些数据,然后使用backspace逐个删掉,删完的时候就又会出现即使我们已经添加了rules验证此时我们需要进行如下修改首先把HTML里面的required删掉,然后在js的rules验证里添加即可修改验证...原创 2018-12-26 19:38:35 · 46730 阅读 · 6 评论 -
ip与netmask的js正则校验
网上有些ip的正则校验例如ip: /^((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9]).){3}(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/,是错误的,比如说192.0.0是可以通过校验的,下面的也是错误的,0.0.0.0不能通过校验ip: /^(25[0-5]|...原创 2018-12-26 13:48:52 · 893 阅读 · 0 评论 -
vuex如何用watch监听this.$store数据的变化
如监听this.$store.state.app.language的值,注意写在method外面watch: { '$store.state.app.language': function () { //你需要执行的代码 } },原创 2018-11-30 16:21:44 · 50736 阅读 · 10 评论 -
vue.js禁用浏览器默认事件(以tab键为例)
一开始采用的是这种做法:监听keydown事件,然后根据键值禁用默认事件,发现不可行,源码如下 mounted () { window.addEventListener('keydown', this.onClick)} onClick (val) { console.log('按下' + val.key) console.log('keycode:' ...原创 2018-11-27 18:54:00 · 8468 阅读 · 3 评论 -
vuejs+element UI table表格中如何禁用部分复选框
有时候我们构建这样带一列复选框的表格然后希望根据条件禁用某个列表项的选择框,可以这样写HTML:JS:原创 2018-11-23 11:01:58 · 13417 阅读 · 5 评论 -
VSCode设置工作台背景
1.首先在vscode扩展,搜索background插件并安装安装第一个,然后会提示损坏,不用管。重启的话就有默认背景了2.设置自己选的背景图打开 文件>首选项>设置,搜索background然后编辑 然后如图编辑即可代码如下"background.customImages": ["file:///C:/Users/wuyunke/Picture...原创 2018-11-21 16:39:00 · 2770 阅读 · 6 评论 -
CSS容易忽视的知识点
1.CSS 链接a:link {color:#000000;} /* 未访问链接*/a:visited {color:#00FF00;} /* 已访问链接 */a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */a:active {color:#0000FF;} /* 鼠标点击时 */注意:a:hover 必须跟在 a:link 和 a...原创 2018-11-21 11:20:05 · 158 阅读 · 0 评论 -
JavaScript的一些重要知识点(不定时更新)
这里记录我学习JavaScript过程中觉得比较重要的知识点,会随着学习不定时更新,欢迎收藏目录1.重新声明 JavaScript 变量2.Undefined 和 Null输出结果:3.声明变量类型4.JavaScript 变量的作用域 局部 JavaScript 变量 全局 JavaScript 变量 JavaScri...原创 2018-11-06 14:23:49 · 758 阅读 · 3 评论 -
js通过URL下载服务器文件(URL为变量)
可以先看我的另一篇博文js通过URL下载服务器文件(可行方法)有时候我们得到的URL是动态获取的,所以此时我们可以用如下方式设置文件地址 <a :href ="'http://'+ip+'/test.txt'" download="test"> ...原创 2018-10-31 16:48:20 · 11023 阅读 · 4 评论 -
vue如何在websocket方法内获取data里的数据和method里的函数
在实践中,会发现在websocket的onmessage方法内处理数据时,从websocket得到的数据无法在其他函数内调用,其他变量和函数也无法在websocket里使用,这是因为数据的作用域不同使得无法访问。我们可以进行如下修改func() { ws.send('2') ws.onmessage = function (evt) ...原创 2018-10-31 15:12:06 · 9282 阅读 · 16 评论 -
js通过URL下载服务器文件(可行方法)
本文讲述已知文件在服务器的地址,如何下载至本地其他博客分享的一般是这两种1.通过window.openwindow.open('https://1.1.1.1/test.txt')2.通过get表单请求var $form = $('<form method="GET"></form>')$form.attr('action', 'http://1....原创 2018-10-31 14:56:16 · 38060 阅读 · 11 评论 -
websocket的使用
创建连接 ws = new WebSocket('ws://' + this.websocketip + ':8001') ws.onopen = function() {}格式就是ws://ip端口发送数据ws.send('1')接收数据ws.onmessage = function (evt) { var obj = JS...原创 2018-10-26 10:44:53 · 298 阅读 · 1 评论 -
前端class根据条件动态设置样式
有时候我们需要根据条件来选择不同的样式,此时可以使用三目运算符这样写<div :class="setLan==true?'abc':'xyz'" ></div>原创 2018-10-26 10:36:09 · 13080 阅读 · 0 评论 -
如何单页面覆盖element-ui组件默认样式
看了很多博客,很多方法都是全局改变组件的样式,而很多时候我们只需要单独改变这一个页面的样式就行。方法如下首先,在浏览器里检查元素,查看原有样式名字,然后在vue文件里新建一个css<style lang="scss"></style>记住不要加scoped,不然不会覆盖然后把你想要的样式写在里面,然后在你想要修改的组件的父级元素添加新类,简单的话在外面加...原创 2018-10-26 10:32:52 · 5759 阅读 · 0 评论 -
Element表格如何禁用某一列表项的按钮
例如我们要达到如下效果,使不能对admin进行删除和修改状态的操作我们只需在按钮内设置属性:disabled="scope.row.username == 'admin'"如下图所示,disabled的值为true时禁用,false时为启用scope.row.xx代表当前行的某个变量,这里即为当前行的username为admin时即为禁用状态...原创 2018-09-30 15:29:51 · 10562 阅读 · 2 评论 -
Vue直接读取服务器文件并显示的方法
这里我们的想法是点开页面,自动读取服务器某个文件,然后在文本框显示出来HTML代码<textarea id = "div1" style="width:1650px; height:740px" readonly></textarea>JS代码这里试用了两种方法都可以1.ajax mounted() { documen...原创 2018-09-18 18:41:06 · 23983 阅读 · 6 评论 -
Vue中使用Element组件合并相同列表项
首先可以参考element的官方网站http://element-cn.eleme.io/#/zh-CN/component/table但是这里只是单纯的设置每2行合并一起,并不能自主设置 objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { ...原创 2018-09-18 13:45:20 · 4244 阅读 · 1 评论