2018年6月6日

摘要: 简介 在移动端开发中,通讯录是个很常见的需求。 通讯录通常要实现以下功能 首字母导航 滚动到一定位置首字母固定 "在线通讯录demo" 布局 通讯录是典型的上下两栏布局,上面是header,下面是内容区,我们这里采用flexbox来实现。 OK。上面的代码已经足够定义一个页面的雏形, 高度44, 占 阅读全文
posted @ 2018-06-06 17:59 smallcoder 阅读(2572) 评论(0) 推荐(0) 编辑

2018年6月5日

摘要: 简介 是一种可编辑的输入框,通过回车或者分号来分割每个标签,用回退键删除上一个标签。用 来实现还是比较简单的。 先看效果图,下面会一步一步实现他。 注:以下代码需要vue cli环境才能执行 (一)伪造一个输入框 因为单行的文本框只能展示纯文本,所以图里面的标签实际上都是 ,用vue模板来写的话,是 阅读全文
posted @ 2018-06-05 13:28 smallcoder 阅读(6493) 评论(0) 推荐(0) 编辑

2018年6月4日

摘要: 在某些特定的场景(比如 , ),会频繁的发起ajax请求,而由于ajax是异步API,所以返回的时序并不能够保证,这时候就需要实现一个ajax队列,在相同的请求发起时,取消处理上一个请求。 在使用 时,可以比较方便的使用 方式中断处理ajax返回值,但是由于 是依赖于 的,导致了只能通过转换为 的方 阅读全文
posted @ 2018-06-04 14:59 smallcoder 阅读(2614) 评论(0) 推荐(1) 编辑

2018年6月1日

摘要: `axios xhr http` 库创建网络请求。 提供了丰富的配置,这里讲一讲我在工作中通常用到的基本配置方法。 因为我在工作中用 进行开发,所以以下代码默认的环境是 。 创建一个 axios 实例 为什么要创建一个 实例,而不是在 对象上进行配置呢?是因为我们会应对复杂的使用场景,多个实例便于管 阅读全文
posted @ 2018-06-01 17:57 smallcoder 阅读(3568) 评论(1) 推荐(0) 编辑
摘要: 在开发过程中,通常使用 来规范团队的代码风格。但是 只能在开发服务器启动的时候才去检验代码。如果一个人在不启动开发服务器的情况下,修改了代码直接提交到git,那么别人pull下来的代码肯定会报错,我们需要把错误遏制在提交之前。 唯一的麻烦可能是地震的时候commit不太方便 一位成都前端开发者留言说 阅读全文
posted @ 2018-06-01 16:28 smallcoder 阅读(14095) 评论(2) 推荐(3) 编辑

2018年5月31日

摘要: 第一次接触 "qs" 这个库,是在使用axios时,用于给post方法编码,在使用过程中,接触到了一些不同的用法,写在这里分享一下。 qs.parse 方法可以把一段格式化的字符串转换为对象格式,比如 qs.stringify 基本用法 则和 相反,是把一个参数对象格式化为一个字符串。 排序 甚至可 阅读全文
posted @ 2018-05-31 12:03 smallcoder 阅读(21356) 评论(2) 推荐(1) 编辑

2018年5月30日

摘要: 2009年, 就已经出现,但是直到IE11的发布,全部的主流浏览器才统一支持新的用法 。 这里只说应用,浏览器的兼容处理会附在文章的末尾。 起步 在现代主流浏览器中,只需要给一个元素加上一行 就可以让他拥有弹性布局的魔力。 轴的方向 定义了主轴的方向,在html中,默认值是 ,即子元素横向排列,但是 阅读全文
posted @ 2018-05-30 17:01 smallcoder 阅读(332) 评论(0) 推荐(1) 编辑
摘要: 在html文档中,元素体现为一个一个的方形盒子。每个盒子由以下四种属性来确定他在文档中的位置和大小: content 内容区域 padding 内边距 border 边框 margin 外边距 标准和非标准 在 定义下,content占据的空间由(min/max)width,(min/max)hei 阅读全文
posted @ 2018-05-30 14:42 smallcoder 阅读(390) 评论(0) 推荐(1) 编辑

导航