- 博客(31)
- 收藏
- 关注
RSS订阅原创 ele-ui表单验证，异步调用接口判断是否重名
背景ele-ui使用表单验证，需要调用接口判断是否是重名，重名则停留在当前页，否则就进行到下一页。存在问题使用普通的validate rules: { name: [ { required: true, trigger: ['blur', 'change'], message: '名称不能为空' }, { min: 1, max: 32, trigger: ['blur', 'change'], message: '名称最小长度1，最大长度3
2021-10-29 10:30:30
696
原创 ele-ui下拉框 el-select拼接value
结合 es6的语法 ${}例如要拼接下拉框姓名：年纪->PE语法如下图let arr = [{name: '姓名',age: '年纪',major: 'PE'}, {name: '姓名2',age: '年纪2',major: 'PE2'}]<el-select v-model="test" :placeholder="$t('baseInputDesc')"> <el-option v-for="(item, index) in arr" :key=
2021-08-11 17:10:49
271
原创 css如何实现两行文字居中左对齐
背景在开发过程中，我们的样式是上下两行都是居中的，例如【1】；UI要求，上下两行居中，但是要左对齐，例如，下面的数字，要跟上面的第一个字对齐。解决办法我只是突然想到了一个 fit-content的css属性，但是了解地还不是很透彻，等以后了解透彻了再来补充。思路如下：在两行文字外包一层div，设置文字或者数字较大的一方为最大宽度，设置居中，文字左对齐。css如下：max-width:fit-content;margin: 0 auto;text-align:left;即可实现，注意事
2020-11-04 15:55:32
7351
1
原创 PC端1px线条粗细不一的解决
问题描述今天在用ele-ui的滑块，见下图但是UI要求上面的圆圈是一条1px的线条于是机智如我，哐哐开搞，下面均是对ele-ui的滑块进行的改动。问题出现我找到ele-ui的圆圈的css，直接在浏览器里进行了修改。下面是圆圈的写法UI要求高度10px，宽度1px，于是我就用常规写法position: absolute;height: 10px !important;width: 1px !important;background-color: #333 !important;b
2020-11-03 14:03:14
1619
3
原创 for 循环中异步再异步闭包问题
需求详情一个数组，根据数组arr中的id，调接口拿到每一个的name，然后在回调函数中，用对应的id和name去获取更多详情,例如age，height。第一版实现for(var i = 0; i < arr.length; i++) { let temp = arr[i]; // 接口请求，假设为this.get this.get1(url1,temp).success(function(res) { if(res.success) { let name = res.name
2020-10-14 20:39:00
218
原创 angular1.x纯前端导出数据到excel
今天，我在写需求的时候跟后端对接，突然看到几个字眼，纯前端导出excel，我的内心是惶恐的。后端很漠然地跟我说：他不知道这个接口，也不准备写这个接口。于是，我只能默默地百度。。。。。。把原文附上：https://www.cnblogs.com/herowalking/p/12325976.html我使用的是方法1：第一步：现在service文件中注册factory，代码如下angular.module('修改处1').factory('Excel',function($windo
2020-09-29 17:51:02
251
原创 前端电脑必备软件 安装教程 windows系统
前端电脑必备软件新征程，新的开始，新电脑，开发从安装开始前端必备软件chromegitgit安装步骤如下（也可自行百度）：官网下载：新征程，新的开始，新电脑，开发从安装开始今天拿到了新电脑，之前一直用mac开发，现在又回到windows开发，而且还是一台新的电脑，里面什么都没有，那么我一步步从无到有，安装各种软件。前端必备软件gitnode编辑器（我使用了webstorm），vscode也是不错的选择chrome浏览器chrome良好的开端是成功的一半，所以我们先安装chrome浏览器，
2020-09-04 17:23:25
605
原创 javascript在ios中遇到的关于时间的坑
关于js时间在ios上的格式众所周知，时间格式例如：“2020-05-10”在ios上是识别不出来的，要转化成“2020/05/10”这样的才可以识别转化方式：date.replace(/-/g,"/")即可关于24:00:00在开发过程中，产品很奇特地配置了这个时间，在安卓上仍然是ok的，会转换成次日的00:00:00，但是在ios上，是不正确的。前车之覆，后车之鉴，希望能给大家带来帮...
2020-04-29 11:01:45
434
原创 chrome插件开发步骤
chrome插件有什么用chrome插件可以做很多事情，比如说大家经常用的二维码生成器，禁广告的，它类似于用户的操作，但是又不需要用户操作。开始开发不需要任何设备，只需要一个编辑器，一个chrome浏览器。先讲一下插件的目录结构最重要的一个文件：manifest.json整个文件夹的精髓所在，可以说是插件的入口。manifest内容{ "name": "todo-plug...
2019-06-27 15:20:56
378
原创 electron解压缩
1.unzip网上看了文档看了例子，很简单的几句话，貌似挑不出毛病，但是我一写就报错var fs = require("fs");var unzip = require("unzip");fs.createReadStream('archiver-unzip.zip').pipe(unzip.Extract({ path: 'unarchive' }));我一运行，就报错，primo...
2019-05-24 11:29:12
2644
原创 vue安卓键盘弹起底部错位问题
背景vue开发一个h5页面，底部是fixed内容step1:用fixed，发现手机键盘唤起之后，fixed内容就会上移，遮挡上面的内容于是我粗暴的改成了absolute，苹果手机端没有问题了，但是安卓还是有问题（为什么呢，我也没深究，晚点看下什么问题）step2：同事跟我说是我写的不对，如果高度百分百就没问题，但是我本来就是百分百的她给我推荐了一个height：100vh。我抱着怀疑的态...
2019-04-07 13:43:49
759
原创 form表单遇上settimeout
form表单form表单提交的时候默认会刷新当前页面<div class="wrap"> <p class="desc">form表单测试</p> <div class="form-wrap"> <form> <div class="inpu...
2019-03-22 12:00:27
722
原创 下拉刷新的坑 touchend && touchcancel
下拉刷新的实现 /** * 绑定touch事件 */ bindTouchEvent(){ this.el.addEventListener('touchstart', this._touchStart); this.el.addEventListener('touchmove', this._...
2019-03-21 16:45:34
824
原创 python2 chr()报错问题：chr() arg not in range(256)
我想打印一个特殊字符，编码是9642print(chr(9642))运行报错：chr() arg not in range(256)于是我在百度上查询，不知道是不是我的打开方式不对终于找到了一个帖子说，chr 换成unichr，可以成功打印出了但是我是一个顽强的人，我还是想知道为什么chr不可以，明明书上可以，我猜测是因为我用了python2换成了python3 ，成功打印...
2019-03-05 10:54:27
3393
5
原创 python自学之GUI框架----Qt designer图形界面mac配置
一个小前端，最近想不开，在学pyhton我的学习方法：不满足于简单的介绍基础知识，毕竟艾宾浩斯遗忘曲线不是盖的所以买了一本python从入门到放弃，里面有好多个例子可以照着学习进入正题，我花了一个下午的时间配置的Qt designer图形界面，必须记录下来，否则，我下次还是会忘记的一开始，我照着例子编码的时候，很顺畅，但是作者真的好烦人啊，关键部分竟然打码（好的，其实是因为之前的章节介绍...
2019-03-04 15:58:03
5592
1
原创 hover改变另外一个元素
背景鼠标移到A，使B、C、D出现动画，纯用css。此时此刻，需要使用hoverhover的一般用法hover的最原始用法是：a:hover{ background-color:yellow;}鼠标移动到 a标签上，改变a的背景颜色。初学的时候都是这么学习的，导致很多人以为只有a标签才有hover。错了，hover是针对所有元素的。hover的进阶用法鼠标指在A元素上，使A...
2019-02-18 17:14:47
1586
原创 vue插件开发以及发布
前提node环境，npm，vue-cli都已全局安装源码地址： https://github.com/zthappy/fukacal创建工程 vue init webpack-simple projectName cd projectName npm install //安装依赖文件夹如下插件入口内容在index中引入组件，并将组件暴露出来import cal f...
2018-12-13 19:57:43
134
原创 vue 日历组件
获取每个月的天数普通的写法 //计算传入月份有多少天getDayNum(month, year) { let dayNum = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) { ...
2018-12-13 17:32:05
726
原创 小程序中border- image的使用及ios兼容
border-image的基本使用border-image 属性是一个简写属性，用于设置以下属性：border-image-sourceborder-image-sliceborder-image-widthborder-image-outsetborder-image-repeat如果省略值，会设置其默认值。默认值 none 100% 1 0 stretch值描述...
2018-12-12 14:41:41
3599
原创 javascript的各种循环比较
主要的几种方式forfor优化for-in 循环遍历对象的属性whiledo-whilefor-offorEachmap还有几种特殊的every，some等普通的for循环var a = [1,2,3,5,,,8];for(var i =0 ;ifor优化将for循环的条件计算前置var a = [1,2,3,5,,,8],len = a.length;for(v...
2018-11-30 14:36:16
207
原创 js判断为什么使用&&
js中的&，&&，|，||定义&：按位与，是位运算符在c语言系统中，属于双目运算符&&: 逻辑与是“短路”运算符，例如A&&B,A不满足即停止B的运算|：按位或，位运算符||：逻辑或是“短路”运算符，例如A||B,A满足即不走B思考为什么js要用逻辑运算符1.速度会更快一点，逻辑运算符是“短路”运算符2.用...
2018-10-17 19:51:36
4483
原创 vue ecahrts组件开发
开发背景新需求需要使用echarts和vue开发，在开发的过程中，发现网上已有的组件不符合自己的需求，所以准备自己开发一个。经历了两版，第一版的写完之后每次传递给子组件的时候需要一堆数据，所以今天在第一版的基础上开发了第二版。第一版ecahrts组件<template> <div :id="id" :style="style" class="chartcom">...
2018-10-10 16:43:15
126
原创 vue新窗口打开路由
开发的时候，遇到一个需求1.新窗口打开路由2.路由传参新窗口打开路由的实现使用resolve路由传参使用query代码如下let condition = this.conditionlet href = this.$router.resolve({ name: 'detail', query: { id: condition }})console.log(...
2018-10-08 11:54:06
2105
原创 小程序组件开发
小程序组件开发实例小程序组件的意义1.模块相互独立，但又可以实现方便的通信2.模块相对代码量减少3.代码方便维护小程序组件的实现以一个简单的展示列为例组件的文件夹组成组件的文件夹组成跟普通页面一致，包含js，json，wxss，wxml四个文件假设取名为testcomponent文件夹，则里面包含testcomponent.jstestcomponent.jsontest...
2018-09-27 22:00:10
133
原创 js构造函数里的方法和prototype上定义方法的区别
构造函数里的方法function Fun1(arg) { this.arg = arg; this.test = function(){ return this.arg; }}函数内的方法相当于是函数的私有变量，如果新创建的对象需要使用里面的私有变量，就使用函数内的方法。原型链上的方法function Fun2(arg) { this.arg = arg;}Fun2.p...
2018-09-26 10:27:33
1530
转载 代码复用模式
代码复用模式谈及代码复用，首先想到的是代码的继承性（inheritance）。类式继承默认继承// function Parent(name) {this.name = name || "helen"}// Parent.prototype.say = function() {return this.name;}// function Child() {}// inh...
2018-09-21 17:34:58
304
原创 vue + bootstrap + webpack
Vue+bootstrap+webpack搭建第一步，使用vue-cli搭建项目npm install -g vue-clivue init webpack projectnamecd projectnamenpm run dev打开网址，运行成功的地址如果看到熟悉的vue的图标，就说明已经搭建成功了第二步，引入bootstrap要使用bootstrap，首先要知道，他是基...
2018-09-21 15:14:03
650
原创 echart遇到的问题
vue + echarts遇到的问题问题一：前一次的数据没有清空解决方案 mychart.setOption(optinon,true)问题二：折线图两条线的数据差距很大，显示的时候却重叠 图示： 解决方案series: [ { name:'邮件营销', type:'line', s...
2018-09-18 16:39:52
608
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人