- 博客(34)
- 收藏
- 关注
RSS订阅原创 Element UI技巧小记
清除表单验证信息this.$refs[‘signConfig’].clearValidate(‘protocolFileUrl’);验证对象中属性多层级 双引号rules: {//正常的验证规则Type: [{required: true, message: ‘请选择赠送卡券类型’, trigger: ‘change’}],//对象中的对象验证规则“CouponList.Value”: [{required: true, message: ‘请输入卡券数值’, trigger: ‘
2022-03-23 10:12:47
1371
原创 展示金额动画（vue的mixin实现）
展示金额动画moneyAni(money, label = 'money', hasPercent = false, nowMoney = 0, step = 10) { const vm = this if (!money) { vm[label] = '0' + (hasPercent ? '.00' : '') console.log(vm[label])
2021-06-24 16:51:50
249
原创 【ElementUI】DatePicker 日期选择器设置禁用日期范围
<el-form-item label="活动时间:"> <el-date-picker v-model="form.startTime" type="datetime" placeholder="开始时间" align="right" @change="dataSearch" value-format="yyyy-MM-dd HH:mm:ss" format="
2021-03-08 15:29:05
3465
原创 cornerstone项目locked，clean无效，无法上传更新项目
命令行定位到 svn 项目根目录执行如下命令find . | grep ".svn/lock" | xargs rm以上。
2020-07-09 14:27:55
389
原创 Gulp sftp传输报错：【file.pipe is not a function】 及 【SFTP abrupt closure】
【file.pipe is not a function】问题1.确认gulp版本gulp -v如果是Gulp4版本，且ftp require的是【gulp-sftp】，需要将【gulp-sftp】升级至【gulp-sftp-up4】，重新执行ftp传输任务，即可解决npm install gulp-fstp-up4 --save-devconst gulp = require('gulp')const ftp = require('gulp-sftp-up4');async fun
2020-06-29 16:39:45
733
原创 Jenkins启动失败:Starting jenkins (via systemctl): Job for jenkins.service failed because the control p.
启动/重启Jenkins时报错：Starting jenkins (via systemctl): Job for jenkins.service failed because the control process exited with error code. See "systemctl status jenkins.service" and "journalctl -xe" for details.错误截图：查资料可得知：原因为未安装JDK，解决步骤如下：// 1. 查看可安装jdk版
2020-06-29 14:16:17
11814
1
原创 VSCode格式化Vue文件缩进
1.下载安装Vetur插件2.打开配置json文件【File】-【Preference】-【Settings】-【Extensions】-【Vetur】-【Edit in settings.json】3.将下列内容追加到 settings.json 文件中： "vetur.format.defaultFormatterOptions": { "prettyhtml"...
2020-03-23 16:01:08
5003
4
原创 前端开发工程师快速装机指南
CVS工具 (Git相关)Git bashhttps://git-scm.com/downloadsSourceTreehttps://www.sourcetreeapp.com/GitHub Desktop (强烈安利)https://desktop.github.com/开发IDEVSCodehttps://code.visualstudio.com/相关插件参考...
2020-01-08 14:35:46
347
原创 zoom与transform:scale区别
zoomtransform:scale支持属性百分比、数值（0与1等效）、normal关键字（相当于1）数值（可为负）是否为CSS规范否是是否影响其他元素是否是否受transition属性影响无过渡效果享受过渡效果相对位移点左上角默认为正中,可通过transform-origin设置1. zoom与scale区别图示2. ...
2020-01-03 17:03:15
287
原创 正则匹配整理
知识储备exp1(?=exp2)前瞻：查找exp2前面的exp1(?&amp;amp;lt;=exp2)exp1后顾：查找exp2后面的exp1exp1(?!exp2)负前瞻：查找后面不是exp2的exp1(?&amp;amp;lt;!=exp2)exp1负后顾：查找前面不是exp2的exp1() 表示捕获分组，()会把每个分组里的匹配的值保存起来，使用$n(n是一个数字，表示第n个捕获组的内容)(?:)表...
2019-02-21 16:32:41
267
原创 Vue 解决Loading chunk (\d)+ failed问题
import Vue from 'vue';import Router from 'vue-router';// 两种页面引入方式// 方式1，将所有页面import进来，会打包成一个巨大的js,首页加载慢，后续页面加载快，不推荐// import Page404 from '@/pages/Page404';// import Indexfrom '@/pages/index';...
2019-01-10 15:16:12
17144
2
原创 2018项目总结
2018项目总结针对Vue框架mixin （复用逻辑好方案 https://cn.vuejs.org/v2/guide/mixins.html#基础表单输入验证限制input框输入内容字符时1）若不会因绑定值变化而触发请求，可采取watch+正则表达式方案来进行动态屏蔽非法字符2）若绑定值的变化会触发请求，使用方案一会导致页面/组件初始化时触发多次冗余请求，建议将正则验证...
2018-12-14 00:33:56
297
转载 IOS12 Array reverse方法
html页面中输入如下内容:Use iOS12 test. <br/><button onclick="test()" style="border: 1px solid #ccc;">Click Refresh</button><script> function test() { var arr = [1, 2, 3, ...
2018-09-25 12:03:06
403
原创 AA结账算饭钱方法
每天和同事们一起订饭定水果凑单享受优惠，每次还要计算减免和运费换算后每个人要给下订单的同学发多少钱红包，很麻烦，写个简单的小方法，只要有浏览器就可以快速算…原谅我懒 例如 A下的订单，A的宫保鸡丁 15，B的鸡牛双拼30，C的咖喱牛肉20， 满60减15优惠，送餐费6块， 订单总额为 15+30+20-15+6=46 元； B和C需要给A发多少钱？// arr 优惠前每人定的商品价...
2018-09-12 13:58:12
2237
原创 每天学么点儿技术花活儿（九月篇：JSON解析报错，判断对象相同等）
JSON.parse(),JSON.stringify() 注意细节点JSON.parse() 与 JSON.stringify() 可以将JSON类型与字符串类型相互转换，转换期间有些变化及注意点在此列举下：1.JSON.parse()传入的数据，需要是以 双引号 包裹着key的对象转换后的字符串，如`{“a”:1}` , ‘{“a”:1}’2.JSON.parse()传入的...
2018-09-10 16:05:25
256
原创 每天学么点儿技术花活儿（八月篇）
数据深层拷贝var arr1 = [1,2,3];var arr2 = arr1;arr1 = [9,2,3]; // 重新给arr1赋值arr2 => (3) [1, 2, 3] // arr2 没跟着arr1改变而变化var arr1 = [1,2,3];var arr2 = arr1;arr1[0] = 9; // 重新给arr第一个元素赋值 arr2 =...
2018-08-21 15:24:13
2540
原创 【React】Redux入门 & store初体验
组件间传值联动是令人头疼的一个问题，尤其是一个组件影响多个其他组件状态变化的时候，尝尝需要一级一级与父组件传值，与父组件的兄弟组件传值等等，如何化繁为简地处理“牵一发动全身”的情况，就是将所有组件的state中的值，用redux数据框架的store来统一记录管理。 ReactComponents（组件） 通过 ActionCreators 告诉 Store 要获取/更改哪个值，Store 通...
2018-08-20 15:41:34
6773
原创 React & Vue 实现 Todolist 对比
React：脚手架初始化项目 npx create-react-app todolistimport React, { Component } from 'react';import './Todolist.css';// 若上面不引用 { Component }则需要写成 React.Componentclass Todolist extends Component {...
2018-08-13 18:18:52
396
原创 前端RSA加密demo
登录/注册/支付 基本都要用到加密方案， 前端运用RSA技术进行加密简单来说分为以下几步骤：引入RSA加密文件jsencrypt.js ↓ 实例化加密对象 var encrypt = new JSEncrypt(); var decrypt = new JSEncrypt(); ↓ 设置公钥 / 密钥（公钥 / 密钥 跟你们后台大佬要吧） encrypt.setPublicK...
2018-07-23 15:27:30
3464
1
原创 每天学么点儿技术花活儿（六月篇）
2018.6.251.图片hover切换 hover前：hover后： 实际上，hover 前后是一张图： hover前样式:#backtop { background: url(//www.lgstatic.com/www/static/common/widgets/footer_c/modules/img/backtop-new_0e4bcbc.png) left t...
2018-06-25 17:33:55
159
原创 vue-cli 极简教程
1.打开cmd，全局安装 vue-cli (前提是装好node,npm,webpack,vue)>npm install --global vue-cli2.创建一个基于 webpack 模板的新项目 在目标 workspace 下敲入 vue init webpack my-project， 按照项目需求填入/选择各种配置(vue-router,esLint等.) PS: 新建
2018-01-17 16:16:40
337
原创 【小程序】eval被禁，代替方法
之前写的计算器小程序昨天发现不好用了 调试下发现竟然报错说eval不能用了：eval is not a function 原来eval方法被小程序禁掉了。解决方法: 引入rpn.js 用里面的 calCommonExp(str)方法代替原来的eval(str)rpn的github: https://github.com/huruji/rpn.js在小程序对应的js中，引入rpn：注意，rpn
2017-10-26 12:08:22
20467
9
原创 【移动端】仿hover效果触发导航菜单展开
PC端，很多交互是由鼠标滑过触发伪类‘:hover’来实现的， 而移动端是没有鼠标hover事件的， 我们可以将原来响应:hover的DOM元素， 绑定监听touchstart和touchend， 动态添加/除去 ‘.hover’这个类来达到等价于PC端交互的效果。逻辑核心: **onTouchStart 相当于 onMouseOver， onTouchEnd 相当于 onMouseOu
2017-09-18 17:13:31
3989
原创 立志向Keep进军！
早晚各一次瑜伽课程， 每天一次腹肌课程， 连续100天Comboo努力改变自己！开发模式 : Scrum 敏捷开发模式CodeView & 产品管理 : Phabricator https://www.phacility.com/团队沟通 : BearyChat 倍洽 https://bearychat.com/文件共享 : Seafile https://www.seafile.
2017-09-14 17:20:54
296
原创 数组去重
ES5循环遍历:let foo=[1,2,3,4,5,3,2,1];function quchong(arr){ let newArr=[]; for(let i=0;i<arr.length;i++){ if(newArr.indexOf(arr[i])==-1){ newArr.push(arr[i]) } }
2017-08-31 17:58:45
412
原创 【js工具类方法】截取地址栏参数
function getParameter(param){ var query = window.location.search; var iLen = param.length; var iStart = query.indexOf(param); if (iStart == -1){ return ""; } iStart += i
2017-07-10 12:03:14
574
原创 【小程序】清空input框内容
WXML:<form bindreset="foo"> <input bindinput="bindKeyInput" placeholder="在此输入"/> <button form-type="reset">发送</button></form> js:Page({ data: { inputValue:''//绑定的输入框文本 }, bindKeyInpu
2017-05-04 17:14:51
15642
3
原创 移动端侧滑显示删除按钮（与VUE框架整合）
通过样式找到目标DOM数组，循环绑定滑动事件， 通过初始点与当前点判断左右滑动， 将每一行内容设置为120%宽度， 在滑动后给一个swipeLeft类， 利用C3变形相对自己位移15%，露出删除按钮。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" conte
2017-05-02 15:51:48
6047
1
原创 div横向排列+滚动条显示
实现多个div在容器内横向排列， 利用white-space这个属性防止父容器内容换行， 同时将容器内元素设置为行内块 display：inline-block来实现。 例子中每个子元素宽度限定为三分之一， 代码如下：.container{ width: 100%; overflow-x: scroll; overflow-y: hidden; white-s
2017-03-27 15:04:13
22645
原创 各种输入框的各种placeholder
input 和 textarea 的 placeholder 获取焦点后隐藏：input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{ text-indent: -999em; z-index: -20;}对于多行输入的文本，textarea 不好做到弹性动态随内容变高，
2017-03-15 18:50:37
567
原创 【小程序】关于bindtap传值
啦啦啦，端正态度，开始写技术博客哼哼~ 刚开始练手，准备模仿朝夕日历的番茄闹钟进行语法以及布局练习：从最简单的需求开始：点击分类，下面多一条红色border表示选中。在Page中定义一个值tagsSelect，作为选项的参数：Page({... data: { tagsSelect:0 },...})定义一个方法，来接收选项值的改变，从而改变样式： 但如果你这么写，<vie
2017-02-06 18:34:36
5184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人