最近遇到了个按需请求数据的需求,非常适合用于讲解闭包与链式设计的例子,故来分享一下思路。
React 知识回顾 (优化篇)
React 知识回顾 (使用篇)
Hexo 常见问题解决方案
webpack + Travis CI 自动部署项目应用

我们知道 Github Pages 是 Github 免费提供给用户展示页面的一项服务。当我们完成项目开发后,想将页面部署到 Github Pages 时,该要怎么操作呢?
可以在 GitHub 的储存库设置中设置用于展示页面的分支,该分支只保留构建后的静态资源,也就是源码与编译后的静态资源分离。按照传统的做法是:手动运行编译命令,编译后再复制到指定分支中。这样操作很繁琐,但使用 Travis CI
持续集成服务之后就可以不用操心这些事了。
从零构建 webpack 脚手架(基础篇)

webpack 是一个现代 JavaScript 应用程序的静态模块打包工具,它对于前端工程师来说可谓是如雷贯耳,基本上现在的大型应用都是通过 webpack 进行构建的。
webpack 具有高度可配置性,它拥有非常丰富的配置。在过去一段时间内曾有人将熟练配置 webpack 的人称呼为 “webapck 工程师”。当然,这称呼只是个玩笑话,但也能从侧面了解到 webpack 配置的灵活与复杂。
为了能够熟练掌握 webpack 的使用,接下来通过几个例子循序渐进的学习如何使用 webpack。
以下 Demo
都可以在 Github 的 webpack-example 中找到对应的示例,欢迎 star~
计算机网络原理笔记
总结关于计算机网络原理常见的计算方法。
Flexbox 布局实际用例
Flexbox 布局入门
互联网早期实现布局是需要通过多种不同属性组合才能实现我们想要的布局。
比如常见的垂直居中,刚接触 css 的朋友看到 vertical-align: middle;
这个属性可能就会认为它就是用于垂直居中的,但实际上并没有那么简单。如果想要通过该属性来实现垂直居中,还需要其他小伙伴配合。
1 | .container { |
1 | <div class="container"> |
这样看来,为了实现垂直居中布局,我们还得打一套组合拳才能出来才行,是不是看起来有点麻烦的样子?
W3C 在 2009 年提出的 Fiexbox(flex)
布局草案,就是针对用户界面设计优化的 CSS 盒模型。如果使用 flex 布局来实现上面的垂直居中布局的话,可以简化为:
1 | .container { |
1 | <div class="container"> |
修改后的代码就显得更精简了,也不需要其他小伙伴来搭把手。布局的事情就让 flex 家族自己来解决即可。
Hexo blog 的升级与同步方案
将 JSON 数据格式输出至页面上
JSON
是一种轻量级的数据交换格式,它有键值对集合(js 中的对象)和数组两种结构。JSON
是一个通用的格式,在前后端语言中都能跟该 JSON
打交道。
有时候我们需要将 JSON
格式输入至页面展示的需求,其中还需要保持一定的索引,那么该如何实现呢?
从搭建到部署,快速构建一个私人博客
[环境搭建] 从零开始配置前端开发环境
前段时间更换了设备,正好趁着这个机会来记录一下适合前端开发的一个环境,以及推荐提高效率的应用。
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
值相对应,缺失后就无法正常的显示…
因此就来专门讲一讲这配置项的坑以及如何通过组件的方式正确的”食用“。