摘要: 之前做录音组件的时候发现通过JS来进行计时,会造成一定量的误差; 下面描述一下VANT-UI的倒计时组件的思路,后续研究是否可以改进计时功能。 思路:计算结束时间 通过计时器API循环计算结束时间和当前时间的毫秒差 -- 如果差为0则计时 getRemain() { return Math.max( 阅读全文
posted @ 2020-07-17 17:41 Facker 阅读(630) 评论(0) 推荐(0) 编辑
摘要: 需求: 目前有一套公共的轻应用,需要发布到多个客户, 但是每个客户的主题颜色不同; 解决方案: 1、将多套主题色分路径放置到styles目录下方 2、配置新的环境变量: THEME_PATH(名称自取) 3、在 webpack.base.conf.js 中新增别名: 4、 在main.js引入的地方 阅读全文
posted @ 2019-08-13 17:58 Facker 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 背景: 随着项目体积变大,导致热更新速度成倍增加,严重影响开发效率! 切入点: 路由文件中引入文件过多, 开发环境使用 require 方式引入; 生产环境使用异步import加载; 方法: 新建 _import_development.js 新建 _import_production.js 路由引 阅读全文
posted @ 2019-07-19 15:06 Facker 阅读(1551) 评论(0) 推荐(1) 编辑
摘要: 先举例说下深拷贝和浅拷贝的区别: 可以发现直接拷贝,当原对象 a 改变时, b 也发生了改变;这种就是浅拷贝,因为虽然是拷贝成功但是 a 和 b 所指向的内存地址是相同的,所以a改变时,b也会发生改变。 那么如何拷贝才能使b不受a的影响呢;也就是深拷贝呢? 解释: 通过typeOf方法我们可以准确区 阅读全文
posted @ 2018-07-04 15:37 Facker 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 前提: ES5的方法: 第一种: concat方法 缺点: concat方法不会改变原来的数组,所以必须复制给一个新数组,会造成内存浪费。 第二种 : push方法 用apply方法传参 相当于 arr1.push( 3, 4 ); ES6的方法: ...操作符 ...操作符可以将一个数组转为用逗号 阅读全文
posted @ 2018-07-04 15:14 Facker 阅读(775) 评论(0) 推荐(0) 编辑
摘要: 让网页在移动设备上始终横屏显示的方法 阅读全文
posted @ 2018-04-09 15:32 Facker 阅读(415) 评论(0) 推荐(1) 编辑
摘要: 问题出现: 做一个智能手环的微信页面时,在浏览器端调试了页面,放在微信上画布上的内容出现了锯齿和模糊。 问题剖析: 在使用 canvas 的时候,要设置画布的大小,要使用的是 canvas 的 width 与 height 属性,而不是设置 canvas 的 style 或者CSS样式中的 widt 阅读全文
posted @ 2018-01-22 11:12 Facker 阅读(757) 评论(0) 推荐(0) 编辑
摘要: IOS解决方案:(iOS上需要调整 webview 的字体大小时,是通过给 body 设置 -webkit-text-size-adjust 属性实现的) Android解决方案:(Android上是对所有字体数值进行放大,所以要通过REM来实现) 阅读全文
posted @ 2017-12-27 16:03 Facker 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 思路: 表头和内容分为两部分。 HTML: 注: 使用了colgroup标签,来对上下两个表格的列宽进行了定义,让他们保持一致。 CSS: 阅读全文
posted @ 2017-12-25 11:37 Facker 阅读(164) 评论(0) 推荐(0) 编辑
摘要: /* //api num : year num : month num : date num : day num : time data: getData() data: preMonth() data: nextMonth() data: preYear() data: nextYear() da 阅读全文
posted @ 2017-11-07 16:24 Facker 阅读(1742) 评论(0) 推荐(0) 编辑