前端
前端
ST92
这个作者很懒,什么都没留下…
展开
-
AntDesignVue 重复表格处理
AntDesignVue 重复表格处理原创 2022-11-30 16:15:02 · 678 阅读 · 1 评论 -
Fiddler抓取网站api并导出到excel
1.Fiddler抓取网站数据,并导出到txt 2.nodejs 处理txt文件,写入到excel中原创 2022-06-01 16:03:12 · 2419 阅读 · 1 评论 -
常用的git命令
1.git强行拉取远程分支第一步:git fetch --all #下载代码到本地,不进行合并操作第二部:git reset --hard origin/vipggc_shop #(origin/vipggc_shop是你所需要更新的分支,把HEAD指向最新下载的版本)第三部:git pull=================================git branch 查看本地分支git branch -a 查看所有分支2.把远程分支拉到本地git fetch origin de原创 2021-10-28 20:20:13 · 104 阅读 · 0 评论 -
vue 高德获取当前经纬度
<!-- --><template> <div class='center'>当前经纬度:{{lat}}----{{lng}}</div></template><script>var AMap, AMapUIexport default { data () { return { lat: '', lng: '' }; }, components: {}, com.原创 2021-09-26 22:37:41 · 1696 阅读 · 0 评论 -
vue 快速引入高德地图组件
本文只是为了校验 用最简单直接的方式(不额外修改别的文件、不引入额外插件),去实现高德组件的展示,能成功展示就成功了一半!!至于后续业务方面有别的需求,那就去查文档!!原文出处:>文章链接<// index.html 引入高德地图js和ui<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=申请的key值"></script><script src=原创 2021-09-24 22:38:14 · 370 阅读 · 0 评论 -
git常见操作及问题
操作问题 将完整项目全部上传到githubgit initgit remote add origin XXXgit add . // 文件添加到暂存区git commit -m 'init' // 提交到本地仓原创 2021-04-15 10:03:48 · 101 阅读 · 0 评论 -
时间处理:正计时&倒计时
场景:设定一个活动开始时间,1.是否已经开始2.如果开始了:开始多久了(正计时)3.如果没开始:距离开始还有多久(倒计时)onHide() { // 法一:清楚所有计时器(包括未知的) let id = setTimeout(() => {}, 0); console.log(id); while (id > 0) { window.clearTimeout(id) id--; } // 法二:清楚已知的计时器 clearInterval(this.time原创 2021-04-09 23:09:46 · 1168 阅读 · 0 评论 -
自用·收藏代码块
uniapp 获取节点信息const query = wx.createSelectorQuery()query.select('#the-id').boundingClientRect()query.selectViewport().scrollOffset()query.exec(function(res){ res[0].top // #the-id节点的上边界坐标 res[1].scrollTop // 显示区域的竖直滚动位置 console.log('打印高度.原创 2020-12-03 11:37:09 · 133 阅读 · 0 评论 -
前端样式
列表左图右字信息等高排布(flex布局)<style>.parent-box{ display:flex; flex-direction:row; align-items: stretch; // 左右等高}.child-box{ flex:1; display:flex; flex-direction:column; justify-content: space-around}</style><div原创 2020-11-04 10:20:48 · 113 阅读 · 0 评论 -
可自由拖动的自定义组件
效果图:基本思路通过监听组件touch事件,来改变组件的left和top的样式1.首先,touchstart时,拿到组件初始状态时的位置2.touchmove,实时拿到组件的位置,并修改组件的left和top的值3.如果要求吸附到旁边,在touchend时,看最后组件的位置是偏向于左边还是右边,如果偏向于左边,left设置为0,否则就是可移动的最大屏幕宽距代码drag.jsvar template = `<div id="default_drag_comp.原创 2020-06-15 12:25:05 · 692 阅读 · 1 评论 -
各种尺寸的图片,统一大小展示
<div class="img-box"> <img src="XXX" /></div>.img-box { position: relative;}.img-box:before { content: ""; display: block; padding-top: 100%;}.img-box img { position: absolute; top: 0; left: 0; wi原创 2020-05-26 10:50:19 · 694 阅读 · 0 评论 -
Vue
1.v-text使用filterv-text="$options.filters.transPhone(user.mobile)"filters:{ transPhone(num) { var reg = /(\d{3})\d{4}(\d{4})/; return num.replace(reg, "$1****$2"); }}原创 2020-04-15 11:50:45 · 139 阅读 · 0 评论 -
vue filter,json数组key更改别名
json数组key更改别名应用场景// 后台返回的数据let stu= [{ neme:'张三', age:19, school:'CSDN大学', subject:'计算机工程', score:'4.6'},{ neme:'李四', age:20, school:'CSDN大学', subject:'计算机工程', score:'4.8'}]// 前端显示&l...原创 2020-03-27 16:43:34 · 1709 阅读 · 0 评论 -
vue 判断数组是否为空
// 数组为空v-if="arr.imgs!=undefined && arr.imgs.length==0"// 数组有值v-if="arr.imgs"原创 2020-03-23 13:47:31 · 7933 阅读 · 0 评论 -
界面细节汇总
1.select 不在下拉列表中显示“请选择”等引导语句<select class="select-filter"> <option disabled style="display: none" selected>筛选</option> <option value="1km">1km</option&g原创 2019-03-15 16:04:35 · 170 阅读 · 0 评论 -
Swiper轮播图插件鼠标移动,轮播停止,鼠标移开,轮播继续
var announcementSwiper = new Swiper('#announcement', { direction: 'vertical', loop: true, autoplay: { delay: 3000, disableOnInteraction: false, //用户操作swipe...原创 2019-11-11 14:26:03 · 1035 阅读 · 0 评论 -
编辑商品页面跳转并回填
页面跳转并回填主要功能: 点击列表项,进入编辑页面,完成编辑,点击保存,跳转,并将编辑框中内容回填到父页面相应位置。效果图:主要思路: 点击相应相应列表项,跳转到新页面,编辑内容,获取到输入框中的内容,保存到sessionStorage中,点击保存,返回到父页面,读取sessionStorage内容,并在相应位置显示。主要代码:<!--列表页--><ul c...原创 2018-10-31 10:21:46 · 479 阅读 · 0 评论 -
文章展开、收起功能
文章展开、收起功能效果图主要思路:获取到文本信息,判断,如果超出50个字,就显示前50个字+“......”,点击查看,显示全文主要代码:<div class="essence"> <p>文章收起、展开功能</p> <div class="essence_item"> <div class="e原创 2018-10-26 17:07:52 · 2107 阅读 · 1 评论 -
商品列表行、块展示切换
商品列表行、块展示切换效果效果图: 主要思路:写两个css,分别是行展示和块展示;默认只出现一个行展示css,点击切换按钮时,将html中的css替换成块展示css主要代码块:<div class="demand_list_1 clearfloat"> <div class="demand_item"> ...原创 2018-10-26 16:33:32 · 2189 阅读 · 2 评论 -
Html + CSS +JQuery 实现图片轮播
Html + CSS +JQuery 实现图片轮播主要思路:编写对应html、css代码,将几张图片position:absoute重叠在一起,display:none;仅仅在第一张图片style 样式中display:block;划出小圆点和左右划动按钮JQuery部分:定义一个index,当点击对应的小圆点时,对应的图片出现,其他图片隐藏;点击左划动和右划动按钮,index–/i...原创 2018-10-26 15:24:40 · 832 阅读 · 0 评论 -
JavaScript
1.获取数组对象中某一个属性let arr = [{id:1,name:'111'},{id:2,name:'222'},{id:3,name:'33'},{id:4,name:'44'}]// 获取arr中所有idlet result = arr.map(i =>{ return i.id})// 输出 [1,2,3,4]2.filter结合map使用可以先过...原创 2019-11-04 11:51:58 · 220 阅读 · 0 评论 -
uni-app 生成邀请二维码海报
uni-app 生成邀请二维码海报效果图:主要思路:通过uniapp插件tki-qrcode生成二维码,canvas将背景图和二维码整合在一起在二维码生成时,会出现很长时间的白屏时间,具体原因还在查找,暂定的解决方案,是在第一次生成后,将cavas转成base64位的img,保存到缓存中,下一次进来,如果缓存有数据,那么则直接拿缓存中的数据主要代码:<view ...原创 2019-05-09 15:10:21 · 11120 阅读 · 1 评论 -
点击事件触发执行时,禁止二次点击
点击事件触发执行时,禁止二次点击效果图: 主要思路: 定义一个Boolean变量,在只有为true时才能点击 主要代码:<tbody> <tr class="ss"> <td id="name">蔬菜</td> <td class="opera"&a原创 2019-01-09 15:07:26 · 772 阅读 · 0 评论 -
谷歌浏览器插件离线安装
谷歌浏览器插件离线安装最近用公司电脑,每次打开浏览器百度,旁边就有各种辣眼睛的广告干扰视线,那种感觉真的难受,然而扩展商店也不能进去,没办法只好离线下载插件进去,刚开始看安装步骤感觉挺简单的,然而事情并没有想象中顺利,浏览器提示报如下错误:“无法添加来自此网站的应用、扩展程序和应用脚本”谷歌浏览器默认只允许从 Chrome Web Store 下载安装扩展程序,所以导致进入“扩展程序”页面,...原创 2018-10-06 21:41:38 · 1919 阅读 · 0 评论