文章分类 -  02_前端开发

.net 谷歌chrome，火狐FireFox 禁止页面缓存的方法
摘要：页面前端：后台：#region 禁止页面缓存Response.Buffer = true;Response.ExpiresAbsolute = System.DateTime.Now.AddSeconds(-1);Response.Expires = 0;Response.CacheControl ... 阅读全文
posted @ 2015-07-29 10:24 阳光小屋 阅读(1003) 评论(0) 推荐(0)
Web前端开发规范参考
摘要：规范目的为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必 须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良... 阅读全文
posted @ 2015-07-28 12:58 阳光小屋 阅读(153) 评论(0) 推荐(0)
bower 快速入门
摘要：1. 什么是 bower，有什么作用富客户端要求的前端开发，少不了大量的前端库文件引用，于是就可能遇到如下问题：逐个下载、复制到期望位置嫌麻烦库之间的依赖/版本依赖不清楚，总是出问题版本升级时重复性的操作，还易搞错…使用 bower 这样的包管理工具，可以很好的处理类似如上描述的问题。其实各种包管理... 阅读全文
posted @ 2015-07-28 12:38 阳光小屋 阅读(574) 评论(0) 推荐(0)
在webapp上使用input:file
摘要：在iOS6下开发webapp，使用inputz之file，很有用 capture表示，可以捕获到系统默认的设备，比如：camera--照相机；camcorder--摄像机；microphone--录音。accept表示，直接打开系统文件目录。其实html5的input:file标签还支持一个mul... 阅读全文
posted @ 2014-12-08 16:20 阳光小屋 阅读(246) 评论(0) 推荐(0)
为什么选择 Yeoman 及 Yeoman 的安装
摘要：今天向您介绍一个我刚接触到的比较新的网络前端开发工具： Yeoman 。什么是Yeoman？Yeoman是Google的团队和外部贡献者团队合作开发的一个项目。通过内部三个工具(yo,grunt,bower)的协同工作，为开发者创建一个易用的工作流。它可以让网络前端开发者快速打造一个漂亮的网络应用(... 阅读全文
posted @ 2014-09-24 22:02 阳光小屋 阅读(196) 评论(0) 推荐(0)
AngularJS学习笔记
摘要：AngularJS学习笔记2014-01-22 21:48 更新邹业盛关于AngularJS关于本文档开始的例子依赖注入作用域数据绑定与模板6.1. 数据->模板6.2. 模板->数据6.3. 数据->模板->数据->模板模板7.1. 定义模板内容7.2. 内容渲染控制7.3. 节点控制7.4. 事... 阅读全文
posted @ 2014-09-24 11:29 阳光小屋 阅读(230) 评论(0) 推荐(1)
解决fatal: unable to connect to github.com问题
摘要：命令：bower install jquery 【mac】错误信息：bower error status code of git: 128fatal: unable to connect to github.com:github.com[0: 你的IP]: errno=Operation timed... 阅读全文
posted @ 2014-09-23 12:41 阳光小屋 阅读(4343) 评论(0) 推荐(0)
Grunt + Bower + Requirejs + Angular
摘要：现在web开发的趋势是前后端分离。前端采用某些js框架，后端采用某些语言提供restful API，两者以json格式进行数据交互。如果后端采用node.js，则前后端可以使用同一种语言，共享某些可重用的Js代码，并共享构建工具。但很多时候我们可能采用别的语言，如 ruby/java/scala等，... 阅读全文
posted @ 2014-09-23 11:04 阳光小屋 阅读(440) 评论(0) 推荐(0)
使用Modernizr 检测HTML5和CSS3浏览器支持功能
摘要：传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏... 阅读全文
posted @ 2014-09-11 09:52 阳光小屋 阅读(283) 评论(0) 推荐(0)
Grunt 入门教程二：配置任务
摘要：grunt目录(?)[-]Grunt 配置任务配置和任务目标默认配置文件简洁格式文件对象格式文件数组格式过时的格式自定义的过滤方法globbing 模式不太好翻译类似正则式动态创建文件模板导入外部数据2.1 Grunt 配置任务配置都定义在GruntFile 文件中的 grunt.initConfi... 阅读全文
posted @ 2014-09-03 17:12 阳光小屋 阅读(858) 评论(0) 推荐(0)
Grunt 入门教程一
摘要：grunt目录(?)[-]第一章 开始使用Grunt安装 GruntCLI 是如何工作的如何使用一个已经配置好的 grunt 项目创建一个新的 grunt 项目packagejson 文件安装 Grunt 和 grunt插件GruntFile 文件一个 GruntFile 例子wrapper fun... 阅读全文
posted @ 2014-09-03 17:11 阳光小屋 阅读(416) 评论(0) 推荐(0)
笔记 雅虎网站页面性能优化的34条黄金守则
摘要：雅虎团队经验：网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面... 阅读全文
posted @ 2014-08-07 23:43 阳光小屋 阅读(123) 评论(0) 推荐(0)
前端CSS规范大全
摘要：文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中（具体要求以豆瓣的CSS规范为例进行讲解）：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素... 阅读全文
posted @ 2014-07-21 16:59 阳光小屋 阅读(139) 评论(0) 推荐(0)
手机访问pc网站自动跳转手机端网站代码
摘要：4G降临，移动网站已经一发不可收拾，pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢？各位看官，小二上代码！来了！备注这里的mobile_device_detect("http://***.***.com");//里面的地址填的就是您的移动端的网站地址呦。 阅读全文
posted @ 2014-07-21 16:43 阳光小屋 阅读(317) 评论(0) 推荐(0)
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
摘要：CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net2. margin加倍的问题设置为float的div在i... 阅读全文
posted @ 2014-06-26 20:42 阳光小屋 阅读(116) 评论(0) 推荐(0)
ie与火狐中常见的一些兼容问题
摘要：1. document.form.item 问题(1)现有问题：现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox(火狐)下运行(2)解决方法：改用 document.formName.elements["elementName... 阅读全文
posted @ 2014-06-26 20:38 阳光小屋 阅读(426) 评论(0) 推荐(0)