Learning Path
浏览 开发笔记 相关教程与章节。
社区笔记、经验文章、测验题库与零散教程入口。
教程
1237
这几年，我在Google工作，是一名软件工程师（之前是在微软做一个开发团队的队长），我曾浏览过成百上千的简历，从中挑选出可以进行下一步面试过程的应聘者。有些人的简历给我留下了很深的印象，而另一些则没有感觉。 慢慢的，有越来越多的朋友和亲人向我咨询如何优化他们的简历，所以我就收集了一些我见过的简历中出现的最常见的问题，并给出了如何避免这些问题的建议： 1. 简历里要有你工作的技术细节：编程语言，你的个人成就和水平。..
本文目标 30分钟内让你明白HTML是什么，并对它有一些基本的了解。一旦入门后，你可以从网上找到更多更详细的资料来继续学习。 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用H..
目录 HTML 语法 HTML5 doctype 语言属性（Language attribute） 字符编码 IE 兼容模式 引入 CSS 和 JavaScript 文件 实用为王 属性顺序 布尔（boolean）型属性 减少标签的数量 JavaScript 生成的标签 CSS 语法 声明顺序 媒体查询（Media query）的位置 带前缀的属性 单行规则声明 简写形式的属性声明 L..
有 4 种方式可以在 HTML 中引入 CSS。其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码，另外两种是引入 外部 CSS 文件。下面我们就来看看这些方式和它们的优缺点。 内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例： 这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个 <div> 拥有相同的样式，你不得不重复地为每个 &a..
先来看下常用的标签列表，后文会一一介绍： ..
HTML 在线编辑器器是一款可以在线编写HTML，Javascript，CSS代码的编辑器，在编辑器中你可以添加额外的js库，在编写完成后你可以在线运行查看效果并下载代码。 编辑器使用简单，你只需要在指定的输入框中输入指定类型的代码，即可实时查看效果。 官网 HTML 在线编辑器官网地址：http://c.runoob.com/front-end/61..
<canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。 接下来我们将跟大家分享如何在画布上（Canvas）画一个时钟。 先看下效果图： 源码 HTML 代码 HTML5 时钟 .clocks { height: 500px; margin: 25..
ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。—— 大数据时代，重新定义数据图表的时候到了 Architecture ECharts (Enterprise Charts 商业产品图表库) 提供商业产品常用..
一、canvas 简介 <canvas> 是 HTML5 新增的，一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 它最初由苹果内部使用自己 MacOS X WebKit 推出，供应用程序使用像仪表盘的构件和 Safari 浏览器使用。后来，有人通过 Gecko 内核的浏览器 (尤..
一个轻量级的Canvas类库，MVC封装，数据驱动，提供类Dom事件模型，让canvas绘图大不同！ Architecture MVC核心封装实现图形仓库、视图渲染和交互控制： Stroage(M) : shape数据CURD管理 Painter(V) : canvas 元素生命周期管理，视图渲染，绘画，更新控制 Handler(C) : 事件交互处理，实现完整dom事件模拟封装 shape : 图形实体，分而治之的图形策..
万维网联盟(W3C)今天泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。 在此之前的几年时间里，已经有很多开发者陆续使用了HTML5的部分技术，Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我们才看到“正式版”。 HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准..
接下来我们通过 HTML/CSS 来创建一个简单的响应式网页。 在学习之前我们可以先看下效果：https://www.runoob.com/try/demo_source/tryhtmlcss_website.htm CSS 代码 [mycode3 type='css'] * { box-sizing: border-box; } /* body 样式 */ body { font-famil..
Google HTML/CSS 规范 本文介绍了 Google 推荐的 HTML 和 CSS 编写格式规范，以建立良好的个人编码习惯。 通用样式规范 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还是 HTTP 访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节..
400 是 HTTP 的状态码，主要有两种形式： 1、bad request 意思是 “错误的请求'； 2、invalid hostname 意思是 '不存在的域名”。 400 Bad Request 是由于明显的客户端错误（例如，格式错误的请求语法，太大的大小，无效的请求消息或欺骗性路由请求），服务器不能或不会处理该请求。 在 ajax 请求后台数据时比较常见。产生 HTTP 400 错误的原因有： 1、前..
基本概念 HTTP（HyperText Transfer Protocol：超文本传输协议）是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法，被用于在 Web 浏览器和网站服务器之间传递信息。 HTTP 默认工作在 TCP 协议 80 端口，用户访问网站 http:// 打头的都是标准 HTTP 服务。 HTTP 协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取..
X-Forwarded-For 是一个 HTTP 扩展头部。HTTP/1.1（RFC 2616）协议并没有对它的定义，它最开始是由 Squid 这个缓存代理软件引入，用来表示 HTTP 请求端真实 IP。如今它已经成为事实上的标准，被各大 HTTP 代理、负载均衡等转发服务广泛使用，并被写入 RFC 7239（Forwarded HTTP Extension）标准之中。 X-Forwarded-For 请求头格式非常简单，就这样： X..
HTTPS简介 超文本传输安全协议（英语：Hypertext Transfer Protocol Secure，缩写：HTTPS，常称为HTTP over TLS，HTTP over SSL或HTTP Secure）是一种网络安全传输协议。具体介绍以前先来介绍一下以前常见的HTTP，HTTP就是我们平时浏览网页时候使用的一种协议。HTTP协议传输的数据都是未加密的，也就是明文，因此使用HTTP协议传输隐私信息非常不安全。HTTP使用8..
终其原因：我们都变成了我们当初讨厌的模样 想想这句话，有时候觉得真的很心酸，不知道这句话能不能套在你身上…曾经，我对未来没什么规划，得过且过，但从未想过做销售…以前觉得销售如何如何，心想再怎么不得志也不去做销售啊，是吧？！而现在，我是名销售，且越来越觉得销售是个不错的职业……细思极恐啊，我的初衷呢？今天周末，看点东西吧~ 那是因为在周星驰的电影中，有一个基本的内核，这个精神内核在电影外表，形式的变化下从未改变过。这还要从之前的一..
下载 PDF 文档 上一页 下一页 Page: / // If absolute URL from the remote server is provided, configure the CORS // header on that server. var url = 'https://www.runoob.com/wp-content/u..
面试官： 您是木匠了，对吧？ 木匠： 是的，我就是干这个的。 面试官： 您做木匠有多长时间了？ 木匠： 10 年。 面试官：嗯，很好。那现在我有一些技术问题想问问您，看看您是否适合我们团队。可以吧？ 木匠： 没问题，问吧。 面试官： 首先，我们目前正在做很多棕色房子的构件。不知您之前建过很多棕色的房子么？ 木匠： 我是个木匠，我当然会建房子。不过人们更愿意刷自己喜欢的颜色。 面试官： 嗯，我理解，不过您是否告知，您有多少建棕色房子的经验..
为什么人们会把程序员形容为猫？我猜是猫的超然，孤僻和易被打扰分心，这些是经常被用来描述程序员的词语。那么，如果程序员像猫，如果你们真的是猫，会是哪种猫？ 夜猫子： 这种程序员隔三差五的搞一次通宵奋战。 超级夜猫子： 这种程序员通宵编程，甚至舍不得离开电脑桌，吃睡都在桌子上。 好吃的猫：这种程序员经常趴在电脑桌上吃饭，并且吃的太多。 暴脾气的猫：这种程序员因为一整天都都在开发代码，但最后得到的却是编译错误，能有好脾气吗？ 手机猫..
对程序员来说，编程语言就是武器，但有的武器好用，有的武器不好用，有的武器甚至会杀了自己 C语言是M1式加兰德步枪，很老但可靠。 C++是双截棍，挥舞起来很强悍，很吸引人，但需要你多年的磨练来掌握，很多人希望改用别的武器。 Perl语言是燃烧弹，曾经在战场上很有用，但现在很少人使用它。 Java是M240通用弹夹式自动机枪，有时它的弹夹是圆的，但有时候不是，如果不是，当你开火时，会遇到NullPointerExce..
回顾我们的历史长河，如果他们出生在现代，如果他们当了程序员。。。 一、测试员：包公 推荐理由： 一些漫不经心的说话 将我疑惑解开 一种莫名其妙的冲动 叫我继续追寻 你的一举一动 我却备加留心 只要真相大白 一切 一切无愧于心 二、系统架构师：诸葛亮 推荐理由： “夫将之器大小不同，若能察其奸，伺其祸，为之众服，此十夫之将； 夙兴夜寐，言词密察，此百夭之将； 直而有虑，勇而能斗，此千夫之将； 外貌恒恒，中..
1、不要看到别人的回复第一句话就说：给个代码吧！你应该想想为什么。当你自己想出来再参考别人的提示，你就知道自己和别人思路的差异。 2、初学者请不要看太多太多的书那会误人子弟的，先找本系统的学，很多人用了很久都是只对部分功能熟悉而已，不系统还是不够的。 3、看帮助,不要因为很难而自己是初学者所以就不看；帮助永远是最好的参考手册，虽然帮助的文字有时候很难看懂，总觉得不够直观。 4、不要被对象、属性、方法等词汇所迷惑；最根本的是先了解最..