0%

在做微信登录的时候,希望能在本地能够测试登录。这里使用的是微信开放平台网站应用微信登录, 与微信公众平台不同,微信开放平台并没有提供测试号的服务,因此在调试起来会十分的麻烦。比较传统的方法就是部署上测试服务器上专门先测试这一个接口。但从流程上来说,会比较麻烦,不够高效。下文将分享另一种测试的过程。

阅读全文 »

在一些需要用户填写资料的业务场景中,有时会让用户选择某个业务的范围,这时就需要用到滑块进度条。然后你们最爱的产品经理会说,给我整一个颜色可控,滑块按钮可大可小,滑块边框也要可大可小的滑动条来..

阅读全文 »

在小程序的文档中我们得知,wx.saveImageToPhotosAlbum 是用来保存图片到相册的。

但是仔细一看会发现这个接口的filePath参数只接受临时文件路径或永久文件路径,不支持网络图片路径,意味着我们不能直接调用这个接口。。

阅读全文 »

ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上。可以这么说,在国内,是个前端都知道这个玩意是干嘛用的,毕竟它还是出自于国人之手。

虽说如此,但是Echarts涵盖的类型实在是太广了,它给我们提供了很多配置项,但呼之而来的问题是会有点让刚接触的人有点茫然… 哪些参数是必要的?哪个参数又跟什么地方的key值相对应,缺失后就无法正常的显示…

因此就来专门讲一讲这配置项的坑以及如何通过组件的方式正确的”食用“。

阅读全文 »

一般我们翻阅百科的时候,如果文章过长的话,就不太方便找到我们想要的资源。此时有一个定位导航的话,那可真是帮大忙了~今天,就来聊聊这种常见的锚点定位导航的原理以及是如何实现的。

阅读全文 »

在实际工作中,常常会遇到需要将项目中的资源传入 CDN 上,以提升用户的加载速度。七牛就是国内一个挺有名的服务商,今天就来分享一下,如何将项目资源上传至七牛吧~

阅读全文 »

在做 H5 开发时,难免会遇到有需要上传图片的需求。这种需要我们去引入一些库,或者自己来实现这么个功能。那么一般是如何去处理压缩图片的需求呢?这里简要的概述一下实现原理~

阅读全文 »

CSS3的transform里有一个方法叫做Matrix,该需要六个参数,可以使用数学函数让元素进行旋转、缩放、移动以及倾斜元素。

光是看这名词好像有点吓人,仿佛又回想起当初被数学支配的恐惧。的确,相比那些translate(25deg)之类有着明确语义跟容易调用方法外,Matrix使用起来确实有些复杂~

阅读全文 »

在我们团队开发中,必不可免会使用到版本控制。同时还需要一个统一的工作流程,创建新的功能、打补丁、正式版发布打tag等等,git-flow工作流就这些繁琐的东西简化了,它封装了git命令,将命令组合了起来,我们只需要几行代码就能解决这些繁琐的工作。正好工作也有好一段时间了,想将这方面的知识梳理一下。

阅读全文 »

【多图长文预警,建议先码】在浏览器地址栏输入 URL 到页面渲染之间都经历了什么?这是一道很经典的问题,可以很全面的考验面试者对于网络知识的理解。这之间的过程是一环套一环,下面笔者通过这题来科普一下基础的网络知识。

阅读全文 »

[大图预警,流量慎入!] 我们在浏览页面、获取信息时,细心的你可能会留意到,不同网页的图片可能有不同的加载表现。那么究竟是由什么决定图片的加载方式的呢? 然后不由的陷入了沉思(.jpg),接着来了解一下关于图片加载的小知识吧、

阅读全文 »

最近碰到了一个需求, 大致是移动端有一个提示页, 在页面中会四个GIF图, 连起来像一个”小视频”一样, 用来展示商品的步骤.

但是四个GIF一起播放的话, 那么用户体验就自然没有那么好啦. 我仔细的想了想, 想到了微博的GIF图好像就是一张一张播放的, 那么我们前端有没有办法也实现这个逐个播放的功能呢…

阅读全文 »

跨域是前端工程中一个很常见的问题啦. 今天就来聊一聊跨域, 以及常见的处理方式和原理.

阅读全文 »

我们在进行开发工作时,选择一个顺手好用的编辑器是必不可免的, 其中 vscode 就是一个很好的选择。它能让你大部分的工作都在编辑器内完成, 大大的提高开发效率~

阅读全文 »

浏览器控制台是前端调试中使用最频繁的调试工具,没有之一。但它实际上还有很多不为人所知的功能~

阅读全文 »

近年来, 人们逐渐倾向移动端的使用. 越来越多的人使用手机/平板来上网. 既然有需求, 那就自然会有市场~ 作为一个身在一线的前端工程师在工作中也难免会遇到这种场景/需求. 下面就分享一下对于移动端的一些学习笔记~

阅读全文 »

回流与重绘已经是个老生常谈的问题啦, 但谈起性能优化上它又占有一席之地。今天来谈一谈什么是回流与重绘, 我们该如何去测试并针对性的去优化。

阅读全文 »