- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Fiddler抓取网站api并导出到excel
1.Fiddler抓取网站数据，并导出到txt 2.nodejs 处理txt文件，写入到excel中
2022-06-01 16:03:12
2616
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
116
原创 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
1741
原创 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
375
原创 git常见操作及问题
操作问题 将完整项目全部上传到githubgit initgit remote add origin XXXgit add . // 文件添加到暂存区git commit -m 'init' // 提交到本地仓
2021-04-15 10:03:48
112
原创 时间处理：正计时&倒计时
场景：设定一个活动开始时间，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
1226
原创 自用·收藏代码块
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
143
原创 前端样式
列表左图右字信息等高排布（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
118
原创 可自由拖动的自定义组件
效果图：基本思路通过监听组件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
725
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
741
原创 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
147
原创 vue filter，json数组key更改别名
json数组key更改别名应用场景// 后台返回的数据let stu= [{ neme:'张三', age:19, school:'优快云大学', subject:'计算机工程', score:'4.6'},{ neme:'李四', age:20, school:'优快云大学', subject:'计算机工程', score:'4.8'}]// 前端显示&l...
2020-03-27 16:43:34
1737
原创 vue 判断数组是否为空
// 数组为空v-if="arr.imgs!=undefined && arr.imgs.length==0"// 数组有值v-if="arr.imgs"
2020-03-23 13:47:31
8000
原创 es6 padstart方法不兼容处理
string.polyfill.js /** * String.padStart() * version 1.0.1 * Feature Chrome Firefox Internet Explorer Opera Safari Edge * Basic support 57 51 (No) 44 10 15...
2020-02-29 10:21:45
4257
原创 阿里云centos7服务器搭建ftp
ftp可将用户本地代码或文件上传到服务器端安装yum -y install vsftpd启动并添加到开机自启systemctl start vsftpd // 启动服务systemctl enable vsftpd // 开机自启动查看服务相关的命令systemctl status vsftpd //查看服务状态systemctl s...
2020-02-19 12:26:20
225
原创 Swiper轮播图插件鼠标移动，轮播停止，鼠标移开，轮播继续
var announcementSwiper = new Swiper('#announcement', { direction: 'vertical', loop: true, autoplay: { delay: 3000, disableOnInteraction: false, //用户操作swipe...
2019-11-11 14:26:03
1072
原创 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
228
原创 uni-app 生成邀请二维码海报
uni-app 生成邀请二维码海报效果图：主要思路：通过uniapp插件tki-qrcode生成二维码，canvas将背景图和二维码整合在一起在二维码生成时，会出现很长时间的白屏时间，具体原因还在查找，暂定的解决方案，是在第一次生成后，将cavas转成base64位的img，保存到缓存中，下一次进来，如果缓存有数据，那么则直接拿缓存中的数据主要代码：<view ...
2019-05-09 15:10:21
11179
1
原创 界面细节汇总
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
184
原创 Vue2.0 饿了么报错：Avoid mutating a prop directly since the value will be overwritten whenever
报错原因：所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。（父组件更新，子组件中的prop值也会更新，但子组件不能修改由父组件传递过来的值） 解决办法： 定义一个本地的 data 属性并将这个 prop 用作其初始值，同步对组件的修改，再通知父组件更新相关代码：<div cl...
2019-01-17 16:29:26
95973
原创 Vue2.0 饿了么报错： Unexpected side effect in "lis tShow" computed property
这个错误报错原因：此规则旨在防止在计算属性中产生副作用的代码。（GitHub上的）相关链接：https://vuejs.org/v2/guide/computed.html#Computed-Caching-vs-Methods解决办法：使用watch监听属性相关代码：（谁变化，监听谁，再进行相关操作）Vue视频中，有2处会报这种错误，一个在this.fold ,后面的th...
2019-01-12 10:20:36
5238
原创 点击事件触发执行时，禁止二次点击
点击事件触发执行时，禁止二次点击效果图： 主要思路： 定义一个Boolean变量，在只有为true时才能点击 主要代码：<tbody> <tr class="ss"> <td id="name">蔬菜</td> <td class="opera"&a
2019-01-09 15:07:26
795
原创 编辑商品页面跳转并回填
页面跳转并回填主要功能： 点击列表项，进入编辑页面，完成编辑，点击保存，跳转，并将编辑框中内容回填到父页面相应位置。效果图：主要思路： 点击相应相应列表项，跳转到新页面，编辑内容，获取到输入框中的内容，保存到sessionStorage中，点击保存，返回到父页面，读取sessionStorage内容，并在相应位置显示。主要代码：<!--列表页--><ul c...
2018-10-31 10:21:46
503
原创 文章展开、收起功能
文章展开、收起功能效果图主要思路：获取到文本信息，判断，如果超出50个字，就显示前50个字+“......”,点击查看，显示全文主要代码：<div class="essence"> <p>文章收起、展开功能</p> <div class="essence_item"> <div class="e
2018-10-26 17:07:52
2130
1
原创 商品列表行、块展示切换
商品列表行、块展示切换效果效果图： 主要思路：写两个css，分别是行展示和块展示；默认只出现一个行展示css，点击切换按钮时，将html中的css替换成块展示css主要代码块：<div class="demand_list_1 clearfloat"> <div class="demand_item"> ...
2018-10-26 16:33:32
2235
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
843
原创 谷歌浏览器插件离线安装
谷歌浏览器插件离线安装最近用公司电脑，每次打开浏览器百度，旁边就有各种辣眼睛的广告干扰视线，那种感觉真的难受，然而扩展商店也不能进去，没办法只好离线下载插件进去，刚开始看安装步骤感觉挺简单的，然而事情并没有想象中顺利，浏览器提示报如下错误：“无法添加来自此网站的应用、扩展程序和应用脚本”谷歌浏览器默认只允许从 Chrome Web Store 下载安装扩展程序，所以导致进入“扩展程序”页面，...
2018-10-06 21:41:38
1969
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人