文章分类 -  WEB前端

摘要:网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习:基础知识:1. html + css 这部分建议在w3school 在线教程上学习,边学边练,每章后还有小测试。 之后可以模仿一些网站做些页面。... 阅读全文
posted @ 2015-09-16 17:57 半前端半设计的四不像 阅读(150) 评论(0) 推荐(0)
摘要:今天看到这篇文章。写的非常有意思。【背景】如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;web前端研发工程师,在国内是一个朝阳职业... 阅读全文
posted @ 2015-08-26 10:27 半前端半设计的四不像 阅读(115) 评论(0) 推荐(0)
摘要:✍Code Guide by @AlloyTeamStandards for developing flexible, durable, and sustainable HTML and CSS, and maintainable JavaScript通过分析github代码库总结出来的工程师代码书... 阅读全文
posted @ 2015-08-07 10:19 半前端半设计的四不像 阅读(211) 评论(0) 推荐(0)
摘要:看视频教程跟练吧http://dreamdesign.csrjgzs.com/A ... %7Cor%7C%7C%7Cfalse下面这三套不错,推荐:1、前沿视频教室《精通JavaScript+jQuery视频教程》http://dreamdesign.csrjgzs.com/A ... le.as... 阅读全文
posted @ 2015-07-10 10:23 半前端半设计的四不像 阅读(151) 评论(0) 推荐(0)
摘要:1.web前端开发分享-css,js入门篇2.web前端开发分享-css,js进阶篇3.web前端开发分享-css,js提高篇4.web前端开发分享-css,js工具篇5.web前端开发分享-css,js深化篇6.web前端开发分享-css,js移动篇原文链接:http://bbs.csdn.net... 阅读全文
posted @ 2015-07-10 10:15 半前端半设计的四不像 阅读(91) 评论(0) 推荐(0)
摘要:随着浏览器市场的竞争愈加激烈,网页开发者会根据最流行的浏览器,设计一个用户体验最好的网站。这对其他浏览器来说是一种打击, 所以他们也会很快完善自身的缺陷,希望可以支持这些用户体验好的网页效果。用户代理(UserAgent)是用来表明浏览用户的身份,让网页开发者可以得知访问终端的信息。根据不同的终端发... 阅读全文
posted @ 2015-06-16 14:57 半前端半设计的四不像 阅读(725) 评论(0) 推荐(0)
摘要:一、什么是User-AgentUser-Agent是Http协议中的一部分,属于头域的组成部分,User Agent也简称UA。用较为普通的一点来说,是一种向访问网站提供你所使用的浏览器类型、操作系统及版本、CPU 类型、浏览器渲染引擎、浏览器语言、浏览器插件等信息的标识。UA字符串在每次浏览器 H... 阅读全文
posted @ 2015-06-16 14:56 半前端半设计的四不像 阅读(244) 评论(0) 推荐(0)
摘要:1. 引言网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋。下面的小图标,你是不是会经常用到?你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到。因为它们也可以变为彩色的。黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些i... 阅读全文
posted @ 2015-06-12 20:28 半前端半设计的四不像 阅读(150) 评论(0) 推荐(0)
摘要:发现一个奇怪的现象:(http://m.muzhiwan.com)这里面的图标竟然不是一张张小图标图片?Firebug下查看一下元素,竟然是这样的:页面源代码如下:好奇怪啊,这些个乱七八糟的&#xfxxx难道就是对应的图标?于是产生了好奇心,百度一下,发现原来这是矢量图标字体!使用icon font... 阅读全文
posted @ 2015-06-12 19:47 半前端半设计的四不像 阅读(327) 评论(0) 推荐(0)
摘要:shortcut icon和icon代码之间究竟有何区别呢?下面介绍一下。 语句一:<link rel="shortcut icon" href="favicon.ico" /> 语句二<link rel="icon" href="animated_favicon.gif" type="image/ 阅读全文
posted @ 2015-05-29 17:26 半前端半设计的四不像 阅读(161) 评论(0) 推荐(0)
摘要:随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,这个图标是:,也就是我们常说的favicon.ico. 由于这篇文章主要讨论favicon.ico,以及各个浏览器对其的不同处理,所以还是新建web项目如下: home.html 代码如下 阅读全文
posted @ 2015-05-29 17:22 半前端半设计的四不像 阅读(4056) 评论(0) 推荐(0)
摘要:最近在学习前端的性能优化,有必要了解一下页面的渲染流程,以便对症下药,找出性能的瓶颈所在。以下是我看到的一些东西,分享给大家。参考:Understanding the renderer页面的渲染有以下特点:单线程事件轮询定义明确、连续、操作有序(HTML5)分词和构建DOM树请求资源并预加载构建渲染... 阅读全文
posted @ 2015-05-15 11:47 半前端半设计的四不像 阅读(142) 评论(0) 推荐(0)
摘要:摘要:自己在网上查了好多页面渲染的资料,总觉得看的是一知半解,下面通过我所看过的资料整理这篇博客。基本渲染过程用户请求的资源通过浏览器的网络层到达渲染引擎后,渲染工作开始。每次渲染文档通常不会超过8K的数据块,其中基础的渲染过程如下图所示:第一步:渲染引擎首先解析HTML文档,转换为一棵DOM树;第... 阅读全文
posted @ 2015-05-15 11:44 半前端半设计的四不像 阅读(753) 评论(0) 推荐(0)
摘要:昨天晚上写了一篇关于浏览器的渲染过程的随笔,但只是通过一小段代码解释了一下,并没有通过浏览器测试,说服力不够,而且还有很多不完善的地方,今天在浏览器中测试了一下,并把测试的结果分享给大家,测试过程可能有点乱,希望大家理解。测试浏览器:Chrome v24.0.1312.52 m,Firefox ... 阅读全文
posted @ 2015-05-15 11:36 半前端半设计的四不像 阅读(197) 评论(0) 推荐(0)