自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 资源 (6)
  • 收藏
  • 关注

原创 第三章:前端开发学习·第一篇:自主学习-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 218

原创 第三章:前端开发学习·第一篇:自主学习-无障碍设计

无障碍设计无障碍设计是指产品, 设备, 服务, 或者环境是为残疾人设计的. 无障碍设计的概念意味着与一个人的辅助技术(例如, 电脑屏幕阅读器)相兼容, 确保直接访问(即独立)和"间接访问".无障碍设计可以理解为 "能够访问", 并对一个系统或实体是有利的, 其侧重于使身体残障, 或有特殊需要, 或要依赖辅助技术的人群能够访问 Web. 然后, 研究和开发无障碍设计对每个人都带来了好处.无障碍设计不应该和可用性混淆. 大多数情况下, 可用性是指产品(如: 设备, 服务, 或者环境)能在特定的环境

2020-07-28 16:23:24 1305

原创 第三章:前端开发学习·第一篇:自主学习-Web 字体

Web 字体 & 图标Web 字体是指在 WWW 上使用的字体. 当 HTML 文档第一次被创建时, 字体风格和样式会被每个 Web 浏览器的设置所控制, 因为直到 1995 年网景介绍了<font>标记之前, 个人网页没有控制字体显示的方式, 而<font>标记在 HTML 3.2 规范中被标准化. 然而, 被标记指定的字体必须安装在用户的电脑上, 或者是一种可以依赖的字体, 如: 浏览器默认的 sans-serif 字体或 monospace 字体. 在1996 年

2020-07-28 13:49:35 134

原创 第三章:前端开发学习·第一篇:自主学习-DOM, BOM & JQuery

DOM, BOM & JQueryDOM- 文档对象模型(DOM)用于代表和对象交互的HTML, XHTML 和 XML 文档, 是一种跨平台和语言无关性的约定. 每一份文档的所有节点被组织成一种树结构, 称为 DOM 树. DOM 对象通过使用对象上的方法被处理和操作, 一个 DOM 对象的公共接口被指定为它的应用程序编程接口(API). - wikipedia.orgBOM- 浏览器对象模型(BOM)是一种浏览器规范, 代指 Web 浏览器暴露出的对象. 与文档对象模型不同的是, ..

2020-07-27 22:33:43 134

原创 第三章:前端开发学习·第一篇:自主学习-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 114

原创 第三章:前端开发学习·第一篇:自主学习-JavaScript

JavaScriptJavaScript 是一种高级的, 动态的, 无类型的和解释型的编程语言, 它已经在 ECMAScript 语言规范中被标准化. 跟 HTML 和 CSS 一样, JavaScript 是 WWW 内容生成的第三种必不可少的技术; 大多数的网会使用Javascript, 并且 Javascript 被所有现在Web浏览器支持. JavaScript 基于原型和函数优先的特点, 使它成为多范型的语言, 支持面向对象的, 命令式的, 和函数式编程风格. JavaScript 能提供

2020-07-26 15:22:33 195

原创 第三章:前端开发学习·第一篇:自主学习-SEO

SEO: 搜索引擎优化搜索引擎优化(SEO)是在自然的搜索结果中, 影响一个网站或者网页可见性的过程. 一般来说, 越靠前出现(或在搜索结果页中权重高的网页)的网页, 和频繁出现在搜索结果列表中的网站, 就能获取更多来自搜索引擎的用户. SEO 会定位于不同类型的搜索, 包括图片搜索, 本地搜索, 视频搜索, 学术搜索, 新闻搜索和特定行业的垂直搜索引擎. - wikipedia综合学习:David Booth: SEO 基本原理[watch][$] Paul Wilson: SEO 基.

2020-07-25 14:21:21 137

原创 第三章:前端开发学习·第一篇:自主学习-HTML & CSS

HTML & CSSHTML- 超文本标记语言, 通常被称为 HTML, 是被用于创建网页的标准标记语言. Web浏览器能将 HTML 文件渲染成可见的或者可听到的. HTML 随着线索提示, 语义化地描述了网站的结构, 使它成为一种标记语言, 而不是编程语言. - wikipedia.orgCSS- 层叠式样式表(CSS)是用于描述外观和格式化标记语言编写的文档的样式表语言. 尽管经常被用来改变用 HTML 和 XHTML 编写的网页和用户界面的样式, 但也可用于任何 XML 文档,..

2020-07-24 22:27:19 118

原创 第三章:前端开发学习·第一篇:自主学习-用户界面和交互设计

用户界面和交互设计用户界面设计:用户界面设计(UI)或用户界面工程师是为机器或者软件做用户界面设计的, 如: 计算机, 家用器具, 移动设备和其它电子设备, 专注于最大限度地提高用户体验. 用户界面设计的目标是尽可能是使用户交互变得简单有效, 实现用户的操作目标(设计是以用户为中心的). - wikipedia交互设计模式:设计模式是一种记录解决常见设计问题解决方案的形式化方式. 建筑师 Christopher Alexander 在城市规划和建设体系结构中已经介绍了这种方式, 并已用于其他学..

