- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用Promise实现微信官方提供的异步API同步化
小程序开发工具原生支持 ES6 的 Promise（大部分情况不用另外安装 es6-promise 包）。特殊场景自己要加载的话也可以用 npm 的 es6-promise 包。下载 es6-promise-min.js 或 es6-promise.js 置于根目录下的 libs 文件夹下。一、处理普通的异步操作import Promise from '../libs/es6-p...
2018-07-31 15:35:37
2778
原创 ES6转ES5之Babel使用
很多低版本的浏览器不支持 ES6 语法，这就需要用到 Babel 转码器把 ES6 代码转换成 ES5。在 Babel6 之前，Babel 是一个整体。但在 Babel6 中，将 Babel 拆分成两个包：babel-cli 和 babel-core。如果你想在 CLI（终端或 REPL）使用 Babel 就下载 babel-cli，如果想在 node 中使用就下载 babel-core。...
2018-07-31 13:29:19
581
转载 移动端和微信小程序对 iPhone X 适配
一、 安全区域(safe area) 与iPhone6/6s/7/8相比，iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变，下面以iPhone 8作为参照物，先看看iPhone X尺寸上的变化： 苹果对于 iPhone X 的设计布局意见如下： 核心内容应该处于 Safe area 确保不会被设备圆角(corners)，传感器外壳(sensor...
2018-07-20 19:16:48
3281
转载 模板引擎思路
无论是前端的 MVVM 框架, 还是像我们常用的如 ejs 这样的模板引擎, 都是为了组件化工作的, 是为了减少重复编写某些代码而出现的.实际上模板引擎是为了实现模板文件与业务数据的结合, 实现界面与数据的分离.为了能够深刻理解模板引擎的工作原理, 这里我通过实现一个简单的模板引擎来达到目的.占位符如果你用过像 ejs 这样的模板引擎, 你就会发现在模板引擎中会使用一个占位符来表示这个部...
2018-07-16 23:21:44
352
原创 微信小程序之代码包压缩策略
意义1. 避开小程序官方规定的2M限制，代码包体积超过上限时将无法进行预览/上传/发布。2. 减小代码包体积，可以降低小程序下载时长、首次加载时长，降低新用户流失率。3. 能减少下载流量和本地空间占用，提升用户体验。策略1. 搬 能搬的尽量搬。图片、音频、数据、甚至页面（基础库1.6.4开始支持<web-view>组件支持内置H5页面）， 很多非核心不紧急的资源文件都可以搬至服...
2018-07-11 19:46:38
8865
1
原创 微信小程序中使用iconfont(阿里矢量图标字体)
在微信小程序中使用 iconfont 主要有两种方式，第一种是使用 Font class 方式，第二种是使用 Unicode 方式。方式一：Font class 方式1. 在 http://iconfont.cn/ 选择你想要的图标，选择 Font class 类型并下载到本地。2. 解压下载到本地的压缩包，将里面的 iconfont.css 文件复制到你的项目中，并将后缀名改为 ...
2018-07-11 13:38:45
16091
3
转载 写给前端的Http详解
什么是http协议：引用百度百科的话说来就是：http协议其实就是超文本传输协议，超文本传输协议 (HTTP-Hypertext transfer protocol) 是一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。目前我们使用的http版本是http/1.1其前身是http/1.0。关于两个版本不同，下面会不时提及。在整个iso传输层次模型...
2018-07-07 11:28:31
8514
转载 Redux 入门教程（三）：React-Redux 的用法
转载自：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html前两篇教程介绍了 Redux 的基本用法和异步操作，今天是最后一部分，介绍如何在 React 项目中使用 Redux。为了方便使用，Redux 的作者封装了一个 React 专用的库 React-Redux，本文主要介绍它。这个库...
2018-07-04 22:51:23
194
转载 Redux 入门教程（二）：中间件与异步操作
转载自：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html上一篇文章，我介绍了 Redux 的基本做法：用户发出 Action，Reducer 函数算出新的 State，View 重新渲染。但是，一个关键问题没有解决：异步操作怎么办？Action 发出以后，Reducer 立即算出...
2018-07-04 22:48:20
153
转载 Redux 入门教程（一）：基本用法
转载自：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.htmlReact 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。代码结构组件之间的通信对于大型的复杂应用来说，这两方面恰恰是最关键的。因此，只用 React 没法写大型应用。为了解决这个问题，201...
2018-07-04 22:44:59
171
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人