定位 定位的概念就是它允许你定义一个元素相对于其他正常元素的位置，它应该出现在哪里，这里的其他元素可以是父元素，另一个元素甚至是浏览器窗口本身。还有就是浮动了，其实浮动并不完全算是定位，它的特性非常的神奇，以至于它在布局中被人广泛的应用。我们会在后文中专门提及它的。 谈及定位，我们就得从positi ...
分类：
Web程序 时间：
2018-10-08 15:00:45
阅读次数：
149
用Koala实现less的实时编译 1、下载Koala（Koala可以实现实时编译） 2、把CSS文件夹（如index.css，index.less）拖到Koala中 3、点击到需要编译的index.css，如： 4、点击Compile即可实现实时编译。Koala会在底部最小化运行。 less的语法 ...
分类：
移动开发 时间：
2018-10-01 10:42:20
阅读次数：
231
“语言只是工具”，你会无数次听到这句话。在最开始学习一门语言时，赞同这句话；在慢慢深入时，特别是遇到困难时（这里的困难更多指的是一门语言语法上的学习的困难，例如最开始学习C的时候的指针就让很多人觉得很难理解。），此时有人说这句话，你或许会觉得很佩服这个人、也有可能心里觉得对方在装X；再后来你自认为学 ...
分类：
编程语言 时间：
2018-09-30 00:22:37
阅读次数：
215
一、整体设计 图例说明： 图中左边淡蓝背景的为服务消费方使用的接口，右边淡绿色背景的为服务提供方使用的接口，位于中轴线上的为双方都用到的接口。 图中从下至上分为十层，各层均为单向依赖，右边的黑色箭头代表层之间的依赖关系，每一层都可以剥离上层被复用，其中，Service 和 Config 层为 API ...
分类：
其他好文 时间：
2018-09-29 19:15:29
阅读次数：
198
rem适配 <meta name="viewport" content="width=device-width,user-scalable=no"/> <script> (function(){ var html=document.documentElement; var hWidth=html.g ...
分类：
移动开发 时间：
2018-09-29 00:46:48
阅读次数：
193
android中的dp在渲染前会将dp转为px，计算公式：px=density*dp;density=dpi/160;px=dp*(dpi/160);dpi=√widthpixwidthpix+heightpixheightpix/尺寸大小android中所有的dp和px的转换都是通过DisplayMetrics中相关的值来计算的假设设计图宽度是360dp，以宽维度来适配。那么适配后的densit
分类：
移动开发 时间：
2018-09-27 11:18:11
阅读次数：
218
/** * YDUI 可伸缩布局方案 * rem计算方式：设计图尺寸px / 100 = 实际rem 例: 100px = 1rem */ !function (window) { /* 设计图文档宽度 */ var docWidth = 750; var doc = window.document... ...
分类：
其他好文 时间：
2018-09-18 19:04:54
阅读次数：
245
em和rem都是网页排版的相对单位 一、rem的特点 二、em的特点 下面主要是使用一段js代码，实现rem布局，这个方案是按照1rem = 100px的比例 实现设计图上宽为50px，高60px的按钮，，可以用代码这样实现 贴出代码 效果展示 UI给出的效果图 下面是这段代码运行在iphone5和 ...
分类：
Web程序 时间：
2018-09-03 12:08:53
阅读次数：
219
一、综述 从本博文开始将开源一个基于ROS系统的自主移动机器人项目，该项目基于一个差动轮机器人平台展开，机器人的设计效果图和实物图如下图1所示。 图1 设计图和实物图 所有涉及该机器人的设计文件和组成构件将全部通过BSD协议开源，具体开源的内容为： 1. 机械结构设计文件。为了尽可能的降低成本，本机 ...
分类：
移动开发 时间：
2018-08-26 20:46:49
阅读次数：
290
1、设计师对LOGO制作技术了解不全面多数设计师能够设计出好看的logo，但是对于现实的技术实现不太了解，在电脑上设计图形时，没有考虑logo的媒介使用，以及不同环境下logo的再现方式，很多情况下使用方式的局限是需要设计师把控的，（比如，形象墙上logo使用什么材料，如何打光等，都会影响一个log ...
分类：
其他好文 时间：
2018-08-19 20:11:48
阅读次数：
308
