- 博客(22)
- 收藏
- 关注
原创 体验小程序React hook——实现列表加载
体验小程序React hook——实现列表加载基于Taro框架函数页面配置function TestPage() {}TestPage.config = {//在这里配置小程序页面相关内容}export default TestPage函数组件配置function TestCom(props) {}TestCom.options = { addGlobalClass: true}export default TestCom数据加载const [list, se
2021-03-04 16:42:43
702
1
原创 小程序手绘地图开发
以此文纪念开发手绘地图的坑需求一个类似故宫旅游小程序开发方案整理小程序个性化地图扩展功能(需要钱)小程序内嵌webview(初始加载速度慢)小程序贴图(体验有些差,闪屏和位置偏移问题)不需要动脑子,排除要钱的ps:大部分的艰难来自于客户,觉得肯定是免费的,所以试了半天。然后排除小程序贴图,一直差不如开始差一点~开发瓦片图生成工具工具名:mapTiler官网https://www.maptiler.com/简单介绍:生成不同放缩比例的瓦片图,正版不付费有水印生成目
2021-02-01 18:07:54
5446
3
原创 指令解决键盘弹起按钮一起弹起的问题
代码是从网上一个老哥那里考过来的,但是代码有问题,我改了问题。问题:未考虑一个页面多个按钮,且按钮在不同的swiper-item或者router-view里面的情况解决思路:给每个按钮的监听器唯一的id进行标记这个id可以是v-foot=""传进来来的值或者element的id值。但这样还是不便于管理。我这里为了减少工作量,在自己的场景下。是采用后入先出的原则,用数组来对监听器进行添加和销...
2019-08-20 10:10:51
446
原创 工作过程中数组小技巧
1.知道删除位置删除前后:shift(),pop()删除中间项splice(start,count)2.匹配删除内容filter()过滤,将返回为true的数组赋值给原数组3.创建一个重复内容指定i项的数组new Array(i).fill(content)待整理记录.........
2019-04-09 09:27:47
253
原创 转前端工作总结二
前四个月花的时间比较多,也是进步比较快的时候。对于各种概念也都慢慢熟悉了,后面四个月自己解决问题的能力提升了,但对技术的热情满满没有系统去学习的冲劲。所以对自己有些总结看看,有什么可以进步的。确定自己继续努力的方向目前掌握的框架:小程序的wpy框架,vue框架看过的技术书:图解http协议,算法,js高级,es6,js设计模式了解过:mvvm框架,mvc框架,vue的源码,...
2018-10-30 17:45:30
1131
原创 jsBarcode与vue——提取成组件
<div class="bar-code-box"> <ql-barcode :value="memberInfo.barData" background="rgba(0,0,0,0)" :displayValue="displayValue"></ql-barcode></div>组件使用组件代码
2018-10-24 15:42:02
1639
原创 简化嵌套for循环
业务场景是这样的:老板让我写一个函数,分别取零售店的类目和市场的类目进行比较,看零售店是否有多的类目,然后给这个类目打上标记。你可以理解为取两张表,A,B,比较A,B,如果A表中的内容B表中找不到就给这个内容打上标记,最后返回A表。首先是异步取两张表,同时等待两个异步操作,所以我用了一个Promise.all来等待获取两个Promise的返回结果,接着用一个嵌套for循环进行比较。...
2018-10-11 11:00:15
3098
原创 快速添加对象属性
工作的时候遇到的比较烦的事,有时候你要给定义好的对象添加多个属性。开始我都是这么做的:obj.addName = 'name';obj.addId = 'id'.......然后我就觉得很烦,看了一下。可以这么写: let add = { name:'name', id:'id', key:'key', pig:'pig',...
2018-10-09 17:59:38
635
原创 小程序双手指手势
给大家看个demo上拉手势和放缩手势。要点:上拉手势与侧滑手势不冲突,如何实现双手指的放缩手势。async changeItem(e){ switch(e.type){ case 'touchstart':{ this.touch.startY = e.changedTouches[0].clientY; ...
2018-09-14 16:35:32
1507
原创 小程序更新问题
小程序在聊天顶部是有缓存的,所以就算你更新了代码,用户如果从聊天顶部进入还是在旧版中徘徊。必须要删除这个小程序,或者从发现栏进入小程序(当然这个方法不靠谱)。这个就非常的郁闷了,用户反馈的问题总是已经解决了的问题。老板生气的理由也是你已经解决的问题。所以有一个接口可以救你一命。wx.getUpdateManager()具体去看文档。几个概念,这个接口是只有在小程序销毁后重新启动的时候...
2018-08-29 10:47:08
3005
原创 小程序因为环境导致奇怪bug
表现为,pc端调试和远程调试都没有问题,但是手机端预览和线上版就是有问题微信低版本可能6.6.2和ios10以下的版本不兼容一下两个:一、Object.vaules()命令用原始方法来代替 let childrenKeyList = Object.keys(region.child) let children = [] childrenKe...
2018-08-22 17:32:35
2002
原创 forEach究竟能不能改变数组的值
初学者每次提到Array对象的时候有些烦人,有些方法是改变原数组的,有些则不改变原数组。 有趣的存在~forEach这个方法,或者说数组存储的数据本身 看两个例子: 例子一: let obj = {'1':1} let oldArr = ['1',1,obj,true] oldArr.forEach((el)=>{ el = 1 }) ...
2018-07-30 11:02:34
22055
13
原创 非常基础的return break continue
return return 返回值都会结束函数,前者没有返回值,后者可以把函数内部的局部变量,返回到全局中。可以用来结束if语句,不能用在循环语句中for循环break跳出整个循环,continue跳过当前循环...
2018-06-13 15:33:14
254
原创 同步异步傻傻分不清楚(前端菜鸟升级)
对于像我这样的新手来说,同步异步,js执行原理,浏览器运行机制都有些模糊不清,但在工作的过程中遇见了许多问题没办法啊,只能去弄清楚。首先浏览器里面是有多个进程的,每个进程里面又有多个线程。然后每次打开一个页面都会有一个render进程,也就是我们最关心的渲染进程。这个进程里面包括几个重要的线程:GUI渲染线程、js引擎线程、事件触发线程、定时器触发线程、异步http请求线程。我们通常说js是单线程...
2018-06-12 14:06:46
2743
原创 提高更多订单或者商品的加载速度
提高更多订单或者商品的加载速度业务场景:商品数量较多,采用分页的形式再次加载时,将加载出来的商品或订单,通过循环push到旧的数据中this.orders.push(order)这是可行的,但当就是数据越来越庞大,每次循环要处理的数据就很庞大,大大减慢了速度let tpOrders = []for(let j=0;j<orders.length;j++){tpOrders.push(orde...
2018-06-07 22:09:49
310
原创 小程序rpx和px转换之间的bug
场景:自己写swiper功能的组件616rpx,在iPhone5之类非750rpx屏宽的设备上,转换时出现小数这时微信默认进行向下取值比如:262.89px取值为262px但倘若为:-262.89px则取值为-263px所以倘若你进行动画变换,这时候translateX({{-boxWidth*times}})boxWidth转换后就会和原来的之相差1px几次转换后就会相差很大解决方案:getSy...
2018-06-04 17:56:14
3077
原创 小程序开发时减少bug的技巧
1.转发页面要考虑是否禁止页面右上角的转发选项//隐藏该页面转发按钮wx.hideShareMenu()res.from=='button'res.from=='menu'2.要考虑迅速的连续点击产生的不良影响比如数量到0后继续点击'-'按钮3.小程序常常有些数据是从缓存取的,那么用户第一次进入、从转发接口进入缓存数据有什么影响?最好,这些页面不要依赖于缓存数据。当然不是缓存取的数据也要考虑,最好...
2018-05-18 11:54:27
668
原创 js遍历数组、字符串、对象的方法 二
然后介绍一下遍历对象的方法1.for...in 循环(取键名)以任意顺序遍历一个对象的可枚举属性,同时可以进行操作 let obj = {a:0,b:1,c:2,d:3} for(let key in obj){ ++obj[key] console.log(key+'(键名):'+obj[key]+'(属性值)') }2.构造函数...
2018-05-06 22:11:03
7223
4
原创 js遍历数组、字符串、对象的方法
后端返回来的数据常常需要我们去遍历获取每一个值,或者对其进行相应的处理。而在不同的情况下我们往往需要对不同的数据类型进行遍历操作,最简单让人熟悉的莫过于对数组进行操作,所以先来说一下数组的遍历方法。1.遍历数组1.for循环遍历arrlet arr = [0,1,2,3]for(let j=0;j<arr.length;j++){++arr[j]}//结果 arr = [1,2,3,...
2018-05-05 18:31:11
3475
2
原创 wepy组件间的通信
1、props和$broad父组件中的写法<view class="time-out"><view>剩余</view><GroupShopTimer :childrentips="tips"></GroupShopTimer></view>item定义在父组件的data中:Item:{}子组件中的
2018-04-13 22:21:11
3502
2
原创 转行前端工作总结一
算是总结一下自己这段时间学习的内容吧,所在的公司算是电商这一块,所以前端逻辑比较复杂。这个月接触的东西:小程序框架wepy.js,以及Vue.js框架,ES6,JS中级知识,AMD,PHP,CodeIgniter ,css3:translate属性,less,npm&package.json接触的东西是比较多的,没想到对js的要求确实是比较高的,同时对于class命名的方式也有了 ...
2018-04-02 22:36:25
3491
4
原创 机械转行前端,我的过去和期待
去年十一月中旬开始自学前端,现在找到一份web前端的工作,3.5号入职,算是正式转行了。学习的过程,先是在淘宝买了十块钱的教程。按照视频学了html、css、javascript、jQuery、Ajax(大概花了一个月的时间)。然后开始试着找工作,年前找到一家企业让我无薪实习(花了两个星期的时间,找工作的过程中,了解了一些react.js/bootstrap/node.js)。在那家企业了做了一个...
2018-03-03 19:50:01
4970
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人