Anran758's blog

0%

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 2.2k 阅读时长 ≈ 3 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 9.5k 阅读时长 ≈ 12 分钟

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

阅读全文 »

发表于 更新于 阅读次数： Disqus：
本文字数： 3.8k 阅读时长 ≈ 5 分钟

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

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 6.6k 阅读时长 ≈ 8 分钟

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

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

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 2.6k 阅读时长 ≈ 3 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 6.1k 阅读时长 ≈ 8 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 2.3k 阅读时长 ≈ 3 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 664 阅读时长 ≈ 1 分钟

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

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 11k 阅读时长 ≈ 14 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 23k 阅读时长 ≈ 29 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 1.5k 阅读时长 ≈ 2 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 3.9k 阅读时长 ≈ 5 分钟

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

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 6.4k 阅读时长 ≈ 8 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 6.9k 阅读时长 ≈ 9 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 7.7k 阅读时长 ≈ 10 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 5.5k 阅读时长 ≈ 7 分钟

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

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 3.1k 阅读时长 ≈ 4 分钟

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

阅读全文 »