BorisHuai前端修炼

记录前端的修炼过程

排序:
默认
按更新时间
按访问量

基于GruntJS的前端性能优化

本文主要如何使用GruntJS来作简单的前端性能优化的自动化处理,主要有图片的压缩,JS和CSS的合并、压缩,对所有静态文件的文件根据其内容加上hash,然后把CSS、HTML等文件中对所有的静态文件名替换成加上hash的新文件名。

2014-08-14 18:35:43

阅读数:2611

评论数:0

响应式设计介绍

2013年,智能机上网时间已经超过PC机了,并且这种趋势是不可逆的,设计移动设备将成为Web开发人员的首要任务。针对移动用户,一种方案是开发Native App,如分别给IOS和Anroid开发应用,但是这种方案成本非常高,更新比较困难;另外一种是建立一个专门的移动网站,通常是m.*.com,例如...

2014-01-16 15:11:49

阅读数:3195

评论数:0

CSS架构

对于想踏入前端开发的工程师来说,通晓CSS(Cascading Style Sheets)则是最基本的要求。而擅长CSS的Web开发人员不仅可以从视觉上复制实物原型,还可以用代码进行完美的呈现。无需使用表格、尽可能少的使用图片。如果你是个名副其实的高手,你可以快速把最新和最伟大的技术应用到你的项目...

2013-07-31 19:03:38

阅读数:3412

评论数:0

前端知识体系及修炼攻略

前端简介 Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大,Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。 早期的...

2013-03-15 10:29:12

阅读数:44072

评论数:12

Web前端开发人员实用Chrome插件收集

越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录后的Chrome的,非常方便啊。 Postman - REST Client Postman是Aj...

2013-01-23 10:58:27

阅读数:26584

评论数:13

常用在线前端工具

收集了一些比较实用的Web在线工具,可以极大的方便我们前端开发。

2015-03-20 17:06:24

阅读数:2356

评论数:1

NodeJS常用模块收集

收集了NodeJS开发中常用的一些质量比较高的模块,方便大家学习开发。

2014-09-04 09:31:31

阅读数:3749

评论数:0

jQuery中attr和prop方法的区别

p>相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和properties)。只是,window或document中使用.attr()方法在jQuery1.6之前不能正常运行,因为window和document中不能有attri...

2014-08-13 17:15:13

阅读数:1568

评论数:0

移动Web开发实践

移动设备的快速发展给用户带来了很大的便利。用户使用Android、iPhone和其它移动设备很容易接入互联网。移动设备对网页的性能要求比较高,下面就说说Mobile Web开发的一些心得。

2014-08-12 14:24:35

阅读数:2070

评论数:0

为什么每个前端开发者都要理解页面的渲染?

今天我要将关注点放到页面渲染以及其重要性上。虽然已经有很多文章提到过这个主题了,但大部分信息都是零碎的片段。为了思考这件事情,我需要研究很多信息的来源。这也就是为什么我觉得我应该写这篇文章的原因。我相信这篇文章对新手会很有用,并且对想刷新和巩固他们已经了解的东西的高手也同样适用。 渲染应该从最开...

2014-07-04 10:49:32

阅读数:2195

评论数:0

可以从CSS框架中借鉴到什么

现在很多人会使用 CSS 框架进行快速建站。 那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。 当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来...

2014-04-16 11:21:18

阅读数:1704

评论数:0

JavaScript程序员必备的5个debug技巧

我一直使用printf调试程序,一般来说都是比较顺利,但有时候,你会发现需要更好的方法。下面几个JavaScript技巧相信你一定会觉得十分有用: 1. debugger; 我以前也说过,你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。 需要带...

2014-03-04 10:00:26

阅读数:2108

评论数:0

CSS语言精粹

本文主要是对CSS中一些比较重要的高级部分作了一些整理,这些内容也许不是经常使用,但是都很强大。本文将长期更新。

2013-10-30 15:51:00

阅读数:2716

评论数:4

jQuery Animation实现CSS3动画

CSS3好多效果因为它的值不是数值的,所以是没有办法直接通过jQuery animate()方法实现动画的。如translate(), rotate(), scale(), skew(), matrix(), rotateX(), rotateY()等方法,这些方法的一个特点就是它们的值是字符和数...

2013-08-13 22:34:43

阅读数:5921

评论数:0

HTML语义和前端架构

语义学是研究符号和意义之间的关系以及它们表示的内容。在语言学中,则主要是研究符号(例如单词,短语或者语音)在语言中所表达的意义。而在前端开发时,语义学则更多的关注HTML元素,属性以及它的值所表达的含义。而这些规范的语义可以帮助开发人员更好的理解网站上的信息。但是即使是以非常正式的形式来规范这些语...

2013-07-31 19:12:40

阅读数:2565

评论数:0

Web页面Repaint和Reflow

1. Repaint repaint(重绘)是在一个元素的外观被改变,但没有改变布局的情况下发生,如改变visibility、outline、前景色。当repaint发生时,浏览器会验证DOM树上的所有其它结点的visibility属性。 2. Reflow 如果变化涉及元素布局 (如 wi...

2013-03-14 10:41:02

阅读数:2768

评论数:0

CSS性能优化探讨

大部分前端开发人员都不关心CSS性能优化,其实对于一个复杂的页面来说,高效的选择器还是可以带来一定的性能提升的。 1. CSS 选择器 浏览器是“从右往左”来分析 class 的,它的匹配规则是从右向左来进行匹配的,因此最右边的选择符就是关键选择符。 Descendant selec...

2013-03-14 10:34:07

阅读数:4582

评论数:2

CSS选择器笔记

原文网址:http://www.ruanyifeng.com/blog/2009/03/css_selectors.html 作者: 阮一峰 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所...

2013-03-05 09:13:44

阅读数:1848

评论数:0

深入理解JavaScript运算符

+ +运算符可以进行加法运算或字符串连接。如果你想要的是加法运算,请确保两个表达式的值都是数字。 typeof 好多人认为typeof是一个函数,其实它是一个操作符,调用方法是typeof hello, 当然函数式的调用方法也可以: typeof(hello),这里还是推荐操作符式的调用方式...

2013-02-26 13:51:13

阅读数:1902

评论数:0

如何在HTTPS里调用HTTP资源不出现提示框

什么是HTTPS? HTTPS(全称:Hypertext Transfer Protocol over Secure Socket Layer),是以安全为目标的HTTP通道,简单讲是HTTP的安全版。即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。 它是...

2013-01-30 17:32:53

阅读数:13830

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