首先我们要先来解决三个小问题。 先来考虑横图（第二张图）的情况，设图片宽度为 scrollView.bounds.width，再将图片的高度进行等比缩放。 接下来考虑竖图（第一张图）的情况，在上一步的基础上进行判断。 最后根据 size 计算一下 imageView.frame…

无论是浏览器上运行的 Web 应用还是移动端的 H5 应用，都离不开 HTTP 接口。Web 应用通常是分为前后台开发的，后台提供接口调用返回 Json 对象，前台使用 JS 框架去加载后台返回的 Json。而 H5 页面动态获取内容的方式则是采用 ajax 异步请求后台数据实时刷新，用 GET/POST 的 HTTP 请求后台接口，再将返回的数据（一般是 json 或 xml 格式）渲染在页面上。因此，HTTP 接口功能测试是确保 Web 应用和 H5 应用页面内容数据正确的关键。

移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。如何输出具

1. let、const 解构是es6新特性，可以对数组对象内容直接解析。 es6中加入了“`”反引号，反引号中${}处理模版字符串。 4. 函数 5. 数组 6. 对象 7. Class 类 8. Generator 9. async await

相信大家对这个色板应该不会陌生，这个就是著名的 Material Design 色板，这个色板广泛应用于插画、UI设计等优秀作品当中（差的作品我们假装没看到），只要你会灵活应用这个色板，你的配色一定不会差。 那我们今天就介绍几个 Sketch 插件来解决令我们头疼的配色问题，保…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

1. 运行环境差异 微信小程序运行在三端：iOS、Android 和 用于调试的开发者工具。 微信小程序的框架包含两部分View视图层(可能存在多个)、App Service逻辑层(一个)，View层用来渲染页面结构，AppService层用来逻辑处理、数据请求、接口调用，它们…

最近算是初步完成了新APP的模块化，也算是从中总结了一些经验拿出来分享一下。 做模块化还是要结合实际业务，对目前APP的功能做一个模块划分，在划分模块的时候还需要关注模块之间的层级。 比如说，在我们项目中，模块被分成了3个层级：基础层、中间层、业务层。基础层模块比如像网络框架、…