07 2015 档案

Grunt中批量无损压缩图片插件－－grunt-sprite
摘要：这是什么这是一个帮助前端开发工程师将css代码中的切片合并成雪碧图的工具，它的主要功能是：使用二叉树排列算法，对css文件进行处理，收集切片序列，生成雪碧图在原css代码中为切片添加background-position属性生成用于高清设备的高清雪碧图，并在css文件末尾追加媒体查询代码在引用雪碧图... 阅读全文
posted @ 2015-07-28 17:35 Rain-Heart 阅读(404) 评论(0) 推荐(0)
Grunt中批量无损压缩图片插件－－Grunt-contrib-imagemin
摘要：Photoshop 切出的图片，无论是 PNG 还是 JPEG/JPG 格式，都含有许多相关信息，又或多余的颜色值，这些信息和颜色值，对网页前端并没有用处，反而增加图片大小，所以 Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台)... 阅读全文
posted @ 2015-07-28 17:34 Rain-Heart 阅读(343) 评论(0) 推荐(0)
移动端前端题
摘要：一. css部分body如果设置height:100%;overflow:hidden是依然可以滑动的，如果需禁止，要再加一层div设置 height:100%加overflow：hidden（html,body加height:100%） ，这样元素超出body的高度也不能滑动了meta标签移动端加... 阅读全文
posted @ 2015-07-27 14:32 Rain-Heart 阅读(380) 评论(0) 推荐(0)
前端面试题，不解释...
摘要：1 css: 1）css hack有哪些; 2）你所知道的ie兼容至少说出五个； 3）怎么清楚浮动 4）左边固定一个200px的div 右边自适应 5）介绍CSS盒模型 6）link与@impurt的区别？ 7）display:none和visibility:hidden的区别？2 html: 1)... 阅读全文
posted @ 2015-07-27 14:18 Rain-Heart 阅读(144) 评论(0) 推荐(0)
HTMLFormElement获取表单里面所有的值然后以json形式返回
摘要：function HTMLFormElement(){ this.init(); return this.json;}HTMLFormElement.prototype.init = function(){ this.json = {}; this.inputs = document.querySe... 阅读全文
posted @ 2015-07-23 13:05 Rain-Heart 阅读(902) 评论(0) 推荐(0)
关于 CommonJS AMD CMD UMD 规范的差异总结
摘要：根据CommonJS规范，一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在一个文件定义的变量（还包括函数和类），都是私有的，对其他文件是不可见的。// foo.jsvar request = require('request').default({ timeout: ... 阅读全文
posted @ 2015-07-22 12:30 Rain-Heart 阅读(1553) 评论(0) 推荐(1)
不推荐在iOS的浏览器应用上使用click和mouseover
摘要：iOS上的Safari也支持click 和mouseover等传统的交互事件，只是不推荐在iOS的浏览器应用上使用click和mouseover，因为这两个事件是为了支持鼠标点击而设计 出来的。Click事件在iOS上会有半秒左右的延迟，原因是iOS要highlight接收到click的elem... 阅读全文
posted @ 2015-07-16 14:00 Rain-Heart 阅读(597) 评论(0) 推荐(0)
一些特殊的符号转义
摘要：■特殊符号：·⊙①？◎Θ⊙●○¤㊣㈱@の■□★☆◆◇◣◢ ◤◥▲△▼▽⊿◢ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊▋▌▍▎▏■ ▓ 回 □ 〓≡ ↑↓→←↘↙♀♂┇┅‖$ @ * & # ※ 卍 卐 ∞Ψ §∮ № ⌒ * ░ ▒ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ◆ ◇ ◈ ◎ ● ◐ ... 阅读全文
posted @ 2015-07-09 16:04 Rain-Heart 阅读(3220) 评论(0) 推荐(0)
怎么设置（控制）移动端的字体大小
摘要：方法一：用css3的媒体查询来设置html {font-size:12px}@media screen and (min-width:480px) and (max-width:639px) {html {font-size: 15px;}}@media screen and (min-width:... 阅读全文
posted @ 2015-07-08 10:34 Rain-Heart 阅读(1520) 评论(0) 推荐(0)
指令定义对象--进阶阶段
摘要：指令定义对象每个指令定义的工厂函数，需要返回一个指令定义对象，编译器/$compile 在编译时就根据这个定义对象对指令进行展开。指令定义对象的常用属性如下：linklink函数负责实现DOM和scope的数据绑定，通常在link里执行DOM事件监听和数据变化监听。 link函数在template执... 阅读全文
posted @ 2015-07-06 18:24 Rain-Heart 阅读(189) 评论(0) 推荐(0)
声明式界面开发小时钟--进阶阶段
摘要：先看看游戏规则 angular.module("ezstuff",[]).directive("ezClock",function(){ return { restrict : "E", template : "", link : function(scope,element,attrs... 阅读全文
posted @ 2015-07-06 16:47 Rain-Heart 阅读(295) 评论(0) 推荐(0)
过滤器--起步阶段
摘要：过滤器1)使用AngularJS过滤器可以实现对字符串的大小写转换、货币格式的转换、数组的过滤等等。用法：管道字符(|)+过滤器名。1.过滤器uppercase、lowercase对字符串转换大、小写，如下所示：请输入: 结果为： {{ name | uppercase}}使用方法很简单吧，在试试过... 阅读全文
posted @ 2015-07-06 13:34 Rain-Heart 阅读(158) 评论(0) 推荐(0)
常用指令-起步阶段
摘要：常用指令1)ng-hide指令，用于控制部分HTML元素不可见(ng-hide="false")和可见状态(ng-hide="true")，如下： 我变 显示了。 隐藏了。ng-show指令和ng-hide用法相同但行为相反，这里就不做详细介绍了。扩展内容：当我们面对一些长列表数据,可能会通过默认隐... 阅读全文
posted @ 2015-07-06 13:29 Rain-Heart 阅读(194) 评论(0) 推荐(0)
模型和控制器-起步阶段
摘要：MVVM简介针对客户端应用开发AngularJS吸收了传统的MVC基本原则。MVC(Model-View-Controll)设计模式针对不同的人可能意味不同的东西 ,AngularJS并不执行传统意义上的MVC，更接近于MVVM。MVVM模式是Model-View-ViewMode模式的简称。由视图... 阅读全文
posted @ 2015-07-06 11:34 Rain-Heart 阅读(516) 评论(0) 推荐(0)
指令介绍-起步阶段
摘要：AngularJS有一套完整的、可扩展的、用来帮助web应用开发的指令集，它使得HTML可以转变成“特定领域语言(DSL)”，是用来扩展浏览器能力的技术之一，在DOM编译期间，和HTML关联着的指令会被检测到，并且被执行，这使得指令可以为DOM指定行为，或者改变它。AngularJS通过称为指令的新... 阅读全文
posted @ 2015-07-06 11:05 Rain-Heart 阅读(185) 评论(0) 推荐(0)
AngularJS简介-起步阶段
摘要：AngularJS 是一个为动态WEB应用设计的结构框架，提供给大家一种新的开发应用方式，这种方式可以让你扩展HTML的语法，以弥补在构建动态WEB应用时静态文本的不足，从而在web应用程序中使用HTML声明动态内容。AngularJS有五个主要核心特性，如下介绍：1.双向数据绑定 —— 实现了把m... 阅读全文
posted @ 2015-07-06 10:36 Rain-Heart 阅读(273) 评论(0) 推荐(0)
移动端web开发技巧和常见问题
摘要：常见问题1、移动端如何定义字体font-family三大手机系统的字体：ios 系统默认中文字体是Heiti SC默认英文字体是Helvetica默认数字字体是HelveticaNeue无微软雅黑字体android 系统默认中文字体是Droidsansfallback默认英文和数字字体是Droid ... 阅读全文
posted @ 2015-07-05 17:34 Rain-Heart 阅读(2501) 评论(0) 推荐(0)
火狐中jq的attr出现的bug问题用prop代替
摘要：再工作的时候遇到一个很奇怪的问题 ，就是attr属性不好使！就问度娘去了...... 结果如下：.prop()1、.prop( propertyName )获取匹配集合中第一个元素的Property的值2、.prop( propertyName, value ).prop( map ).prop( ... 阅读全文
posted @ 2015-07-02 14:11 Rain-Heart 阅读(495) 评论(0) 推荐(0)