2020-07-24 18:10:31 304

原创 第三章:前端开发学习·第一篇:自主学习-前端开发综合学习

前端开发综合学习入门学习:前端参考指南[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 79

原创 第三章:前端开发学习·第一篇:自主学习-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 144 1

原创 第三章:前端开发学习·第一篇:自主学习-HTTP/网络

HTTP/网络(包括 CORS 和 WebSockets)HTTP, The Hypertext Transfer Protocol, 即超文本传输协议, 是一个用于分布式, 协作和超媒体信息系统的应用协议, 是 WWW 数据通信的基础. - WikipediaCORS, Cross-origin resource sharing, 即跨域资源共享, 是一种允许网页上受限制的资源(如: 字体)可以从该资源所在域之外的另一个域被请求. - WikipediaWebSockets, WebSock

2020-07-23 00:13:57 87

原创 第三章:前端开发学习·第一篇:自主学习-DNS

域名系统(又称 DNS)对于个人电脑、服务器或连接到互联网任何资源, 或专用网络而言, 域名系统(DNS)是一个分层分布式命名系统, 用给每个参与的实体分配域名的方式将各种信息联系起来, 更重要的是, 为能访问全球的计算机服务和设备, DNS 将所需的数字 IP 地址转变为人类容易记住的域名. DNS 是大多数互联网服务的必要功能, 因为这是主要的 IP 地址服务. - wikipedia什么是 DNS[watch] DNS 是怎么工作的?[read]...

2020-07-22 23:13:26 98

原创 第三章:前端开发学习·第一篇:自主学习-Web浏览器-作者致信

Web浏览器web 浏览器(通常被称为浏览器)是一个用于检索、展示和遍历在万维网上的信息资源的软件应用程序. 信息资源被定义成统一资源定位符(URI/URL). 它可能是网页, 图片, 视频或者一个内容片断. 超链接的出现使用户能轻松的将浏览器导航到相关的资源, 尽管浏览器主要是为了使用万维网, 但它们还可以用来访问 Web服务器在私人网络所提供的信息或文件在文件系统. - Wikipedia...

2020-07-19 17:07:59 275

原创 第三章:前端开发学习·第一篇:自主学习-Internet/web

Internet/web互联网使用网络协议套件(TCP / IP)链接全球数十亿的设备, 是一个从区域到全球, 由数以百万计的私人, 公共, 学术, 商业, 和政府网络组成的全球性网络系统, 并通过一系列广泛的电子, 无线, 光纤网络技术相互链接. 互联网提供了广泛的信息资源和服务, 如早期的超文本文档和应用万维网(WWW), 电子邮件, 电话和点对点文件共享网络. - wikipediaW...

2020-03-13 23:43:50 98

原创 第三章:前端开发学习·第一篇:自主学习-前言

自主学习这个部分集中于个人能用来指导自己作为前端开发者的学习进度的免费和付费资源(视频训练, 书籍等等).这些资源包括免费的和付费的, 付费的资源是以美元为单位结算的.作者认为, 任何有着正确的决心和奉献精神的人都能教自己如何成为一个前端开发者, 除了一台能连接到Web的电脑和用于付费视频训练, 书籍的现金, 其它都不需要.下面是一些我通常推荐的视频学习资料(专注技术):Fronten...

2020-03-12 16:46:00 104

原创 第二章:前端开发实践·第六篇:如何成为前端开发者

如何成为前端开发者那么, 怎么才能成为一个前端开发者呢? 这个问题很复杂, 因为直到现在, 你也不能去一所大学获得前端工程师的学位, 并且我也很少听说 或者遇见通过编写专业地 HTML, CSS 和 JavaScript 来获得一个无用的计算机科学学位或平面设计学位. 事实上, 现在的大部分前端 开发者都是通过自学成为开发者和没有经过传统训练的程序员. 为什么会是这种情况呢?前端开发人员不是...

2020-03-11 21:10:30 171

原创 第二章:前端开发实践·第五篇:前端开发做什么

前端开发做什么一个前端开发者能在下面的操作系统列(又称: OS)表中之一上手写运行在Web平台(如: 浏览器)之上的 HTML, CSS 和 JS:WindowsWindows PhoneOSXiOSAndroidUbuntu (or Linux)Chromium操作系统运行在下面中的一个或者多个设备之上:Desktop computerLaptop / Netbook...

2020-03-11 13:42:12 118

原创 第二章:前端开发实践·第四篇:前端开发的技术栈

前端开发的技术栈对于任何类型的前端开发人员, HTML, CSS, DOM, JavaScript, HTTP/URL 和浏览器利用是基本的技术要求.对于HTML, CSS, DOM, JavaScript, HTTP/URL 和浏览器开发之外的, 一个前端开发者还应该掌握下面技术列表中的一个或多个:Content Management System (内容管理系统, 又称 CMS)...

2020-03-10 21:26:55 280

原创 第二章:前端开发实践·第三篇:前端常用网络技术

前端开发者常用的网络技术前端开发者常用的网络技术如下:Hyper Text Markup Language(超文本标记语言, 又称 HTML)Cascading Style Sheets (层叠式样式表, 又称 CSS)Document Object Model (文档对象模型, 又称 DOM)JavaScript Programming Language (JavaScript编程...

2020-03-08 22:55:52 177

原创 第二章:前端开发实践·第二篇:前端工程师的职业规划

在敲下这个标题的时候,心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字,每个人的职业规划都是独有的,不具有太大的可复制性,把自己的经历放出去,容易误人子弟。问起这个,也就根据自己的经历发表一下对前端工程师的看法吧,“ 我说的都是错的”,仅供参考。另:本篇是纯文字,密集恐惧症换成勿入!1~2 吸吸吸,疯狂的吸取知识刚毕业时满腔热情,一门心思只往前端事业发展。刚从学校出来,看到什么都是...

2020-03-07 18:54:17 519

原创 第二章:前端开发实践·第一篇:前端的工作职称

前端工作职称下面是一个前端开发者在职业发展中各种职称的描述列表. 对于前端开发者最普遍的职称是 “前端开发者” 或者 “前端工程师”, 可以根据任何包含 “前端”, “客户端”, “web UI”, “CSS”, “HTML” 和 “JavaScript” 的职称推断一个人对 HTML, CSS 和 JavaScript 的了解程度.前端开发者/工程师(又称作 Web前端开发者/工程师,...

2020-03-07 18:50:26 413

原创 第一章:什么是前端开发者?

什么是前端开发者?一个前端开发者, 要会使用Web技术(如:HTML,CSS,DOM和JavaScript)设计和开发网站应用. 网站应用, 或运行于 Web平台 之上, 或用于编译非Web平台环境的输入(如:NativeScript).一般而言, 一个人可以通过学习 HTML,CSS,JavaScript进入前端开发领域, 这些代码运行在 Web浏览器, 无壳为浏览器, Web视图之中, ...

2020-03-07 12:56:35 248 2

原创 前端学习路线

基础知识1、HTML + CSS 这部分建议在线教程 上学习,边学边练.之后可以模仿一些网站做些页面。在实践中积累了一些经验后,可以系统的读一两本书,推荐《Head First HTML 与 CSS中文版》,这本书讲的太细了,我没能拿出耐心细读。你可以根据情况斟酌。2、Javascript 要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,建议看《Javascrip...

2020-03-07 12:28:26 109 1

JS图片延迟加载分析及简单的demo.docx

JS图片延迟加载分析及简单的demo JS图片延迟加载        图片延迟加载也称 "懒加载",通常应用于图片比较多的网页,比如 "美丽说首页","蘑菇街"等一些导购网站上用的比较多,或者淘宝,京东等电子商务网站上也用的比较多,因为页面加载时候 假如我们没有用延迟加载的话 那么页面上很多图片,首先要发n多个请求,性能肯定不怎么好,而我们用延迟加载技术,页面打开时候 只加载第一屏数据,第二屏以上都用延迟加载 滚动的时候进行加载,这样的话 假如页面不管他有n屏的话 那么我们只管加载第一屏的数据,后面不做操作。这样就可以显著的提高页面的加载速度,提升用户体验。且更小的并发请求也可以减轻服务器的压力,而且如果用 户只浏览首屏的话,还可以节省流量(手机客户端应该用的比较多,减少用户流量)。

2020-07-28

div垂直居中的N种方法 单行/多行文字(未知高度/固定高度).docx

div垂直居中的N种方法 单行/多行文字(未知高度/固定高度) 说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的 CSSHack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有 valign特性的元素才生 效,例如表格元素中的<td>、<th>、<caption>等,而 像<div>、<span>这样的元素是没有valign特性的,因此使用vertical-align对它们不起作用。

2020-07-27

CSS隐藏元素 display visibility opacity的区别.docx

CSS隐藏元素 display visibility opacity的区别 display:none和visibility:hidden的区别 对比总结: height:0和overflow:hidden的组合

2020-07-24

前端最全汇总面试题及答案.docx

前端面试题以及答案 HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript: 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。 其他: HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯

2020-07-24

前端常见问题整理.压缩包

前端常见问题整理 HTML, HTTP,web综合问题 $CSS部分 $JavaScript $jQuery $编程题 $其他

2020-07-23

Ant Design for React的DatePicker日期组件设置默认显示中文的方法

Ant Design for React的DatePicker日期组件设置默认显示中文的方法 单一组件设置为中文 ConfigProvider全局化配置 Content Security Policy

2020-07-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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