前端面试基础-html篇之H5新特性

h5的新特性(目前个人所了解)如下语义化标签表单新特性视频(video)和音频(audio) canvas画布 svg绘图地理定位为鼠标提供的拖放API webworker (重点)Storage (重点)Websocket HTML语义化是什么? 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析. 为什么要语义化? 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各…

前端面试基础-html篇之CSS3新特性

CSS3的新特性(个人总结)如下过度(transiton) 动画(animation) 形状转换 transform:适用于2D或3D转换的元素 transform-origin:转换元素的位置(围绕那个点进行转换).默认(x,y,z):(50%,50%,0)) 选择器参考 http://www.w3school.com.cn/cssref/css_selectors.asp (w3c参考) 阴影(box-shadow) 边框(box-border) border-radius(边框圆角)…

前端读者 | 前端面试基础手册（HTML+CSS）

本文来自@羯瑞:希望前端面试基础手册能帮助要找工作的前端小伙伴~~ HTML 前端需要注意哪些SEO? 合理的title.description.keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同:description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有所不同:keywords列举出重要关键词即可语义化的HTML代码,符合W3C规范:语义化代码让搜索引擎容易…

前端面试基础题：Ajax原理

Ajax 的原理简单来说是在⽤户和服务器之间加了—个中间层( AJAX 引擎),通过XmlHttpRequest 对象来向服务器发异步请求,从服务器获得数据,然后⽤ javascrip t 来操作 DOM ⽽更新⻚⾯.使⽤户操作与服务器响应异步化.这其中最关键的⼀步就是从服务器获得请求数据 Ajax 的过程只涉及 JavaScript . XMLHttpRequest 和 DOM . XMLHttpRequest是aja x的核⼼机制 /** 1. 创建连接 **/ var xhr = nul…

使用h5新特性，轻松监听任何App自带返回键

1.前言如今h5新特性.新标签.新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力.作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践.接下来我将和各位分享一个特别好用的h5新特性(目前也不是特别新),轻松监听任何App自带的返回键,包括安卓机里的物理返回键,从而实现项目开发中进一步的需求. 2.起因大概半年前接到pm一需求,用纯h5实现多audio的播放.暂停.续播,页面放至驾考宝典App中,与客户端没有任何的交互,所以与客户端相关的js不需要引用.看上去…

H5新特性汇总

H5新特性: 新增选择器 document.querySelector.document.querySelectorAll 拖拽释放(Drag and drop) API 媒体播放的 video 和 audio 本地存储 localStorage 和 sessionStorage 离线应用 manifest 桌面通知 Notifications 语意化标签 article.footer.header.nav.section 增强表单控件 calendar.date.time.email.url.…

H5新特性--WebStorage--WebSocke

今天的目标 3.2:h5新特性--WebStorage localStorage 在客户端浏览器保存数据永久保存保存数据 localStorage [key] = value 保存数据 localStorage.setItem(key,value); 获取数据 var value = localStorage [key]; 获取数据 var value = localStorage.getItem(key); 删除数据 localStorage.removeItem(key); 删除数据 …

H5新特性---Web Worker---Web Stroage

今天的目标 3.1:h5新特性八--Web Worker---代码就3行程序:program 存储在外存(磁盘)中代码进程:Process/Task 将程序调用内存中,分配空间线程:Thread 线程是进程内部代码基本单位 (1)进程是操作系统分配内存的基本单位 (2)线程是CPU执行代码的基本单位 (3)一个进程内部都多个线程组成,至少一个 (4)多个线程之间"并发执行的",宏观上看同时执行, 微观上看依次循环执行 chorme浏览器一个 chrome进程内,有多个线程,负责…

H5新特性---SVG--椭圆--直线--文本--滤镜(高斯滤镜--模糊)--地理定位

