- 博客(23)
- 收藏
- 关注
原创 关于git 提交template模板规范化设置流程
1、在存放公司文件的目录下创建一个文件,我的文件名称是git_template.txt2、设置提交模板内容<type>(scope): subject下面是模板的解释不用添加到文件中解释:type:新增|修复|优化|删除|文档|格式|测试新增–新添加需求功能修复–bug类修复优化–针对于某一行、一段、模块代码优化删除–删除功能、无用代码文档–涉及文档说明修改格式–代码格式调整测试–测试代码scope:用于描述改动的范围,服务端格式为终端/模块,前端格式为模块subj
2021-06-22 09:07:42
1376
1
原创 flex布局中flex-shrink的使用
<div style="width: 1000px;overflow: auto;display: flex;border: 1px solid black"> <div style="width: 500px;height: 100px;background-color: red;">1</div> <div style="width: 500px;height: 100px;background-color: green;">2</div
2021-04-21 18:04:34
7234
原创 js关于函数柯里化
先看定义:是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。function add() { var _args = Array.prototype.slice.call(arguments, 0);//① var _adder = function () { _args.push(...arguments); return _adder;
2021-04-07 15:19:24
165
原创 关于箭头函数中this指向问题
对于箭头函数中的this指向问题一直困扰我很久,查阅文章现在终于弄懂了。先上一段代码; var user="Absorbed-22"; let person={ user:"Absorbed-", get:function () { return function (){ console.log(this); return this.user;
2021-03-30 22:44:49
180
原创 js 秒转化为时间
function timeMeter (t, type = 1) { let time = Number(t); let h = time / 3600 < 10 ? "0" + parseInt(time / 3600) : parseInt(time / 3600); if (h != '00') time = time - h * 3600; let m = time / 60 < 10 ? "0" + parseInt(ti
2021-03-04 19:37:18
825
1
原创 关于iview组件 tree组件多选改单选。
今天遇到公司一个需求,分类只有二级和一级,只支持选择二级分类的单选。并获取check值。iview的tree组件不支持单选只支持多选,然后我就改造了一下iview的tree组件。直接上代码。<Tree class="tree" ref="tree" :data="treeData"
2020-12-04 09:38:17
1241
1
原创 关于git回退版本的问题
在公司遇到一个项目有好几期需求,在做第四期需求时,客户反映了第三期需求有bug,但是vue打包后放在服务器上的文件又不能反编译,又不能在第四期需求上改动bug然后上正式环境。所以想了方法,回滚到第三期上线时的代码到本地。具体回滚步骤:1.先将最新的环境的git clone一份到本地:2.然后打开那个项目的git控制台3.Git log 查看提交记录 注:如果提交记录看到的比较少,一直按回车可以将之前的git提交记录调出来4.找到你需要回滚的版本,复制红框内的数据5.然后在需要回滚的项目的控制台
2020-11-26 09:22:13
468
原创 关iview的弹出框,点击确定,需要手动关闭的注意事项。
今天遇到一个需求:弹出的modal框中,勾选数据,在点击modal框的确定时,调用接口,如果数据返回空,关闭modal框,否则modal框不关闭,提示他重新勾选数据。modal框有props参数 loading默认是false,就是在点击确定直接关闭modal框。如果设置loading设置为true,则点击确定不会自动关闭modal框,需要手动设置modal框的显示和隐藏。这是我又发现另一个问题,请求一次提示重新勾选数据后,modal的确定按钮为loading加载状态,无法重新勾选进行第二次请求发送,数
2020-11-19 10:26:37
1712
原创 关于 input type=file 类型的第一次上传文件后,再次打开input上传文件,没有选择文件,但还是触发了input的change事件的解决办法
今天在公司遇到一个需求,点击一个按钮弹出一个弹出框 里面有input上传文件,第一次上传很成功,在次打开弹出框,继续input上传文件时候还没有选中文件,确触发了change事件。因为当时用label 修改了input的样式,所以没看到第二次准备上传文件时,第一次的文件并没有清空的情况。最后想了一个办法:在每次上传文件后清空文件。首先在外层套一个form表单 <form id="file_form"> <label for
2020-11-12 16:18:26
1006
1
原创 css 背景图片高度固定宽度自适应并且图片不变形
图片大小为1920*636,为了适应在小屏幕上背景图不变形展示,会自动裁剪两边。<div id="banner"></div><style>#banner{ width: 100%; height: 636px; background-image: url(../images/banner.png); background-repeat: no-repeat; background-position: center;
2020-11-02 16:44:48
6322
3
原创 js 关于时间戳转换的问题
//时间戳为10位需*1000,时间戳为13位的话不需乘1000 type=1需要*1000 type=2不需要*1000 function timestampToTimeMinute_chinese(timestamp,type) { if(type==1){ var date = new Date(timestamp * 1000); }else if(type==2){ var date = new Date.
2020-10-29 14:34:55
260
原创 关于webpack中outpu的path和publicPath
path:所有输出文件的目标路径;publicPath:输出解析文件的目录,url 相对于 HTML 页面const { resolve }=require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { //入口文件名 entry: './src/index.js', //输出文件配置 output:{ //文件名
2020-10-28 14:42:03
431
原创 vue 数据更新但是页面模板没有刷新的问题
今天遇到的需求要求改变一个对象的值,同时页面需要模板数据更新,我用了set和set和set和nextTick都没有完成页面更新,最后想到一个办法。例如 有一个数组对象arr=[{id:1,name_show:false}{id:2,name_show:false}]我需要改变id为1的name_show 从而使页面的id为1的名字隐藏掉。我可定义一个 新的数组原数组json成字符串在解析成数组,然后修改新的数组,全部修改完赋值给原数组arr2=JSON.parse(JSON.stringi
2020-10-14 20:06:58
845
原创 webpack配置的项目如何在本地手机访问
默认情况下 webpack-dev-server只能通过 localhost 访问如果需要通过 ip在同一无线网的手机上访问,首先在package.json中找到启动项然后启动项后面插入 --host 你的ip地址然后就可以通过ip地址+端口号进行手机访问...
2020-10-12 11:42:19
489
原创 js正则表达式 截取指定开头和结尾之间的内容
用于截取给了开头和结尾获取中间的内容var a="<form><a>1</a><div>2123123</div></form>"; a = a.match(/<form>(\S*)<\/form>/)[1]; // 给变量reg赋值正则表达式 console.log(a);//<a>1</a><div>2123123</div>...
2020-09-29 17:32:16
3316
原创 前端h5手机调试工具VConsole的安装和使用
首先安装npm install vconsole然后在需要的地方引入import VConsole from "vconsole";new VConsole();这样就可以看到和pc端一样的调试控制台,记得打包上线前给这个注释掉
2020-09-22 16:24:55
868
原创 Git 如何切换分支合并分支
git branch 查看分支状态git status 查看本地工作区状态git checkout xx 切换到xx分支git checkout -b newB 创建新分支并且切换到该分支如何将新的分支及代码提交到码云1.git add .2.git commit -m “注释”3.git push -u origin xx xx为创建的新的分支 推送新的分支如何将分支代码合并到主分支master1.git checkout master 切换到主分支2.git merge
2020-09-17 08:45:45
754
原创 关于input限制只能输入数字的方法
<input type="text" placeholder="输入手机号" name="number" class="number" oninput = "value=value.replace(/[^\d]/g,'')">
2020-08-25 14:33:13
195
原创 关于ios端h5页面双击会页面发生滚动的解决办法。
最近在公司在开发h5的页面,本猿在ios上测试时发现了,打开弹出框遮罩层的时候,在监听触摸事件的时候禁止了默认事件和冒泡事件,虽然页面不能够滚动了,但又奇怪的发现一个问题,双击的话页面还是能够滚动的。然后在网上扒了一下解决方法,亲测可以使用。let agent = navigator.userAgent.toLowerCase(); let iLastTouch = null; if (agent.indexOf('iphone') >= 0 || agent.indexOf('ip
2020-08-25 13:50:14
1266
原创 js常用的操作数组的方法
1.push() 数组末尾添加元素,改变数组本身var arr=[1,2,3,4];arr.push(5);//[1, 2, 3, 4, 5]2.pop()数组末尾删除元素,改变数组本身var arr=[1,2,3,4];arr.pop();//[1, 2, 3]3.unshift()数组开头添加元素,改变数组本身var arr=[1,2,3,4];arr.unshift(5);//[5, 1, 2, 3, 4]4.shift 数组开头删除元素,改变数组本身var arr=[1,2
2020-08-16 19:16:19
202
原创 常用移动端自适应布局-rem
@media (min-width:320px){html{font-size:42.7px;}}@media (min-width:360px){html{font-size:48px;}}@media (min-width:375px){html{font-size:50px;}}@media (min-width:384px){html{font-size:51.2px;}}@media (min-width:414px){html{font-size:55.2px;}}@media (mi
2020-08-07 10:37:46
188
原创 前端实现折扣价格
今天公司有个需求,需要根据购买数量计算折扣后的价格比如 2件打折400 4件打折600等等,折扣数量和价格后台可配置;discount=后台返回的折扣数量和对应折扣价格我的实现是这样的```javascriptvar num=5;//购买数量let tempKey=0;for(var key in discount){if(num>=key){tempKey=key;}}let union_discount_price=discount[tempKey];//折扣价格
2020-07-29 10:13:52
1195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人