这个是啥
文章平均质量分 84
gigi就是我
这个作者很懒,什么都没留下…
展开
-
什么是HTML5(三):性能&集成、设备访问
性能&集成web workersWeb Worker 是HTML5标准的一部分,这一规范定义了一套 API,它允许一段JavaScript程序运行在主线程之外的另外一个线程中。一般情况下,当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取原创 2016-12-12 16:50:32 · 864 阅读 · 0 评论 -
什么是模块化(一)
什么是模块化?一个页面可能会引入多个js文件,可能会有 jQuery、Bootstrap、一些插件以及一些业务代码。<script src="jquery.js"></script><script src="bootstrap.js"></script><script src="plugin-A.js"></script><script src="plugin-B.js"></script>原创 2016-12-10 13:41:23 · 3280 阅读 · 0 评论 -
什么是Fetch
Fetch 是浏览器提供的原生 AJAX 接口。 由于原来的XMLHttpRequest不符合关注分离原则,且基于事件的模型在处理异步上已经没有现代的Promise等那么有优势。因此Fetch出现来解决这种问题。 Fetch API 提供了能够用于操作一部分 HTTP 的 JavaScript 接口,比如 requests 和 responses。它同时也提供了一个全局的 fet原创 2016-11-24 11:43:55 · 8085 阅读 · 0 评论 -
什么是模块化(二)
模块打包一般来讲,我们用模块化组织代码的时候,都会把模块划分在不同的文件和文件夹里。而后,所有的这些模块都需要通过< script>标签引入到你的HTML文件中,然后用户在访问你网页的时候它才能正常显示和工作。每个独立的< script>标签都意味着,它们要被浏览器分别一个个地加载。这就有可能导致页面载入时间过长。为了解决这个问题,我们就需要进行模块打包,把所有的模块合并到一个或几个文件中,以此来减原创 2016-12-10 14:47:04 · 395 阅读 · 0 评论 -
什么是HTML5(一):语义
HTML5 是 HTML 标准的最新演进版本。 这个术语代表了两个不同的概念:它是一个新的 HTML 语言版本,包含了新的元素,属性和行为同时包含了一系列可以被用来让 Web 站点和应用更加多样化、功能更强大的技术HTML5从以下几个方面进行了改进:语义 语义化就是用正确的标签描述内容的含义。 便于对浏览器、搜索引擎解析: 在没有CCS情况下也以一种文档格式显示,并原创 2016-12-11 23:06:11 · 722 阅读 · 1 评论 -
CSS学习笔记:功能查询
通过 @support,你可以在 CSS 中使用一小段的测试来查看浏览器是否支持一个特定的 CSS 功能(这个功能可以是 CSS 的某种属性或者某个属性的某个值),然后根据测试的结果来决定是否要应用某段样式。 比如:@supports ( display: grid ) { // 如果浏览器支持 Grid,这里面的代码才会执行}如果浏览器能够理解 display: grid,那么,大括号原创 2016-12-17 21:59:16 · 383 阅读 · 0 评论 -
渐进增强和优雅降级
渐进增强:针对低版本的浏览器构建页面,保证最基本的功能。再针对高版本浏览器进行效果、交互等改进和追加功能,以达到更好的用户体验。优雅降级:一开始就构建完整的功能,之后再针对低版本浏览器进行兼容。原创 2016-12-17 12:45:51 · 325 阅读 · 0 评论 -
什么是gulp
Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的,利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript(或者 CoffeeScript )源码来实现的。安装Gulp需要全局安装,然后再在项目的开发目录原创 2016-11-25 20:23:08 · 1527 阅读 · 0 评论 -
什么是npm?Bower又是啥?
前言我们在开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。 于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到一个包管理器上,如果要使用,直接通过包管理器安装就可以直接用,不用管代码存在哪,应该从哪下载。因此使用包管理器主要基于以下几个原因:方便的寻找和下载你需要的依赖库,并将它们整原创 2016-12-17 12:17:32 · 4077 阅读 · 0 评论 -
什么是HTML5(二):通信、离线&存储、多媒体
通信web sockets允许在页面和服务器之间建立持久连接并通过这种方法来交换非 HTML 数据。WebSockets 是一种先进的技术, 这使得在用户的浏览器和一个服务器之间建立全双工连接成为可能。 有了这个API,你可以向服务器发送消息,并接收事件驱动的响应, 无需轮询服务器的响应。使用服务器发送事件Server-sent events 允许服务器向客户端推送事件,原创 2016-12-12 14:39:49 · 995 阅读 · 0 评论 -
CSS学习笔记:flexbox
CSS3 弹性盒子(Flexible Box 或 Flexbox),是一种布局方式,当页面需要适应不同的屏幕大小以及设备类型时,它依然能确保元素拥有更恰当的排布行为。概念在定义方面来说,弹性布局是指通过调整其内元素的宽高,从而在任何显示设备上实现对可用显示空间最佳填充的能力。 弹性容器扩展其内元素来填充可用空间,或将其收缩来避免溢出。块级布局更侧重于垂直方向、行内布局更侧重于水平原创 2016-12-17 20:52:01 · 485 阅读 · 0 评论