Browsed by
分类:前端技术

web前端技术:HTML、CSS、Js

前端面试题目搜集

前端面试题目搜集

原文:http://www.cnblogs.com/strick/p/4968200.html 一、理论知识 1.1、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染

Bootstrap Resources

Bootstrap Resources

Official Bootstrap Resources: Name Description Link Bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. View Resource Bootlint An HTML linter for Bootstrap projects. View Resource Bootstrap Expo Beautiful and inspiring uses of Bo

前端规范大总结

前端规范大总结

原文  http://www.cnblogs.com/janessasmith/p/4500999.html 规范目的:为了提高工作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,在网站建设中,使结构更加清晰,代码简明有序,有一个更好的前端架构。 规范基本准则:符合web标准,使用具有语义的标签,使结构、表现、行为分离,兼容性优良。页

gulp入门教程

gulp入门教程

原文:http://segmentfault.com/a/1190000002698606 第1步:安装Node 首先,最基本也最重要的是,我们需要搭建node环境。访问 nodejs.org,然后点击大大的绿色的 install 按钮,下载完成后直接运行程序,就一切准备就绪。npm会随着安装包一起安装,稍后会用到它。 为了确保Node已经正确安装,我们执行几个简单的命令。 n

AngularJS 2.0会有哪些新特性?

AngularJS 2.0会有哪些新特性?

AngularJS已然成为Web应用开发世界里最受欢迎的开源JavaScript框架。自成立以来,见证其成功的是惊人的经济增长以及团体的支持与采用——包括个人开发者、企业、社区。 Angular已经变成一个构建复杂单页面应用的客户端MVW框架(Model-View-Whatever)。它在应用测试和应用编写方面都扮演重要角色,同时简化了开发过程。

HTML6 展望

HTML6 展望

HTML5 概述 HTML5 是 HTML 语言最受欢迎的版本之一,它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了<article>, <section>, <header>这样的标签来帮助开发者更好地组织页面内容。然而 HTML5 规范仍然没有最后定稿,并且它并不是一个真正意义上的语义标记语言。 HTML6 展望 你有没有曾

AngularJS 为什么成功了?

AngularJS 为什么成功了?

写在前面的话 继上一篇总结之后, 觉得必须补充一下 AngularJS 与 Ionic 的技术性话题 于是, 连夜写了这第一篇. 讲述了 AngularJS 与其他对手之间的优与缺. 我有任何理解错误, 请指正. AngularJS 的成败 AngularJS 在这两年时光里, 可谓是异军突出. 我们来看看 Google 搜索指数: 如果你可以顺利翻墙的话, 可以看看这个指

2014年5个最流行前端框架对比

2014年5个最流行前端框架对比

原文  http://linux.cn/article-4627-1-rss.html 当今时代众多CSS的前端框架纷涌而至,但真正的优秀的却屈指可数。 在这篇文章中我们将对我认为最好的五个框架进行比较,每个框架都有自己优缺点和特定的应用领域,这允许你根据特定项目的需求选择合适的框架。比如, 如果你的项目比较简单,你就不需要复杂的框架,此

Web性能优化:图片优化

Web性能优化:图片优化

程序员都是懒孩子,想直接看自动优化的点:传送门 我自己的Blog:http://blog.cabbit.me/web-image-optimization/ HTTP Archieve有个统计,图片内容已经占到了互联网内容总量的62%,也就是说超过一半的流量和时间都用来下载图片。从性能优化的角度看,图片也绝对是优化的热点和重点之一,Google PageSpeed或者Yahoo的14

HTML 语言代码参考

HTML 语言代码参考

ISO 语言代码 HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。 根据 W3C 推荐标准,您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明,比如: <html lang="en"> ... </html> 在 XHTML 中,采用如下方式在 <html> 标签中对语言进行声明:

HTML5 开源前端框架 Amaze UI 发布 1.0 正式版

HTML5 开源前端框架 Amaze UI 发布 1.0 正式版

