自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

撞南墙的猪

技术总结

  • 博客(35)
  • 收藏
  • 关注

原创 charles -- 文件映射http和https

1. 下载和安装:https://www.axihe.com/tools/charles/proxy/readme.html https://www.axihe.com/tools/charles/charles/free-use.htmlpc抓包chrome基本配置:第一步:选择菜单中的 “Proxy” -> “Mac OS X Proxy/windows proxy” 来将 Charles 设置成系统代理第二步:设置Charles为ch...

2021-01-12 17:25:24 699

原创 前端请求里的axios

使用:npm安装axios 或者页面里引入https://unpkg.com/axios/dist/axios.min.js方法:axios.get('http://httpbin.org/get', { params: { fuck: "shit" }}) .then(function (response) { console.log(response.data) }) .catch(function (error) {

2020-10-28 18:00:32 240

原创 前端世界里的请求

缺点 ajax 基于XMLHttpRequest 需要引入jquery mvc不符合mvvm、前后端分离 异步请求混乱 promise fetch 使用es6的promise,js原生方法 1)fetch只对网络请求报错,对400,500都当做成功的请求,服务器返回 400,500 错误码时并不会 reject,只有网络错误这些导致请求不能完成时,fetch 才会被 reject。2)fet...

2020-10-28 11:34:47 127

原创 h5页面处理弹窗滑动引起页面移动的问题

处理思路:打开弹窗时设置页面主体position:fixed并设置top值为页面移动的距离h,关闭弹窗时设置position:static并window.scrollto(o,h);处理后仍有的问题:弹窗内的overflow:scroll区域有时候滑动卡住

2020-09-18 19:03:08 585

原创 css 代码收藏

多行样式超过省略号width:400rpx;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;单行文本超过省略号width:20px;white-space:nowrap;text-overfl...

2020-02-10 15:07:29 122

原创 全局组件和局部组件

注册 使用 全局组件 Vue.component('component-a', { /* ... */ }) Vue.component('component-b', { /* ... */ }) Vue.component('component-c', { /* ... */ }) //不需要指出要使用的组件 new Vue(...

2019-12-18 15:08:10 105

原创 瑜伽课程记录

2019.07.23关于呼吸:俯身、转身为吐气,打开胸腔为吸气课程流程:半莲花喉式呼吸、风吹树式、束脚式、转身斜面、太阳致敬式2019.08.01太阳膜拜连贯要点: 脚尖和脚跟要对齐,俯脚腕,上抬90度直腰胳膊下垂,手掌撑地-》眼镜蛇式??? 脚尖回勾,身体有移,呼气,下犬式5个呼吸,这时双脚的位置可以调整 ...

2019-07-23 22:04:44 314

原创 webpack 思路整理

