06 2018 档案

小程序体积优化(2)--优化图片
摘要：通过对大体积文本的优化，总的体积减少了不到100KB，可以说是杯水车薪，看来还是要从大户图片上面下手，分三个方向去处理: 1. 清理未使用的图片 2. 压缩图片 3. 修改部分设计 清理未使用的图片 因为小程序的css文件内不允许使用本地图片，所以只需要查找html里面的引入的图片地址，再加上tab 阅读全文

posted @ 2018-06-21 14:38 smallcoder 阅读(477) 评论(0) 推荐(0)

Vue2.0原理-指令
摘要：指令是 的续章，本文会尝试从源码的角度来理解 是如何被提取和应用的。 指令的提取 指令的提取过程是在parse阶段进行的，在 方法中，会解析字符串模板为如下的单个ast对象 通过提取为格式化的对象，就可以对单个的节点进行解析了 指令的解析 首先对 , , 三个指令进行解析 指令的处理 通过上面的步骤 阅读全文

posted @ 2018-06-15 17:50 smallcoder 阅读(214) 评论(0) 推荐(0)

小程序体积优化(1)--优化大文本
摘要：缘起 昨天接手了一个小程序，让新增一些页面。页面写完，预览失败。为啥？大小超过2M了。虽然说小程序目前支持分包的方式让上限提高到4M，但是考虑到业务的发展，还是先优化一波。 去掉无用数据 优化体积，从大文件下手，首先找到的大文件，就是 , 体积颇大，足有 145kb 。我们看看他。 通过调用的页面发 阅读全文

posted @ 2018-06-14 18:05 smallcoder 阅读(157) 评论(0) 推荐(0)

win10系统安装docker注意事项
摘要：首先要确保win10系统支持 技术。 然后按照官网的流程下载，安装，基本上不会出什么问题。安装好之后使用，需要进行以下几个操作 1. access denied问题的解决 按win+R,输入compmgmt.msc，打开本地和用户组 按照连接中的步骤一步一步操作 "docker添加到用户组操作步骤" 阅读全文

posted @ 2018-06-13 14:58 smallcoder 阅读(148) 评论(0) 推荐(0)

Vue2.0原理-模板解析
摘要：下面这段代码，vue内部做了什么操作？我去源码里面找找看 入口 vue 的入口文件在 , 里面一进来就执行了很多初始化的操作。 import { initMixin } from './init' import { stateMixin } from './state' import { rende 阅读全文

posted @ 2018-06-13 14:57 smallcoder 阅读(603) 评论(0) 推荐(0)

使用nginx部署静态网站
摘要：前期准备 购买服务器，选择centos7.2以上的镜像 修改默认密码 安全设置 由于linux系统默认的用户名root和端口22广为人知，容易被破解攻击，所以需要进行如下的安全设置： 1. 修改默认端口 通过ssh登录linux服务器，修改 文件。 修改为 3456是我自己定义的端口号。可以定义为1 阅读全文

posted @ 2018-06-08 15:32 smallcoder 阅读(2890) 评论(0) 推荐(0)

react-native初体验(2) — 认识路由
摘要：如果学习止步于 , 那么人生也太没意思了。这次要做一个看起来真实的应用。多添加几个页面，让他们可以交互，动起来。 官方推荐使用 作路由管理，下面我将尝试使用他。 根目录下面建立 文件夹，并在里面建立 和 两个文件，接下来就可以在这个两个视图之间进行跳转了 安装路由管理 安装 引入 建立路由导航 修改 阅读全文

posted @ 2018-06-07 10:51 smallcoder 阅读(218) 评论(0) 推荐(0)

react-native初体验(1) — hello world
摘要：没有简介，直接开始干活吧。 默认阅读本文的你已经安装好 nodejs, windows用户需要升级yarn到最新版本。 并且设置安装源为国内的淘宝源: 初始化 开发过 的同学想必对于 并不陌生，这个cli工具大大简化了配置，让我们上手即可开发。 对于 ， facebook官方也放出了 工具，使用起来 阅读全文

posted @ 2018-06-07 00:39 smallcoder 阅读(227) 评论(0) 推荐(0)

vue组件--通讯录
摘要：简介 在移动端开发中，通讯录是个很常见的需求。 通讯录通常要实现以下功能 首字母导航 滚动到一定位置首字母固定 "在线通讯录demo" 布局 通讯录是典型的上下两栏布局，上面是header，下面是内容区，我们这里采用flexbox来实现。 OK。上面的代码已经足够定义一个页面的雏形， 高度44, 占 阅读全文

posted @ 2018-06-06 17:59 smallcoder 阅读(2858) 评论(0) 推荐(0)

vue组件--TagsInput
摘要：简介 是一种可编辑的输入框，通过回车或者分号来分割每个标签，用回退键删除上一个标签。用 来实现还是比较简单的。 先看效果图，下面会一步一步实现他。 注：以下代码需要vue cli环境才能执行 （一）伪造一个输入框 因为单行的文本框只能展示纯文本，所以图里面的标签实际上都是 ,用vue模板来写的话，是 阅读全文

posted @ 2018-06-05 13:28 smallcoder 阅读(6869) 评论(0) 推荐(0)

axios封装（二）队列管理
摘要：在某些特定的场景（比如 ， ），会频繁的发起ajax请求，而由于ajax是异步API，所以返回的时序并不能够保证，这时候就需要实现一个ajax队列，在相同的请求发起时，取消处理上一个请求。 在使用 时，可以比较方便的使用 方式中断处理ajax返回值，但是由于 是依赖于 的，导致了只能通过转换为 的方 阅读全文

posted @ 2018-06-04 14:59 smallcoder 阅读(2885) 评论(0) 推荐(1)

axios封装（一）基础配置
摘要：`axios xhr http` 库创建网络请求。 提供了丰富的配置，这里讲一讲我在工作中通常用到的基本配置方法。 因为我在工作中用 进行开发，所以以下代码默认的环境是 。 创建一个 axios 实例 为什么要创建一个 实例，而不是在 对象上进行配置呢？是因为我们会应对复杂的使用场景，多个实例便于管 阅读全文

posted @ 2018-06-01 17:57 smallcoder 阅读(3739) 评论(1) 推荐(0)

[git hooks] pre-commit 配置
摘要：在开发过程中，通常使用 来规范团队的代码风格。但是 只能在开发服务器启动的时候才去检验代码。如果一个人在不启动开发服务器的情况下，修改了代码直接提交到git，那么别人pull下来的代码肯定会报错，我们需要把错误遏制在提交之前。 唯一的麻烦可能是地震的时候commit不太方便 一位成都前端开发者留言说 阅读全文

posted @ 2018-06-01 16:28 smallcoder 阅读(14322) 评论(2) 推荐(3)

导航