sunny_LI

在写前端时，听到雪碧图这个概念。因此在网上查了查资料，了解了一番。什么是雪碧图？CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。作用是什么？雪碧图的应用可以减少网站的HTTP请求数量，提升网站加载性能，对内存和带宽更加友好，提高用户体验度。应用过程？1、用ps或compass等

雪碧图制作可以有其他工具，自己试了试Compass。如果要安装Compass，需要先安装Ruby环境。下载Ruby：下载链接：http://rubyinstaller.org/downloads/我的是win8 64位系统，因此选用的是RubyInstallers系列：安装Ruby：注意：1. 安装路径选择全英路径，否则出错可能性大。2. 安装过程中勾选 Add Ruby executables t

终于学到了前端三剑客（HTML，CSS，JavaScript）之一的JavaScript。三剑客，团结一致，各司其职，共同完成网页前端的酷炫功能。Html:负责一个页面的结构Css:负责一个页面的样式JavaScript：负责与用户进行交互JavaScript，简称js，是前端开发的一门语言。作用：验证发往服务端的数据、增加Web互动、加强用户体验度。js特点：交互性（信息的动态交互）安全

高德地图API的使用看官方文档就能很容易的上手。在高德地图的使用过程中，了解了一些关于地图的需求与使用。复习了一下地理知识：经纬度还复习了一下数学知识：已知经纬度，计算两地点间的直线距离，也就是球面优弧长度。举个高德应用的小例子，也是比较烦人的小例子：在地图上定位（location）+打点（Mark）。

浏览器窗口布局，也是web项目必备的知识。        要想让页面整齐有序，就需要给窗口分区域，就像本子上写字一样，遵循一定的规则，比如：上留天下留底，左右留边距，这样看起来会更美观。web页面布局用到的知识点就是html的标签。把浏览器的整个页面按照行列规则分成一块儿一块儿的，把这片儿分好了，才好“种庄稼”。下面看两个例子：         导航跳页面用的

转自：http://blog.youkuaiyun.com/wsl211511/article/details/50461891伯乐在线导读原文作者尼古拉斯·泽卡斯（ Nicholas C. Zakas）是一位前端大牛工程师，目前在 Box 公司任职，之前是在雅虎将近工作 5 年。在雅虎期间，他是雅虎首页的前端技术主管，并且是 YUI 库的贡献者。 Nicholas 编写的技术书有：《Maintain

工欲善其事必先利其器，好用的工具大大提高工作效率。在做GIS系统中，有幸跟杨琛师哥一起做项目，新接触了几款前端IDE、原型工具，以及前端框架。整理了一下，有需要的就拿去玩玩儿。一、两款画原型图工具：1、墨刀：用途：移动端原型工具。特点：快速上手、简单易学、专用移动端、交互丰富，可在线使用、有安装包、国产。官网： https://modao.cc/

用到过的一些在线小工具，感觉很有意思，收集起来：【GUID】        https://www.guidgenerator.com/online-guid-generator.aspx【时间戳】        http://tool.lu/timestamp ——具备代码展示【取色器】        http://htmlcolorcodes

什么是跨域？                1、域名不同。                2、域名相同，端口不同。                3、由于同源策略，安全性考虑设计如此。        ajax跨域问题：由js请求处于跨域范围的数据，请求不到。       问题解决：jsonp解决。        什么是jsonp？        它是一个跨域解决