webpacak解决的问题:它是一个打包工具,开发的时候你可以模块化开发,它帮你把这些模块打包在一起,帮助解析那些不能识别的文件比如react、vue、typescript的webpack.config.js的五部分:entry /output/ modules(loader+plugin)/ modeloader用来解决非js问题,webpack只能识别js文件(图片文件、vue、s...

2019-07-22 18:08:21 130

原创 关于字体

参考:苹果简-字体css样式:https://www.jianshu.com/p/bc9f57a645bd设置1. 英文字体用中文样式,中文样式用英文样式会怎么样? 中文字体一般会包含英文和数字,但不漂亮 英文字体一般不包含中文字体 所以在声明family的时候先写英文,再中文不会影响英文的显示效果。2. 字体列表什么时候加引号? 字体中间有空格比如”Mi...

2019-07-18 18:17:31 528

原创 小程序知识点查漏--7月15日

1. 2.4.0版本一下scroll-view 不支持嵌套 textarea、canvas、vedio等原生组件2. onPagepulldownrefresh 需要在页面里配置 enablePagePullDownRrefsh:true才管用3.onPagepulldownrefresh 不能触发页面重新加载,只是监控事件4. 普通二维码是普通网页链接5. 关于模板消息: a...

2019-07-16 10:42:58 126

原创 charles教程地址

发布和使用https://www.axihe.com/charles/proxy/readme.html

2019-07-02 11:12:29 416 1

原创 小程序---解决多次点击的问题

引入公用方法function repeatBtn(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1500 } let _lastTime = null // 返回新的函数 return function () { let _nowTime = + new ...

2019-06-12 18:16:43 534

原创 养成工作严谨的好习惯

1. 规划比执行更重要---做完测试时要先想好测的步骤测试用例,用不就是乱点,容易遗漏2. 查漏补缺的上线 如果掺和了公用代码,检查所有公用代码设计到的3. 一个功能写完测完了没上线又改了旧bug,容易造成新代码提前造成的问题 新功能在新分支上写,测试完成没问题合并4. 日常巡查:a. 新上线的项目和功能 b. 老板比较关注的...

2019-05-16 12:12:09 426

原创 和app端交互

function testApp(url) { var timeout, t = 1000, hasApp = true; //只要没打开app就认为没安装,不管是否在safari里打开 setTimeout(function () { if (!hasApp) { if(brickjs.UserAg...

2019-05-07 18:49:50 261

原创 webpack打包经验总结

报错一:There is likely additional logging output above.npm configsetunsafe-permtrue报错二:拿来别人的项目,npm install 报错出现webpack和其它版本不一致的问题 用yarn命令,默认锁定用到的版本...

2019-04-24 17:16:26 163

原创 关于统计

app类的统计(微信小程序,手机app)pc的统计统计的指标:pv(页面访问量,每刷新一次加1) UV(独立设备1天访问该网站算1次) IP(同IP多个设备访问情况下UV>IP)常用的统计工具:百度统计、谷歌统计常用代码: 1. pv统计代码 2. 事件统计代码 pv 事件统计代码 谷歌 h...

2019-04-10 15:18:51 106

原创 echarts

更好的理解echarts里概念的例子grid: 坐标系,一个坐标系就是一个gridxAixs,yAixs: X轴和Y轴,可以指定隶属于哪个坐标系。seris:一条折线,一个柱状图就是一个series.data的数组项,每个数组项也就是每条线都可以设置属于哪条X轴https://www.echartsjs.com/gallery/editor.html?c=scatter-ansco...

2019-03-26 11:18:09 137

原创 使用云函数的步骤

1. 新建顶级cloudfunctions文件夹 ,在project.config.json里加入 cloudfunctionRoot字段2.  "miniprogramRoot": "miniprogram/", "cloudfunctionRoot": "cloudfunctions/",}2. cloudfunctions文件夹下新建login函数// 云函数模板// ...

2019-02-20 11:36:03 3993

原创 管理术士--说服别人做某事

总体思路:不能说服的核心:对方觉得不同意的后果不严重所以解决的办法是:令行禁止、改变对方预期、1. 从对方出发:找到对方的痛点,他害怕这个结果才会执行(奖励或惩戒)2. 明确执行人:要让他知道有人执行,他赖不掉(奖励人或惩戒人)3. 足够坚定:如果约定了失信规则,不执行,他会觉得结果不严重而失败或者做了也没什么改变。()4. 改变参数:很多时候人们太习惯某种场景没了忌惮,此...

2019-02-01 14:04:45 280

原创 background css3

 http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.htmlhttp://www.cnblogs.com/smile-ls/archive/2013/06/03/3115599.html 

2019-01-21 15:44:50 96

原创 es6-1204

转自:https://www.jianshu.com/p/550280d0ff57repeat'x'.repeat(3) // "xxx"// 参数传入角标,返回值为角标对应的字符'abc'.at(0) // 'a''吉'.at(0) // '吉'// 与ES5中charAt()不同之处,汉字的话ES5会返回对应Unicode编码,js内部用UTF-16 ...

2018-12-04 15:31:47 60

原创 zepto-scrollTo插件

var scroll = function(settings) {      var DEFAULTS = {        endY: $.os.android ? 1 : 0,        duration: 200,        updateRate: 15      };      var interpolate = function (source, target, s...

2018-11-30 16:58:26 298

原创 小程序采坑记录

1. wxs代码页面第一次载入时执行,数据变化后在开发者工具上再不执行。2. slot的bug,slot不能正确显示在该在的位置上,而是和组件同级。https://developers.weixin.qq.com/community/develop/doc/000666173f0e483f4d078bf9651000?highLine=slot%25E4%25BD%258D%25E7%25BD...

2018-11-29 15:29:31 157

原创 重力感应看大图效果

var PhotoTilt = function(option) { 'use strict'; var imgUrl = option.url, container = option.container, latestTilt = 0, viewport, timeoutID, imgData, img, imgLoader, centerOffset ...

2018-11-27 11:50:23 567

原创 git常用命令汇总

转自::https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/001375840038939c291467cc7c747b1810aab2fb8863508000比较不同   git diff  比较本地和缓存区的不同  git diff --cached 比较缓存区和分支...

2018-09-28 16:09:38 87

原创 js 里编码

\x:16 进制的意思,后边跟两位,则表示单字节编码; \d:十进制;\o:八进制;\b: 二进制\u: unicode编码  匹配汉字:\u4e00-\u9fa5js用的是unicode编码,所以后端返回的若为16进制可直接在浏览器转换为中文。...

2018-09-07 11:58:32 356

原创 ajax的dataType和contentType

ajax的contentType:          contentType默认为:application/x-www-form-urlencoded                                     get请求:如: wwwh.baidu.com/q?key=fdsa&lang=zh                                    ...

2018-09-07 11:04:08 178

原创 小程序--tabBar

1. tabBar加红点2. tabBar会引起点击导航对应页面时不请求3. tabBar指示的状态数据改变了,回到导航因为没有新请求其它页导航状态未变4. tabBar的高度不可以设置,tabBar的文字大小和距离底部的距离不能设置...

2018-09-04 12:22:19 892

原创 小程序--跳坑

关于组件1. 组件中包含定时器,页面离开定时器的清除 问题:在页面离开后倒计时仍在继续 解决:在页面离开时清除定时器2. 场景:页面中包含不同tab页面,各tab页面模板一致,模板内包含的组件id也一样,在tab切换时刷新tab页内数据。 问题:在tab切换时上一个tab页面的数据出现在了新的页面中。‘ 解决: 在tab切换时先将旧数据字段清空3....

2018-09-04 10:56:52 98

原创 charles-- 功能概述

 查看包的两种模式: structure (域名查看)和sequence(访问的时间排序)filter功能:输入关键字即可过滤包过滤网络请求,只监控指定目录服务器请求:a. filter过滤(临时性过滤)b. proxy菜单 recording setting -》输入协议,主机地址,端口号(长期过滤)c. 请求上右键,选择focus,之后在filter上勾选focussed。...

2018-05-08 11:08:34 175

原创 charles--压力测试

备注:10个concurrent是10个请求同时发生           10个Interactions是10个线程异步发生           实验结果:1个concurrent1个interations结果64ms                             10个concurrent1个interations结果72ms                             1...

2018-05-08 11:07:48 4079

原创 charles--模拟慢网速

在做移动开发的时候,我们常常需要模拟慢速网络或者高延迟的网络,以测试在移动网络下,应用的表现是否正常。Charles 对此需求提供了很好的支持。在 Charles 的菜单上,选择 “Proxy”->”Throttle Setting” 项,在之后弹出的对话框中,我们可以勾选上 “Enable Throttling”,并且可以设置 Throttle Preset 的类型。如下图所示:模拟网络慢...

2018-05-08 11:07:10 6257

原创 charles-- 请求过滤

       查看包的两种模式: structure (域名查看)和sequence(访问的时间排序)filter功能:输入关键字即可过滤包过滤网络请求,只监控指定目录服务器请求:a. filter过滤(临时性过滤,在网络请求列表下方)b. proxy菜单 recording setting -》输入协议,主机地址,端口号(长期需要监控的请求)c. 请求上右键,选择focus,之后在filter上...

2018-05-08 11:06:32 7038

原创 charles--map功能

map local映射到本地文件 tools->>map local(调试本地css\js等,还可以把请求结果存下来,改下,然后再映射)map remote映射到其它地址备注:端口号都写443备注:jsonp请求生成的随机参数不必写在Query里,比如这个请求地址https://www.condenastsub.com.cn/mobile/api/shopping?_=15...

2018-05-08 11:05:40 4475

原创 charles--rewrite功能

Rewrite 功能* Rewrite 功能功能适合对某一类网络请求进行一些正则替换,以达到修改结果的目的。例如,我们的客户端有一个 API 请求是获得用户昵称,而我当前的昵称是 “tangqiaoboy”,如下所示:* 我们想试着直接修改网络返回值,将 tangqiaoboy 换成成 iosboy。于是我们启用 Rewrite 功能,然后设置如下的规则:* 完成设置之后,我们就可以从 Charl...

2018-05-08 11:04:29 4897

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除