![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
枷锁时光
回顾从前圤如珍惜现在
展开
-
第三章:前端开发学习·第一篇:自主学习-Web/浏览器 API
Web/浏览器 APIBOM 和 DOM 并不是唯一的浏览器 API, 在浏览器内部的 Web 平台上, 它们是可用的. DOM 和 BOM 并不是一切, 但是一个用于浏览器编程的接口可以被认识一个 Web 或者 浏览器 API(悲剧的是, 这些 API 曾被称为 HTML 5 API, 这会和 HTML 5 自身的规范/标准混淆, 因为 HTML 5 规范特指 HTML 5 标记语言). Web 或浏览器 API 也会包括访问设备的 API(如:Navigator.getBattery()), 通过.原创 2020-08-02 15:57:17 · 233 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-无障碍设计
无障碍设计无障碍设计是指产品, 设备, 服务, 或者环境是为残疾人设计的. 无障碍设计的概念意味着与一个人的辅助技术(例如, 电脑屏幕阅读器)相兼容, 确保直接访问(即独立)和"间接访问".无障碍设计可以理解为 "能够访问", 并对一个系统或实体是有利的, 其侧重于使身体残障, 或有特殊需要, 或要依赖辅助技术的人群能够访问 Web. 然后, 研究和开发无障碍设计对每个人都带来了好处.无障碍设计不应该和可用性混淆. 大多数情况下, 可用性是指产品(如: 设备, 服务, 或者环境)能在特定的环境原创 2020-07-28 16:23:24 · 1341 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-Web 字体
Web 字体 & 图标Web 字体是指在 WWW 上使用的字体. 当 HTML 文档第一次被创建时, 字体风格和样式会被每个 Web 浏览器的设置所控制, 因为直到 1995 年网景介绍了<font>标记之前, 个人网页没有控制字体显示的方式, 而<font>标记在 HTML 3.2 规范中被标准化. 然而, 被标记指定的字体必须安装在用户的电脑上, 或者是一种可以依赖的字体, 如: 浏览器默认的 sans-serif 字体或 monospace 字体. 在1996 年原创 2020-07-28 13:49:35 · 146 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-DOM, BOM & JQuery
DOM, BOM & JQueryDOM- 文档对象模型(DOM)用于代表和对象交互的HTML, XHTML 和 XML 文档, 是一种跨平台和语言无关性的约定. 每一份文档的所有节点被组织成一种树结构, 称为 DOM 树. DOM 对象通过使用对象上的方法被处理和操作, 一个 DOM 对象的公共接口被指定为它的应用程序编程接口(API). - wikipedia.orgBOM- 浏览器对象模型(BOM)是一种浏览器规范, 代指 Web 浏览器暴露出的对象. 与文档对象模型不同的是, ..原创 2020-07-27 22:33:43 · 148 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-Web 动画
Web 动画综合学习:Web 动画的历史[watch][$] Snap.svg 动画[watch][$] CSS3 和 HTML5 动画[watch][$] 真实世界中的 CSS 动画[watch][$] HTML5+JavaScript 动画基础[read][RMB] Web Animation using JavaScript: Develop & Design (Develop and Design)[read][$] 2014: 动画发展现状[read] ...原创 2020-07-27 13:41:51 · 123 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-JavaScript
JavaScriptJavaScript 是一种高级的, 动态的, 无类型的和解释型的编程语言, 它已经在 ECMAScript 语言规范中被标准化. 跟 HTML 和 CSS 一样, JavaScript 是 WWW 内容生成的第三种必不可少的技术; 大多数的网会使用Javascript, 并且 Javascript 被所有现在Web浏览器支持. JavaScript 基于原型和函数优先的特点, 使它成为多范型的语言, 支持面向对象的, 命令式的, 和函数式编程风格. JavaScript 能提供原创 2020-07-26 15:22:33 · 206 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-SEO
SEO: 搜索引擎优化搜索引擎优化(SEO)是在自然的搜索结果中, 影响一个网站或者网页可见性的过程. 一般来说, 越靠前出现(或在搜索结果页中权重高的网页)的网页, 和频繁出现在搜索结果列表中的网站, 就能获取更多来自搜索引擎的用户. SEO 会定位于不同类型的搜索, 包括图片搜索, 本地搜索, 视频搜索, 学术搜索, 新闻搜索和特定行业的垂直搜索引擎. - wikipedia综合学习:David Booth: SEO 基本原理[watch][$] Paul Wilson: SEO 基.原创 2020-07-25 14:21:21 · 146 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-HTML & CSS
HTML & CSSHTML- 超文本标记语言, 通常被称为 HTML, 是被用于创建网页的标准标记语言. Web浏览器能将 HTML 文件渲染成可见的或者可听到的. HTML 随着线索提示, 语义化地描述了网站的结构, 使它成为一种标记语言, 而不是编程语言. - wikipedia.orgCSS- 层叠式样式表(CSS)是用于描述外观和格式化标记语言编写的文档的样式表语言. 尽管经常被用来改变用 HTML 和 XHTML 编写的网页和用户界面的样式, 但也可用于任何 XML 文档,..原创 2020-07-24 22:27:19 · 127 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-用户界面和交互设计
用户界面和交互设计用户界面设计:用户界面设计(UI)或用户界面工程师是为机器或者软件做用户界面设计的, 如: 计算机, 家用器具, 移动设备和其它电子设备, 专注于最大限度地提高用户体验. 用户界面设计的目标是尽可能是使用户交互变得简单有效, 实现用户的操作目标(设计是以用户为中心的). - wikipedia交互设计模式:设计模式是一种记录解决常见设计问题解决方案的形式化方式. 建筑师 Christopher Alexander 在城市规划和建设体系结构中已经介绍了这种方式, 并已用于其他学..原创 2020-07-24 18:10:31 · 319 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-前端开发综合学习
前端开发综合学习入门学习:前端参考指南[read] Web 开发者[read] 前端代码标准[read] Web 基本原理[read] 前端课程[read] FreeCodeCamp[interact] 开发前端 JS 应用[watch] 前端工程师[watch] Web 前端开发的工作内容[watch][$] Web 前端开发入门[watch][$] 用 HTML5, CSS, 和 JavaScript 快速进行 Web 前端开发[watch][$] W...原创 2020-07-24 13:30:57 · 85 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-Web 主机
Web 主机Web 主机是一种网络托管服务, 允许万维网访问个人和组织他们的网站, 由拥有服务器的企业提供空间, 或者租赁给客户使用, 并提供网络连接. Web 主机也能提供数据中心空间和连接到互联网上位于数据中心的其他服务器, 称为主机托管. - wikipedia通用知识Web Hosting Beginner Guide[read] Web Hosting For Dummies[read][$] Ultimate Guide to Web Hosting[read...原创 2020-07-23 18:35:14 · 150 阅读 · 1 评论 -
第三章:前端开发学习·第一篇:自主学习-HTTP/网络
HTTP/网络(包括 CORS 和 WebSockets)HTTP, The Hypertext Transfer Protocol, 即超文本传输协议, 是一个用于分布式, 协作和超媒体信息系统的应用协议, 是 WWW 数据通信的基础. - WikipediaCORS, Cross-origin resource sharing, 即跨域资源共享, 是一种允许网页上受限制的资源(如: 字体)可以从该资源所在域之外的另一个域被请求. - WikipediaWebSockets, WebSock原创 2020-07-23 00:13:57 · 93 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-DNS
域名系统(又称 DNS)对于个人电脑、服务器或连接到互联网任何资源, 或专用网络而言, 域名系统(DNS)是一个分层分布式命名系统, 用给每个参与的实体分配域名的方式将各种信息联系起来, 更重要的是, 为能访问全球的计算机服务和设备, DNS 将所需的数字 IP 地址转变为人类容易记住的域名. DNS 是大多数互联网服务的必要功能, 因为这是主要的 IP 地址服务. - wikipedia什么是 DNS[watch] DNS 是怎么工作的?[read]...原创 2020-07-22 23:13:26 · 105 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-Web浏览器-作者致信
Web浏览器web 浏览器(通常被称为浏览器)是一个用于检索、展示和遍历在万维网上的信息资源的软件应用程序. 信息资源被定义成统一资源定位符(URI/URL). 它可能是网页, 图片, 视频或者一个内容片断. 超链接的出现使用户能轻松的将浏览器导航到相关的资源, 尽管浏览器主要是为了使用万维网, 但它们还可以用来访问 Web服务器在私人网络所提供的信息或文件在文件系统. - Wikipedia...原创 2020-07-19 17:07:59 · 286 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-Internet/web
Internet/web互联网使用网络协议套件(TCP / IP)链接全球数十亿的设备, 是一个从区域到全球, 由数以百万计的私人, 公共, 学术, 商业, 和政府网络组成的全球性网络系统, 并通过一系列广泛的电子, 无线, 光纤网络技术相互链接. 互联网提供了广泛的信息资源和服务, 如早期的超文本文档和应用万维网(WWW), 电子邮件, 电话和点对点文件共享网络. - wikipediaW...原创 2020-03-13 23:43:50 · 107 阅读 · 0 评论 -
第三章:前端开发学习·第一篇:自主学习-前言
自主学习这个部分集中于个人能用来指导自己作为前端开发者的学习进度的免费和付费资源(视频训练, 书籍等等).这些资源包括免费的和付费的, 付费的资源是以美元为单位结算的.作者认为, 任何有着正确的决心和奉献精神的人都能教自己如何成为一个前端开发者, 除了一台能连接到Web的电脑和用于付费视频训练, 书籍的现金, 其它都不需要.下面是一些我通常推荐的视频学习资料(专注技术):Fronten...原创 2020-03-12 16:46:00 · 114 阅读 · 0 评论 -
第二章:前端开发实践·第六篇:如何成为前端开发者
如何成为前端开发者那么, 怎么才能成为一个前端开发者呢? 这个问题很复杂, 因为直到现在, 你也不能去一所大学获得前端工程师的学位, 并且我也很少听说 或者遇见通过编写专业地 HTML, CSS 和 JavaScript 来获得一个无用的计算机科学学位或平面设计学位. 事实上, 现在的大部分前端 开发者都是通过自学成为开发者和没有经过传统训练的程序员. 为什么会是这种情况呢?前端开发人员不是...原创 2020-03-11 21:10:30 · 200 阅读 · 0 评论 -
第二章:前端开发实践·第五篇:前端开发做什么
前端开发做什么一个前端开发者能在下面的操作系统列(又称: OS)表中之一上手写运行在Web平台(如: 浏览器)之上的 HTML, CSS 和 JS:WindowsWindows PhoneOSXiOSAndroidUbuntu (or Linux)Chromium操作系统运行在下面中的一个或者多个设备之上:Desktop computerLaptop / Netbook...原创 2020-03-11 13:42:12 · 138 阅读 · 0 评论 -
第二章:前端开发实践·第四篇:前端开发的技术栈
前端开发的技术栈对于任何类型的前端开发人员, HTML, CSS, DOM, JavaScript, HTTP/URL 和浏览器利用是基本的技术要求.对于HTML, CSS, DOM, JavaScript, HTTP/URL 和浏览器开发之外的, 一个前端开发者还应该掌握下面技术列表中的一个或多个:Content Management System (内容管理系统, 又称 CMS)...原创 2020-03-10 21:26:55 · 290 阅读 · 0 评论 -
第二章:前端开发实践·第三篇:前端常用网络技术
前端开发者常用的网络技术前端开发者常用的网络技术如下:Hyper Text Markup Language(超文本标记语言, 又称 HTML)Cascading Style Sheets (层叠式样式表, 又称 CSS)Document Object Model (文档对象模型, 又称 DOM)JavaScript Programming Language (JavaScript编程...原创 2020-03-08 22:55:52 · 193 阅读 · 0 评论 -
第二章:前端开发实践·第二篇:前端工程师的职业规划
在敲下这个标题的时候,心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字,每个人的职业规划都是独有的,不具有太大的可复制性,把自己的经历放出去,容易误人子弟。问起这个,也就根据自己的经历发表一下对前端工程师的看法吧,“ 我说的都是错的”,仅供参考。另:本篇是纯文字,密集恐惧症换成勿入!1~2 吸吸吸,疯狂的吸取知识刚毕业时满腔热情,一门心思只往前端事业发展。刚从学校出来,看到什么都是...原创 2020-03-07 18:54:17 · 530 阅读 · 0 评论 -
第二章:前端开发实践·第一篇:前端的工作职称
前端工作职称下面是一个前端开发者在职业发展中各种职称的描述列表. 对于前端开发者最普遍的职称是 “前端开发者” 或者 “前端工程师”, 可以根据任何包含 “前端”, “客户端”, “web UI”, “CSS”, “HTML” 和 “JavaScript” 的职称推断一个人对 HTML, CSS 和 JavaScript 的了解程度.前端开发者/工程师(又称作 Web前端开发者/工程师,...原创 2020-03-07 18:50:26 · 460 阅读 · 0 评论 -
第一章:什么是前端开发者?
什么是前端开发者?一个前端开发者, 要会使用Web技术(如:HTML,CSS,DOM和JavaScript)设计和开发网站应用. 网站应用, 或运行于 Web平台 之上, 或用于编译非Web平台环境的输入(如:NativeScript).一般而言, 一个人可以通过学习 HTML,CSS,JavaScript进入前端开发领域, 这些代码运行在 Web浏览器, 无壳为浏览器, Web视图之中, ...原创 2020-03-07 12:56:35 · 273 阅读 · 2 评论 -
前端学习路线
基础知识1、HTML + CSS 这部分建议在线教程 上学习,边学边练.之后可以模仿一些网站做些页面。在实践中积累了一些经验后,可以系统的读一两本书,推荐《Head First HTML 与 CSS中文版》,这本书讲的太细了,我没能拿出耐心细读。你可以根据情况斟酌。2、Javascript 要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,建议看《Javascrip...原创 2020-03-07 12:28:26 · 117 阅读 · 1 评论