HTML5(三)——Web 本地存储

WebStorage的目的是克服由cookie所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回服务器。

置顶 原创 点赞1 阅读236 收藏0 评论0 2 天前

HTML5(二)——获取用户位置Geolocation

地图类、打车、外卖等类型的手机APP,一进入便咨询是否允许获取我们的位置,允许之后会根据我们所在位置推荐好物,逐渐地 H5 网页也开始获取用户位置。Geolocation是 H5 新增的对象,用于定位。常见打开网页有两种方式:移动端和PC端。它们是根据什么如何定位的呢?

置顶 原创 点赞0 阅读270 收藏0 评论0 2 天前

ES6新增语法(四)——面向对象

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:'

原创 点赞0 阅读0 收藏0 评论0 3 小时前

ES6新增语法(五)——Promise详解

Promise介绍 promise是一个对象,从它可以获取异步操作的消息。有all、race、reject、resolve这几个方法,原型上有then、catch等方法。 Promise的两个特点: 对象的状态不受外界影响。Promise对象获取的是异步操作,有三种状态:pending(进行中)、f

原创 点赞0 阅读0 收藏0 评论0 3 小时前

ES6新增语法(六)——Generator函数详解

上篇文章《ES6新增语法(五)——Promise详解》我们介绍Promise,Promise一旦执行就无法暂停和取消,所以ES6引入了Generator函数,可以通过yield关键字,把函数的执行流程挂起,可以改变执行流程。 什么是Generator函数? Generator主要是异步编程,用来封装

原创 点赞0 阅读0 收藏0 评论0 3 小时前

ES6新增语法(七)——async...await

