07 2021 档案

摘要:一、什么是Web Worker ? JavaScript 语言是采用单线程模型,也就是任务只能在一个线程上完成,一次只能做一件事,前面任务没执行完,后面的任务只能排队等待,由于多核 CPU 的出现,单线程带来很大不便,无法充分发挥计算机的能力。 Web Worker 就是为了 javascript 阅读全文
posted @ 2021-07-30 11:45 前端人 阅读(309) 评论(0) 推荐(0) 编辑
摘要:WebStorage的目的是克服由cookie所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回服务器。 WebStorage两个主要目标: (1)提供一种在cookie之外存储会话数据的路径。 (2)提供一种存储大量可以跨会话存在的数据的机制。 web存储更加安全与快速,这些 阅读全文
posted @ 2021-07-29 09:13 前端人 阅读(159) 评论(0) 推荐(1) 编辑
摘要:地图类、打车、外卖等类型的手机APP,一进入便咨询是否允许获取我们的位置,允许之后会根据我们所在位置推荐好物,逐渐地 H5 网页也开始获取用户位置。Geolocation是 H5 新增的对象,用于定位。常见打开网页有两种方式:移动端和PC端。它们是根据什么如何定位的呢? IP定位:通过IP地址定位, 阅读全文
posted @ 2021-07-28 14:21 前端人 阅读(1299) 评论(0) 推荐(1) 编辑
摘要:自 H5 诞生以来,在 html4.0 中有些元素已被 H5 废弃,但是在 H5 中添加了很多新元素以及功能,今天我们学习 H5 中新增的元素和属性都有哪些? 新增语义结构标签 标签 描述 <article> 定义页面独立的内容区域。 <aside> 定义页面的侧边栏内容。 <bdi> 允许您设置一 阅读全文
posted @ 2021-07-27 12:32 前端人 阅读(746) 评论(0) 推荐(0) 编辑
摘要:什么是HTML5? HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。设计目的是为了在移动设备上支持多媒体。HTML5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用,对应程序员来说也是简单易学。通常简称 “H5”。 支持HTML5的浏览器 阅读全文
posted @ 2021-07-23 16:45 前端人 阅读(984) 评论(0) 推荐(1) 编辑
摘要:什么是async async的意思是“异步”,顾名思义就是有关异步操作的关键字,async 是 ES7 才有的,与我们之前说的Promise、Generator有很大的关联。 使用语法: async function name(param){ param //传递给函数的参数名称 statement 阅读全文
posted @ 2021-07-22 14:17 前端人 阅读(313) 评论(0) 推荐(0) 编辑
摘要:上篇文章《ES6新增语法(五)——Promise详解》我们介绍Promise,Promise一旦执行就无法暂停和取消,所以ES6引入了Generator函数,可以通过yield关键字,把函数的执行流程挂起,可以改变执行流程。 什么是Generator函数? Generator主要是异步编程,用来封装 阅读全文
posted @ 2021-07-21 18:53 前端人 阅读(147) 评论(0) 推荐(0) 编辑
摘要:Promise介绍 promise是一个对象,从它可以获取异步操作的消息。有all、race、reject、resolve这几个方法,原型上有then、catch等方法。 Promise的两个特点: 对象的状态不受外界影响。Promise对象获取的是异步操作,有三种状态:pending(进行中)、f 阅读全文
posted @ 2021-07-20 15:29 前端人 阅读(276) 评论(0) 推荐(0) 编辑
摘要:ES6中json的2个变化 简写:名字和值相同时,json可以可以简写 let a=12,b=5; let json = { a, b } console.log(json) // { a:12 , b:5 } 省略function:json中的函数可以简写 let persen ={ name:' 阅读全文
posted @ 2021-07-19 13:07 前端人 阅读(168) 评论(0) 推荐(0) 编辑
摘要:ES6中json的2个变化 简写:名字和值相同时,json可以可以简写 let a=12,b=5; let json = { a, b } console.log(json) // { a:12 , b:5 } 省略function:json中的函数可以简写 let persen ={ name:' 阅读全文
posted @ 2021-07-16 14:13 前端人 阅读(104) 评论(0) 推荐(0) 编辑
摘要:箭头函数 箭头函数:将原来函数的function关键字和函数名都删掉,并使用”=>”连接参数列表和函数体。 箭头函数语法: (参数1,参数2)=>{ 函数体 } 注意点: 当参数有且只有一个,括号可以省略。没有参数或多个参数时,括号不能省略。 如果函数体有且只有一个表达式时,可以省略花括号。 箭头函 阅读全文
posted @ 2021-07-15 14:26 前端人 阅读(280) 评论(0) 推荐(0) 编辑
摘要:ES6简介 ES6是ECMAScript 6.0的简称,是javascript语言的下一代标准,已经在2015年6月正式发布上线。目的就是为了统一javascript的语法标准,可以用来开发大型应用程序,称为企业级开发语言。 ES6与JavaScript的关系: ES6是JavaScript的规范标 阅读全文
posted @ 2021-07-14 15:16 前端人 阅读(132) 评论(0) 推荐(0) 编辑
摘要:html中我们学习了表格,到网页中只有文字,并不像平时网页中见到的标题头带有背景和边框线的表格,今天我们就学习表格的样式如何设置 表格属性 表格边框:使用border属性,设置给每一个单元格。 table , th , td { border:solid 1px #000; } 表格边框合并:添加边 阅读全文
posted @ 2021-07-12 08:42 前端人 阅读(643) 评论(0) 推荐(0) 编辑
摘要:如下图是360浏览器主页的内容,上边有导航,下边是新闻列表,这种布局很常见,今天就来学习css列表属性之后并制作它。 列表属性 html有三种类型的列表:无序列表,有序列表和自定义列表。设置列表标记有序号,圆点,圆圈,图片等多种形式。 list-style:简写属性,用于把下边三个属性声明到一起。 阅读全文
posted @ 2021-07-11 15:07 前端人 阅读(314) 评论(0) 推荐(0) 编辑
摘要:css中有几个不同的单位表示长度,使用时数字加单位。如果长度为0,则可以省略单位。 长度单位可分为两种类型:相对和绝对。 绝对长度 绝对长度单位是一个固定的值,反应真实的物理尺寸,不依赖于显示器、分辨率、操作系统等。具体单位以及解释如下: px像素:一个像素就相当于我们屏幕中的一个小点,屏幕实际就是 阅读全文
posted @ 2021-07-09 16:57 前端人 阅读(458) 评论(0) 推荐(0) 编辑
摘要:在进行网页布局时,我们一定离不开盒模型,接下来开始学习什么是盒模型? 什么是盒模型? css 盒模型(Box Model),在html中任何一个元素都可以看作盒子,这里说的盒子与现实不太一样,css中盒子是二维的,盒子由内到外分四个部分:margin(外边距)、border(边框)、padding( 阅读全文
posted @ 2021-07-08 12:44 前端人 阅读(462) 评论(0) 推荐(0) 编辑
摘要:网页布局是css的一个重点应用。传统的布局都是依赖display、position、float属性来实现的,但是特殊布局就不易实现,如垂直居中。 01 flex布局是什么?‍ Flex 是 Flexible Box的简写,意为“弹性布局”为盒模型提供最大灵活性。任何一个容器都可以指定为flex布局。 阅读全文
posted @ 2021-07-07 14:26 前端人 阅读(1596) 评论(0) 推荐(1) 编辑
摘要:现在美丽网页的设计图中颜色五花八门的,网页模块中漂亮背景图也很多,网页中颜色和背景设置必不可少,接下来我们就先学颜色是如何表达的,要知其然,知其所以然。 颜色表达形式 1.RGB:rgb( red, green, blue ):每个参数定义了0-255之间的颜色强度。 举例: rgb(255,0,0 阅读全文
posted @ 2021-07-07 12:13 前端人 阅读(854) 评论(0) 推荐(0) 编辑
摘要:什么是viewport ? viewport是用户网页的可视区域,也可叫做视区。手机浏览器是把页面放在一个虚拟的窗口(viewport)中,通常这个虚拟的窗口比屏幕宽,这样就不用把网页挤到很小的窗口中,用户可以通过平移和缩放来看网页的不同部分。 下图为常见一些设备浏览器默认viewport宽度: c 阅读全文
posted @ 2021-07-06 16:09 前端人 阅读(4482) 评论(0) 推荐(0) 编辑
摘要:上一节练习题:写两个各10条数据的列表,第一个列表字体是16px,第二个列字体大小是20px。实现方法很多,但是根据现有知识写出来代码会很多,所以今天我们通过学习css选择器来简化你的代码。 简单选择器 根据标签名、id、类名来选取。id:是标签id的属性值,类名:是标签class的属性值。 元素选 阅读全文
posted @ 2021-07-06 12:27 前端人 阅读(242) 评论(0) 推荐(0) 编辑
摘要:如果把网页比作一个人的话,html就是他的骨架,而css是他的皮肤,javascript是神经控制着行动。html,css,javascript都是构建网页的核心技术。 CSS简介 css指的是层叠样式表(Cascading Style Sheet),样式就是定义如何显示html元素,设置它的背景、 阅读全文
posted @ 2021-07-05 16:44 前端人 阅读(61) 评论(0) 推荐(0) 编辑
摘要:XHTML概念 XHTML是一种可扩展超文本标记语言,与HTML(超文本标记语言)类似,不过在语法上更加严格。XHTML是以XML(是一种必须正确标记且格式良好的标记语言)应用方式定义的HTML,与html 4.01几乎是相同的,浏览器基本都支持。 为什么使用XHTML? html的语法比较松散,标 阅读全文
posted @ 2021-07-04 13:46 前端人 阅读(121) 评论(0) 推荐(0) 编辑
摘要:通过使用html框架,可以在一个浏览器窗口中展示多个页面。也就是一个html文件中可以引入多个html文件。在网页中框架使用比较少,但我们还是需要了解下。 方式1:iframe 使用iframe标签来实现。具体的属性及意义: src 指向不同的网页,也就是html文件路径。 width height 阅读全文
posted @ 2021-07-02 14:10 前端人 阅读(1211) 评论(0) 推荐(0) 编辑
摘要:HTML属性可以给元素添加附加信息,设置的时候以 (属性名="属性值")成对出现。 属性值应该始终包括在引号内(单引号或双引号),html对大小写不敏感,所以属性和属性值也不区分大小写,在html 4中推荐小写。 示例: html的链接由<a>标签定义。 链接的地址在 href属性中指定: <a h 阅读全文
posted @ 2021-07-01 10:41 前端人 阅读(305) 评论(0) 推荐(0) 编辑