10月28日,万维网联盟(W3C)宣布HTML5标准最终制定完成并对外发布,这对于HTML5来说有着里程碑似的意义。作为国内首款 HTML5 开源前端框架,Amaze UI 也在同一天发布了1.0正式版。 Amaze UI 在今年7月内测,8月正式开源,9月10月产品迭代,到10月底发布1.0正式版,感谢一路陪伴的朋友。同时告诉大家,Amaze UI 2.0 将采用

高大上的 CSS 效果:Shape Blobbing

高大上的 CSS 效果:Shape Blobbing

原文  http://segmentfault.com/blog/windwhinny/1190000000755583 CSS3 给我们带来了一波又一波的技术革新,而我们似乎对它所能创造的效果又知道的太少太少,放大缩小什么的只是个开始,今天我们就讲讲上图中的新特效:Shape Blobbing。 原文在 CSS Tricks ,这里只做一下简单的归纳,下面是我根据原文做的一个 Dem

Node.js 打造实时多人游戏框架

Node.js 打造实时多人游戏框架

【编者按】Node.js的大红大紫也造就了一大批新应用、新工具的诞生。比如基于Node.js的开发框架、开源软件等等。本文转自阿里巴巴用户体验部有一点博客,作者详细描述了使用Node.js、Node-Webkitk开发的实时多人游戏框架Spaceroom过程。 在 Node.js 如火如荼发展的今天,我们已经可以用它来做各种各样的事情。前段时间UP

重构HTML改善Web应用设计

重构HTML改善Web应用设计

原文:http://www.cnblogs.com/0603ljx/p/4049241.html 本文从良构,有效性,布局三个角度,结合往日项目开发经历, 整理总结重构HTML改善Web应用设计的几点规则和做法。部分参考自《重构HTML改善Web应用设计》。 重构。什么是重构?为什么要重构。 重构是在不改变程序行为的基础上进行小的改动,是代码逐渐改善的过程。

程序员应该知道的 13 个设计技巧

程序员应该知道的 13 个设计技巧

开发你的美感 … 我最喜欢的站点是: awwwards.com– 多看每日和每月上榜站点 unmatchedstyle.com – 评论很有用 dribbble.com ( Easy注:我经常去,很多NB的app设计都在上边 patterntap.com 多花些时间 我在开发应用和网站时,会在设计上花掉和编码同样的时间。好的设计需要时间来完善。 在开始项目时,我一般对于

40个重要的HTML5面试题及答案

40个重要的HTML5面试题及答案

内容 介绍 SGML(标准通用标记语言)和HTML(超文本标记语言),XML(可扩展标记语言)和HTML的之间有什么关系? 什么是HTML5? 为什么HTML5里面我们不需要DTD(Document Type Definition文档类型定义)? 如果我不放入<! DOCTYPE html> 标签,HTML5还会工作么? 哪些浏览器支持HTML5? HTML5的页面结构同HTM

HTML head 头标签

HTML head 头标签

原文出处: 百度FEX – paddingme HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 hea

DWZ(J-UI)整合百度编辑器(UEditor)

DWZ(J-UI)整合百度编辑器(UEditor)

首先,在dwz.ui.js中找到 if($.fn.xheditor){ $(“textarea.editor”,$p).each(function(){ var $this=$(this); var op={html5Upload:false,skin:’vista’,tools:$this.attr(“tools”)||’full’}; var upAttrs=[[“upLinkUrl”,”upLinkExt”,”zi

Markdown语法备忘

Markdown语法备忘

原文  http://www.cnblogs.com/JohnTsai/p/4019321.html Markdown语法备忘 Markdown简介 Markdown 是一种轻量级标记语言,它允许人们使用 易读易写 的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— 维基百科 Markdown编辑器 Windows: 1. MarkdownPad 2. MarkPad Mac: * Mou Linux: * ReText Markdown语法

亲历腾讯WEB前端开发三轮面试经历及面试题

亲历腾讯WEB前端开发三轮面试经历及面试题

原文  http://www.cnblogs.com/liqiang001/p/4013663.html 【一面】~=110分钟  2014/09/24 11:20  星期三 进门静坐30分钟做题。 >>填空题 何时接触电脑 何时接触前端 运算符 字符串处理        延时 display        position        XMLHttpRequest        正则 Jquery绑定事件