今天的目标 3.1:h5新特性--SVG--椭圆 <ellipse rx="" ry="" cx="" cy=""></ellipse> rx:水平半径 ry:垂直半径 3.2:h5新特性--SVG--直线 <line x1 y1 x2 y2 stroke></line> 练习:使用SVG 中的直线绘制如下图标(汉堡包) 3.3:h5新特性--SVG--折线 (一条折线上可以…

H5新特性——--第三方绘图工具库 echarts(canvas)---SVG绘图

今天学习的内容 3.1:h5新特性---第三方绘图工具库 echarts(canvas) 百度 echarts;d3;two.js;.... 3.2:h5新特性---SVG绘图 3.2:h5新特性---SVG绘图--矩形 <svg id="" width="500" height="400"> <rect width="" height="" x="" y="…

H5新特性-视频,音频-Flash-canvas绘图

json格式 json - > AJAX json:数据格式,通常是以字符串形式表示对象 {"name":"james","age":19} 数组 [{"name":"tom"},{"name":"jerry"},{"name","james"}] 所有key 必须添加双引号所有value 如果字符串类型加上双引号 k…

H5新特性实现对class的增删改

直接撸代码全靠死记硬背没什么技术点 HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原生js实现对类的增加.删除.修改</title> </head> <body> <div id="test" class="old-class…

Atitti html5 h5 新特性attilax总结

Atitti html5 h5 新特性attilax总结 Attilax觉得不错的新特性 3.语义Header和Footer (The Semantic Header and Footer) 8.占位符 (Placeholder) 在HTML4或XHTML中,你需要用JavaScript来给文本框添加占位符.比如,你可以提前设置好一些信息,当用户开始输入时,文本框中的文字就消失. 而在HTML5中,新的“placeholder”就简化了这个问题. 9.必要属性 (Required Attribu…

在C++98基础上学习C++11新特性

自己一直用的是C++98规范来编程,对于C++11只闻其名却没用过其特性.近期因为工作的需要,需要掌握C++11的一些特性,所以查阅了一些C++11资料.因为自己有C++98的基础,所以从C++98过渡到C++11并不算特别吃力,读了一些书籍后,算是对C++11有了个比较基础的理解,感觉程序员还是要经常保持新语言新特性的更新,现在 C++ 标准都出到C++17了!这篇文章就是对C++11一些常用新特性的一些总结,以C++98和 C++11在语法上的差异来突出C++11新特性的非凡优势. 新语法…

h5新特性 File API详解

之前一直觉得h5的新特性就是一些新标签呢,直到想研究一下图片上传预览的原理,才发现还是有好多新的api的,只是不兼容ie低版本,挺可惜的, File API在表单中文件输入字段基础上,又添加了一些直接访问文件信息的接口.H5在DOM中为文件输入元素添加了一个files集合,在通过表单元素选择了一个或多个文件时,files集合中将包含一组file对象,每个file对象对应一个文件,每个file对象都有下列只读属性: 1.name:本地文件系统的文件名: 2.size:文件的字节大小: 3.type…

夯实Java基础系列21：Java8新特性终极指南

本系列文章将整理到我在GitHub上的<Java面试指南>仓库,更多精彩内容请到我的仓库里查看 https://github.com/h2pl/Java-Tutorial 喜欢的话麻烦点下Star哈文章首发于我的个人博客: www.how2playlife.com 这是一个Java8新增特性的总结图.接下来让我们一次实践一下这些新特性吧 Java语言新特性 Lambda表达式 Lambda表达式(也称为闭包)是整个Java 8发行版中最受期待的在Java语言层面上的改变,Lambda允许把函…

java基础学习总结三(jdk7新特性、变量(局部变量和成员变量)、常量以及运算符)

一:jdk7新特性可以表示二进制数值,以0b开头,中间可以使用下划线_分隔符.如下: @Test /** * 测试jdk新特性 */ public void testJdk7(){ int a=0b00000000000000000000000000000011; int b=0b0000_0000_0000_0000_0000_0000_0000_0011 System.out.println("a="+a+"\n"+"b="+b); } 二…

H5新特性之data-*

简单介绍:html5的data-*能够为标签添加一些自定义的属性和值,并且这种自定义的属性和值可以通过js来获取,十分的便捷代码: //html<tr th:each="plan : ${list}" th:id="${plan.planId}" th:attr="data-plan-status=${plan.planStatus},data-name=${plan.planName}"> <td></td>…

一次电话Java面试的问题总结（JDK8新特性、哈希冲突、HashMap原理、线程安全、Linux查询命令、Hadoop节点）

面试涉及问题含有: Java JDK8新特性集合(哈希冲突.HashMap的原理.自动排序的集合TreeSet) 多线程安全问题 String和StringBuffer JVM 原理.运行流程.内部结构 Linux 查询含有某字符串内容的命令grep 查询进程.GC状态.杀死进程 Hadoop五种节点介绍 -----------------------------------------------------------------------------------------------…

H5新特性之canvas

canvas无疑是H5之中最受欢迎的新特性了,它可以让浏览毫无费力的画出各种图案,动画. canvas的性能不会因为画布上的图案多少而改变,因此做动画用canvas性能也相当优秀. canvas最基本的概念是1.路径 2.描边 3.填充 4.变换 5.图片操作首先先获得canvas的操作借口集(这里先用2d为例): let canvas = document.getElementById('canvas'); // canvas的所有画图接口都集成在gd这里了 let gd = canvas.…

javaSE高级篇5 — java8新特性详解———更新完毕

java8新特性在前面已经见过一些东西了,但是:挖得有坑儿 1.lambda表达式 lambda表达式是jdk1.8引入的全新语法特性它支持的是:只有单个抽象方法的函数式接口.什么意思? 就是说:这个接口下面只有一个抽象方法是真正属于自己的( 像那种从Object类里面继承过来的不算 ---- 所以这样严格来讲:这个接口里面就只有一个抽象方法是真正属于自己的 ) 什么时候会用这个东西? ---- 总的一句话是:传参的时候是一个函数式接口就会用( 这句话包含了很多东西,这里不理解没事儿,学完了…

iOS开发——新特性OC篇&IOS9 系统新特性

IOS9 系统新特性 2015年6月89号凌晨召开的WWDC 2015苹果开发者大会发布了全新的iOS 9系统,PC6小编今天给大家整理了这次iOS9的系统更新带来了哪些新的功能与升级,本次新功能一览,我们分为iOS 9 for iPhone和iOS 9 for iPad两部分来介绍. 一.iOS 9 for iPhone 1.每周收到10亿条指令的Siri,在识别的速度和准确率上都提高了40%,Siri的功能也得到了丰富,可以用来查找图片.视频,也能让它提醒你看完网页上的文章. 2.为了体现智…

iOS开发——新特性OC篇&IOS9 SDK新特性

iOS9 SDK新特性 WWDC 2015苹果开发者大会是移动开发者一年一度的盛会,InfoQ中文站除了第一时间整理Keynote内容分享给大家之外,还邀请了资深的一线开发者分享他们的收获.本文为王巍(@onevcat)对WWDC上透露的iOS 9 SDK新特性的总结,分享给广大的iOS开发者. 年年岁岁花相似,岁岁年年人不同.今年的 WWDC 一如既往的热闹,得益于 Apple 的随机抽选机制,这两年有更多的中国开发者有机会亲临现场进行体验,并与全球开发者取得更多的交流.更多的开发者可能只能在…

前端基础小标签3 H5新标签

第二部分H5的新标签一.<article> <header> <h2>我们需要好好学习<mark>HTML5</mark>相关课程</h2> …

前端面试基础回顾之深入JS继承

前言对于灵活的js而言,继承相比于java等语言,继承实现方式可谓百花齐放.方式的多样就意味着知识点繁多,当然也是面试时绕不开的点.撇开ES6 class不谈,传统的继承方式你知道几种?每种实现原理是什么,优劣点能谈谈吗.这里就结合具体例子,按照渐进式的思路来看看继承的发展. 准备谈到js继承之前先回顾下js 实例化对象的实现方式. 构造函数是指可以通过new 来实例化对象的函数,目的就是为了复用,避免每次都手动声明对象实例. new 简单实现如下: function my_new(func…

前端面试(原生js篇) - DOM

根据我的面试经历,一般小公司的面试环节,比较关心框架的熟练程度,以及独立开发组件的能力但大厂通常有五轮以上的面试,而且对 js 基础语法很是看重于是我总结了一些关于 js 基础的面试对话,有的当时没答上来,就在总结的时候就加了点料忽然觉得又该读一遍犀牛书了... 一.面试对话问:你知道 js 是由哪三部分构成的么? 答:有 js 的语法核心 ECMAScript,还有文档对象模型 DOM,以及浏览器对象模型 BOM. 问:那你觉得 dom 的作用是什么? 答:喵喵喵??? 问:我换一个问…

Java面试基础 -- Linux篇

0.日常命令 cd 目录路径: 跳转到指定目录 mkdir 目录名称:新增目录 pwd: 获取当前路径 su: 切换用户 ll: 查看当前目录侠的文件和目录 rm -rf 目录: 递归删除指定目录下的所有文件 vi 文件:修改文件 mv 源文件夹名新文件夹名:移动文件夹到指定目录 grep:查找想要的信息 cp -r 源目录名新目录名:拷贝指定目录中的文件到新目录中 touch 文件名:创建文件 find -name 文件名:查找文件 ls -ahl:查看文件的所有者 chkconfig -…

Java面试基础 -- Docker篇

1.什么是Docker? Docker是一个容器化平台,它以容器的形式将您的应用程序及其所有依赖项打包在一起,以确保您的应用程序在任何环境中无缝运行. 2.什么是Docker镜像? Docker镜像是Docker容器的源代码.换句话说,Docker镜像用于创建容器.使用build命令创建镜像,并且在使用run启动时它们将生成容器.镜像存储在Docker注册表中,registry.hub.docker.com因为它们可能变得非常大,镜像被设计为由其他镜像层组成,允许在通过网络传输镜像时发送最少量的…

Java面试基础 -- Git篇

1.Git和SVN有什么区别? Git SVN Git是一个分布式的版本控制工具 SVN 是集中版本控制工具它属于第3代版本控制工具它属于第2代版本控制工具客户端可以在其本地系统上克隆整个存储库版本历史记录存储在服务器端存储库中即使离线也可以提交只允许在线提交 push/pull 操作更快 Push/pull 操作较慢工程可以用 commit 自动共享没有任何东西自动共享 2.什么是Git? Git 是分布式版本控制系统,可以跟踪文件的更改,并允许你恢复到任何特定版本的更改,优点…

前端面试(原生js篇) - 精确运算

一.面试题问:开发的时候有用到过 Math 吗? 答:很多啊.比如生成 GUID 的时候,就会用到 Math.random() 来生成随机数. 问:别的呢?比如向下取整.向上取整? 答:向下取整是 floor(),向上取整是 ceil().另外还可以用 round() 方法进行四舍五入的取整. 问:如果我需要四舍五入并保留两位小数,应该怎么处理呢? 答:可以直接用 toFixed() 方法,然后在方法中传入 2,以保留两位小数. 问:那数字 1.335 通过 toFixed(2) 计算后,结果…

【前端面试基础-html篇之H5新特性】的更多相关文章