什么是async async的意思是“异步”,顾名思义就是有关异步操作的关键字,async 是 ES7 才有的,与我们之前说的Promise、Generator有很大的关联。 使用语法: async function name(param){ param //传递给函数的参数名称 statement

原创 点赞0 阅读0 收藏0 评论0 3 小时前

HTML5新增了哪些特性?

什么是HTML5? HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。设计目的是为了在移动设备上支持多媒体。HTML5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用,对应程序员来说也是简单易学。通常简称 “H5”。 支持HTML5的浏览器

原创 点赞0 阅读0 收藏0 评论0 3 小时前

HTML5(三)——Web 本地存储

WebStorage的目的是克服由cookie所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回服务器。 WebStorage两个主要目标: (1)提供一种在cookie之外存储会话数据的路径。 (2)提供一种存储大量可以跨会话存在的数据的机制。 web存储更加安全与快速,这些

原创 点赞0 阅读0 收藏0 评论0 3 小时前

HTML5(二)——获取用户位置Geolocation

地图类、打车、外卖等类型的手机APP,一进入便咨询是否允许获取我们的位置,允许之后会根据我们所在位置推荐好物,逐渐地 H5 网页也开始获取用户位置。Geolocation是 H5 新增的对象,用于定位。常见打开网页有两种方式:移动端和PC端。它们是根据什么如何定位的呢? IP定位:通过IP地址定位,

原创 点赞0 阅读0 收藏0 评论0 3 小时前

HTML5(四)——Web Workers

一、什么是Web Worker ? JavaScript 语言是采用单线程模型,也就是任务只能在一个线程上完成,一次只能做一件事,前面任务没执行完,后面的任务只能排队等待,由于多核 CPU 的出现,单线程带来很大不便,无法充分发挥计算机的能力。 Web Worker 就是为了 javascript

原创 点赞0 阅读0 收藏0 评论0 4 小时前

ES6新增语法(三)——面向对象

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:'

原创 点赞0 阅读0 收藏0 评论0 4 小时前

ES6新增语法(一)——let、const、var的区别

ES6简介 ES6是ECMAScript 6.0的简称,是javascript语言的下一代标准,已经在2015年6月正式发布上线。目的就是为了统一javascript的语法标准,可以用来开发大型应用程序,称为企业级开发语言。 ES6与JavaScript的关系: ES6是JavaScript的规范标

原创 点赞0 阅读0 收藏0 评论0 4 小时前

ES6新增语法(二)——函数和参数

箭头函数 箭头函数:将原来函数的function关键字和函数名都删掉,并使用”=>”连接参数列表和函数体。 箭头函数语法: (参数1,参数2)=>{ 函数体 } 注意点: 当参数有且只有一个,括号可以省略。没有参数或多个参数时,括号不能省略。 如果函数体有且只有一个表达式时,可以省略花括号。 箭头函

原创 点赞0 阅读0 收藏0 评论0 4 小时前

HTML5(四)——Web Workers

Web Worker 就是为了 javascript 创造多线程而生的,主线程创建 worker 子线程,将一些任务分配给后台运行,等到子线程完成计算任务,再把结果返回给主线程,好处是计算密集型或高延迟的任务被 worker 负担了,主线程就会很流畅。网页加载展示可分为两部分:主进程也叫 UI 进程,子进程也叫工作进程,子进程不能控制 UI 进程,只能进行数据交互。

原创 点赞0 阅读337 收藏0 评论0 1 天前

HTML5(一)——新增元素和属性

自 H5 诞生以来,在 html4.0 中有些元素已被 H5 废弃,但是在 H5 中添加了很多新元素以及功能,今天我们学习 H5 中新增的元素和属性都有哪些? 新增语义结构标签 标签 描述 <article> 定义页面独立的内容区域。 <aside> 定义页面的侧边栏内容。 <bdi> 允许您设置一

原创 点赞0 阅读16 收藏0 评论0 2 天前

HTML5新增了哪些特性?

HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。设计目的是为了在移动设备上支持多媒体。HTML5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用,对应程序员来说也是简单易学。通常简称 “H5”。

原创 点赞0 阅读31 收藏0 评论0 7 天前

ES6新增语法(七)——async...await

async的意思是“异步”,顾名思义就是有关异步操作的关键字,async 是 ES7 才有的,与我们之前说的Promise、Generator有很大的关联。

原创 点赞1 阅读383 收藏0 评论0 8 天前

ES6新增语法(六)——Generator函数详解

我们介绍Promise,Promise一旦执行就无法暂停和取消,所以ES6引入了Generator函数,可以通过yield关键字,把函数的执行流程挂起,可以改变执行流程。

原创 点赞1 阅读438 收藏0 评论0 9 天前

ES6新增语法(五)——Promise详解

promise是一个对象,从它可以获取异步操作的消息。有all、race、reject、resolve这几个方法,原型上有then、catch等方法。

原创 点赞0 阅读426 收藏0 评论0 10 天前

ES6新增语法(四)——面向对象

ES6新增的面向对象与传统面向对象不同,相比传统面向对象语法简单,更适合大项目开发,不易冲突....

原创 点赞1 阅读102 收藏0 评论0 12 天前

ES6新增语法(三)——面向对象

ES6新增面向对象、面向对象继承,简化代码,统一标准,更适合大型项目开发。系统提供的标准语法,可以忽略兼容性问题。

原创 点赞1 阅读489 收藏0 评论0 15 天前

ES6新增语法(二)——函数和参数

ES6中新增语法中函数相关新增的有箭头函数,函数的默认参数、函数的不定参数和展开运算符,本节讲讲它们的用法

原创 点赞1 阅读332 收藏0 评论0 15 天前

ES6新增语法(一)——let、const、var的区别

ES6是JavaScript的规范标准,新增了let、const定义变量,新增解构赋值等等,讲述var、let、const的区别,解构赋值如何使用?

原创 点赞1 阅读64 收藏0 评论0 16 天前

css列表属性和样式控制

如下图是360浏览器主页的内容,上边有导航,下边是新闻列表,这种布局很常见,今天就来学习css列表属性之后并制作它。 列表属性 html有三种类型的列表:无序列表,有序列表和自定义列表。设置列表标记有序号,圆点,圆圈,图片等多种形式。 list-style:简写属性,用于把下边三个属性声明到一起。

原创 点赞0 阅读28 收藏0 评论0 17 天前

表格属性及合并

html中我们学习了表格,到网页中只有文字,并不像平时网页中见到的标题头带有背景和边框线的表格,今天我们就学习表格的样式如何设置 表格属性 表格边框:使用border属性,设置给每一个单元格。 table , th , td { border:solid 1px #000; } 表格边框合并:

原创 点赞0 阅读33 收藏0 评论0 17 天前

css颜色介绍和背景设置

现在美丽网页的设计图中颜色五花八门的,网页模块中漂亮背景图也很多,网页中颜色和背景设置必不可少,接下来我们就先学颜色是如何表达的,要知其然,知其所以然。 颜色表达形式 1.RGB:rgb( red, green, blue ):每个参数定义了0-255之间的颜色强度。 举例: rgb(255,0,0

原创 点赞0 阅读19 收藏0 评论0 17 天前

flex布局制作自适应网页

网页布局是css的一个重点应用。传统的布局都是依赖display、position、float属性来实现的,但是特殊布局就不易实现,如垂直居中。 01 flex布局是什么?‍ Flex 是 Flexible Box的简写,意为“弹性布局”为盒模型提供最大灵活性。任何一个容器都可以指定为flex布局。

原创 点赞0 阅读26 收藏0 评论0 17 天前

深度解析CSS中的单位以及区别

css中有几个不同的单位表示长度,使用时数字加单位。如果长度为0,则可以省略单位。 长度单位可分为两种类型:相对和绝对。 绝对长度 绝对长度单位是一个固定的值,反应真实的物理尺寸,不依赖于显示器、分辨率、操作系统等。具体单位以及解释如下: px像素:一个像素就相当于我们屏幕中的一个小点,屏幕实际就是

原创 点赞0 阅读20 收藏0 评论0 17 天前

前端面试题中的“盒模型”是什么?

在进行网页布局时,我们一定离不开盒模型,接下来开始学习什么是盒模型? 什么是盒模型? css 盒模型(Box Model),在html中任何一个元素都可以看作盒子,这里说的盒子与现实不太一样,css中盒子是二维的,盒子由内到外分四个部分:margin(外边距)、border(边框)、padding(

原创 点赞0 阅读6 收藏0 评论0 17 天前

flex布局制作自适应网页

网页布局是css的一个重点应用。传统的布局都是依赖display、position、float属性来实现的,但是特殊布局就不易实现,如垂直居中。Flex 是 Flexible Box的简写,意为“弹性布局”为盒模型提供最大灵活性。任何一个容器都可以指定为flex布局。

原创 点赞0 阅读52 收藏0 评论0 18 天前
  • 1
  • 2