有时候我们希望有一个受控的博客,来记录或分享一些东西。这个博客的主题内容由你自己来决定,可以是技术分享(编程、汉化分享等),也可以是生活感想。
[环境搭建] 从零开始配置前端开发环境
前段时间更换了设备,正好趁着这个机会来记录一下适合前端开发的一个环境,以及推荐提高效率的应用。
Ant Design Pro 使用 no-mock 造成 POST 请求被重定向为 GET 请求
最近在 ant design pro 的项目遇到了一个奇怪的问题,在输入命令行npm run start:no-mock
后,发现预期发出POST
请求变成了GET
请求,状态码是301
永久重定向。而在使用mock
数据中不会出现这种问题。
操作系统复习笔记
「操作系统」课程的相关学习笔记。
在本地测试微信登录
[UI组件] 来做一个可配置的滑块进度条吧
在一些需要用户填写资料的业务场景中,有时会让用户选择某个业务的范围,这时就需要用到滑块进度条。然后你们最爱的产品经理会说,给我整一个颜色可控,滑块按钮可大可小,滑块边框也要可大可小的滑动条来..
H5 微信支付所遇到的若干问题
最近做了个H5微信支付的需求,记录一下所遇到的一些问题。。
在微信小程序中保存网络图片
在小程序的文档中我们得知,wx.saveImageToPhotosAlbum 是用来保存图片到相册的。
但是仔细一看会发现这个接口的filePath
参数只接受临时文件路径或永久文件路径,不支持网络图片路径,意味着我们不能直接调用这个接口。。
[小程序] 小程序项目的结构设计
在工作中也做了好几个小程序项目了,正好抽空将小程序开发的一些知识重新整理一下~
Echarts 的食用方式
ECharts
,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上。可以这么说,在国内,是个前端都知道这个玩意是干嘛用的,毕竟它还是出自于国人之手。
虽说如此,但是Echarts
涵盖的类型实在是太广了,它给我们提供了很多配置项,但呼之而来的问题是会有点让刚接触的人有点茫然… 哪些参数是必要的?哪个参数又跟什么地方的key
值相对应,缺失后就无法正常的显示…
因此就来专门讲一讲这配置项的坑以及如何通过组件的方式正确的”食用“。
锚点定位导航
一般我们翻阅百科的时候,如果文章过长的话,就不太方便找到我们想要的资源。此时有一个定位导航的话,那可真是帮大忙了~今天,就来聊聊这种常见的锚点定位导航的原理以及是如何实现的。
将项目资源上传至七牛CDN
在实际工作中,常常会遇到需要将项目中的资源传入 CDN 上,以提升用户的加载速度。七牛就是国内一个挺有名的服务商,今天就来分享一下,如何将项目资源上传至七牛吧~
常见的几种压缩图片的思路
在做 H5 开发时,难免会遇到有需要上传图片的需求。这种需要我们去引入一些库,或者自己来实现这么个功能。那么一般是如何去处理压缩图片的需求呢?这里简要的概述一下实现原理~
浅谈 CSS3 Matrix 的使用
CSS3的transform
里有一个方法叫做Matrix
,该需要六个参数,可以使用数学函数让元素进行旋转、缩放、移动以及倾斜元素。
光是看这名词好像有点吓人,仿佛又回想起当初被数学支配的恐惧。的确,相比那些translate(25deg)
之类有着明确语义跟容易调用方法外,Matrix
使用起来确实有些复杂~
git-flow 练习笔记
在我们团队开发中,必不可免会使用到版本控制。同时还需要一个统一的工作流程,创建新的功能、打补丁、正式版发布打tag等等,git-flow工作流就这些繁琐的东西简化了,它封装了git命令,将命令组合了起来,我们只需要几行代码就能解决这些繁琐的工作。正好工作也有好一段时间了,想将这方面的知识梳理一下。
初识网络原理: 从浏览器地址栏输入 URL 到页面渲染之间都经历了什么
【多图长文预警,建议先码】在浏览器地址栏输入 URL 到页面渲染之间都经历了什么?这是一道很经典的问题,可以很全面的考验面试者对于网络知识的理解。这之间的过程是一环套一环,下面笔者通过这题来科普一下基础的网络知识。
你可能不了解的图片加载方式
[大图预警,流量慎入!] 我们在浏览页面、获取信息时,细心的你可能会留意到,不同网页的图片可能有不同的加载表现。那么究竟是由什么决定图片的加载方式的呢? 然后不由的陷入了沉思(.jpg),接着来了解一下关于图片加载的小知识吧、
关于移动端GIF动图逐个播放的思路
最近碰到了一个需求, 大致是移动端有一个提示页, 在页面中会四个GIF图, 连起来像一个”小视频”一样, 用来展示商品的步骤.
但是四个GIF一起播放的话, 那么用户体验就自然没有那么好啦. 我仔细的想了想, 想到了微博的GIF图好像就是一张一张播放的, 那么我们前端有没有办法也实现这个逐个播放的功能呢…
聊聊常见的跨域问题
跨域是前端工程中一个很常见的问题。今天就展开来聊聊跨域,以及常见的处理方式和原理。
[环境搭建] 从零开始配置 vscode
我们在进行开发工作时,选择一个顺手好用的编辑器是必不可免的, 其中 vscode
就是一个很好的选择。它能让你大部分的工作都在编辑器内完成, 大大的提高开发效率~