在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接默认是开启拖拽的。...1、拖拽元素 页面中设置了 draggable="true" 属性的元素。 <!...history.pushState; //放入历史中的状态数据, 设置title(现在浏览器不支持改变历史状态) 地理定位 在HTML规范中，增加了获取用户地理信息的API，这样使得我们可以基于用户位置开发互联网应用...（3）手机信号定位：通过运营商的信号塔定位。 3、用户自定义数据： 对不同获取方式的优缺点进行了比较，浏览器会自动以最优方式去获取用户地理信息： ?...3、可选参数 options 对象可以调整位置信息数据收集方式 全屏 HTML5规范允许用户自定义网页上任一元素全屏显示。
今天查Html手册时，又有了新的发现。也就这机会，好好总结下HTML中Meta的使用。 HTML 标签，所有浏览器都支持 标签。它提供关于HTML文档的元数据。...元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），对搜索引擎和更新频度的描述和关键词，或其他 web 服务。 ...--> 页面重定向和刷新：content内的数字代表时间（秒），既多少时间后刷新。如果加url,则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚）。 ...-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 --> 各浏览器平台 Microsoft Internet Explorer...,21-Oct-98 16:14:21 GMT; path=/"> 显示窗口的设定：强制页面在当前窗口以独立页面显示，这个属性是用来防止别人在框架里调用你的页面。
为了防止网站被钓鱼，可以使用 window.top 来防止你的网页被 iframe，即限定你的网页不能被嵌套在任何网页内： //iframe2.html if(window !...onload 事件触发使浏览器的 “忙” 指示器停止，告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后，它给用户的感觉就是这个网页非常慢。...window 的 onload 事件需要在所有 iframe 加载完毕后（包含里面的元素）才会触发。...比较老的浏览器，包含 Internet Explorer 6 & 7 和 Firefox 2，只能对一个域名（hostname）同时打开两个连接。这个数量的限制在新版本的浏览器中有所提高。...一种解决办法是，在主页面上重要的元素加载完毕后，再动态设置 iframe 的 SRC。 4、不利于 SEO 搜索引擎的检索程序无法解读 iframe。
(1) 设置 html body 的高度为百分比时，margin-bottom 在 safari 里失效 (2) 直接 padding 代替 margin 4.Ios 绑定点击事件不执行？...Object.keys 定义：返回一个对象可枚举属性的字符串数组； Object.getOwnPropertyNames 定义：返回一个对象可枚举、不可枚举属性的名称； 属性的可枚举性、不可枚举性：定义...pattern 用于验证表单输入的内容，通常 HTML5 的 type 属性，比如 email、tel、number、data 类、url 等，已经自带了简单的数据格式验证功能了，加上 pattern...Chrome 和 ff 浏览器后退页面，会刷新后退的页面，若有数据请求也会提交数据申请。...类似于 history.go(-1); 而 safari（包括桌面版和 ipad 版）的后退按钮则不会刷新页面，也不会提交数据申请。
两个方法的功能相似，但在实行时机方面是有区别的 1、window.onload方法是在网页中所有的元素完全加载到浏览器后才执行 2、$(document).ready() 可以在DOM载入就绪是就对其进行操纵...()方法来删除元素属性 10、如何来设置和获取HTML和文本的值？...JSON最常见的用法之一,是从web服务器上读取JSON数据,将JSON数据转换为JavaScript对象,然后在网页中使用该数据. 14、说出jQuery中常见的几种函数以及他们的含义是什么? ...16、AJAX最大的特点是什么。 Ajax可以实现动态不刷新（局部刷新） 就是能在不更新整个页面的前提下维护数据。...Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。
attribute 是 dom 元素在文档中作为 html 标签拥有的属性 property 就是 dom 元素在 js 中作为对象拥有的属性。...而单纯的写成对象形式，就是所有组件实例共用了一个data， 这样改一个全部都会修改。 18、渐进式框架的理解 主张最少 可以根据不同的需求选择不同的层级 19、vue在双向数据绑定是如何实现的？...创建前/后： 在beforeCreated阶段，vue实例的挂载元素$el和数据对象data都为undefined， 还未初始化。...1、在实例创建之后添加新的属性到实例上（给响应式对象新增属性） 2、直接更改数组下标来修改数组的值。...如何将一个HTML元素添加到DOM树中的？ 可以通过appendTo()方法在指定的DOM元素末尾添加一个现存的元素或者一个新的HTML元素。 什么是jQuery? jQuer能做什么？
有期时间 localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据 sessionStorage 数据在当前浏览器窗口关闭后自动删除。...在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 ？...绘画 canvas; 用于媒介回放的 video 和 audio 元素; 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除...],fn) 在选择元素上绑定一个或多个事件的事件处理函数 差别： .bind()是直接绑定在元素上 .live()则是通过冒泡的方式来绑定到元素上的。....bind()是直接绑定在元素上 .live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。
1.拖拽元素 /*有拖拽属性，就有属性对应的拖拽事件*/ //拖拽开始 var box = document.querySelector...当被拖拽元素离开时触发 tow.ondragleave=function(){ console.log('走了') } //当拖拽元素在目标元素上时，连续触发...--# 访问缓存失败后，备用访问的资源，第一个是访问源，第二个是替换文件*.html /offline.html--> <div class
介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？...CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？...[阿里航旅的面试题] 元素竖向的百分比设定是相对于容器的高度吗？ 全屏滚动的原理是什么？用到了CSS的那些属性？ 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？...如何修改chrome记住密码后自动填充表单的黄色背景 ？ 你对line-height是如何理解的？ 设置元素浮动后，该元素的display值是多少？...（或者说：请求资源的时候不要让它带cookie怎么做） style标签写在body后与body前有什么区别？ JavaScript 介绍JavaScript的基本数据类型。
②服务器交给后端处理完成后返回的数据，浏览器接收文件HTML,CSS,JS图片等。 ③浏览器对加载的资源进行语法解析，建立相应的数据内部结构。...，行内元素合一并行一行 15.html的全局属性有哪些 class：为元素设置类标识 data-**：为元素添加自定义属性 draggable：设置元素是否可以拖曳 id：元素的id，同一个id文档内是唯一的...28.什么是事件代理，事件委托 假如我们有一个 ul 列表，里面有4个li，我们可以在 li 上绑定 click 事件，但是也可以在她们的 父节点 ul上绑定，这种在 父节点上绑定事件来代替子节点事件的方法...详细比较：React和Vue的区别 二、React特性: 单向绑定，先更新model,然后渲染UI元素，数据在一个方向流动，使得调试更加容易。代码冗余，各种生命周期太麻烦，刚开始接触好难记。...attribute是dom元素在文档中作为html标签拥有的属性； property就是dom元素在js中作为对象拥有的属性。
autoplay属性在IOS及Android上无法使用,在PC端正常 2.audio元素没有设置controls时,在IOS及Android会占据空间大小,而在PC端Chrome是不会占据任何空间 问题...解决方法就是在css文件中同时设置一下input的属性,如下: input { -webkit-user-select:auto; //webkit浏览器 } html5碰到上下拉动滚动条时卡顿...type值为2 transition清除闪屏 -webkit-transform-style: preserve-3d; //设置内嵌的元素在 3D 空间如何呈现：保留3D -webkit-backface-visibility...;解决办法是用html5的oninput事件去代替keyup,通过如下代码达到类似keyup的效果; 1.修改了input:checkbox或input:radio元素的选择中状态,checked属性发生变化...;初学者会认为当前事件所绑定的元素就是鼠标所点击的那个元素,这时就要看看时间绑定的元素内部有没有子元素,如果有e.target指向这个子元素,如果没有e.target和this都指向事件所绑定的元素
加载好后，如果 DOM 树还没构建好，则先等 DOM 树解析好再执行；如果DOM树已经准备好，则立即执行。多个带defer属性的标签，按照顺序执行。...$set() 解决对象新增属性不能响应的问题Vue使用了Object.defineProperty实现双向数据绑定在初始化实例时对属性执行 getter/setter 转化属性必须在data对象上存在才能让...因此，比较好的方法就是把这个点击事件绑定到他的父层，也就是 ul 上，然后在执行事件时再去匹配判断目标元素，所以事件委托可以减少大量的内存消耗，节约效率。...动态绑定事件给上述的例子中每个列表项都绑定事件，在很多时候，需要通过 AJAX 或者用户操作动态的增加或者去除列表项元素，那么在每一次改变的时候都需要重新给新增的元素绑定事件，给即将删去的元素解绑事件；...：只在必须的地方，使用事件委托，比如：ajax的局部刷新区域尽量的减少绑定的层级，不在body元素上，进行绑定减少绑定的次数，如果可以，那么把多个事件的绑定，合并到一次事件委托中去，由这个事件委托的回调
常见的浏览器内核有哪些？ html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？ 简述一下你对HTML语义化的理解？...CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？...[阿里航旅的面试题] 元素竖向的百分比设定是相对于容器的高度吗？ 全屏滚动的原理是什么？用到了CSS的那些属性？ 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？...（或者说：请求资源的时候不要让它带cookie怎么做） style标签写在body后与body前有什么区别？ JavaScript 介绍JavaScript的基本数据类型。...B拿到箱子后，再在箱子上加一把自己的锁。 箱子运回A后，A取下自己的锁。箱子再运到B手中时，B取下自己的锁，获得药物。
通过 JavaScript 的 Fullscreen API，我们可以以编程方式控制元素的全屏状态。...Fullscreen API 是一组用于控制全屏显示的方法和属性，它们允许我们将网页内容以全屏的方式展示给用户，并提供了相应的事件来监听全屏模式的变化。...在本文中，我们将介绍如何判断浏览器是否支持全屏功能，如何实现进入全屏和退出全屏的功能，以及如何获取当前全屏元素和监听全屏模式的变化。...注意：Fullscreen API 在不同浏览器之间可能存在差异，请在使用时进行兼容性测试和处理。 全屏是否可用 在使用 Fullscreen API 之前，我们需要先判断当前浏览器是否支持全屏功能。...获取全屏元素 在全屏模式下，我们可能需要获取当前处于全屏状态的元素。可以使用document.fullscreenElement属性来获取。
AJAX最大的特点是什么。 Ajax可以实现动态不刷新（局部刷新） 就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。...在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。...在 Ajax应用中信息是如何在浏览器和服务器之间传递的 通过XML数据或者字符串 8、在浏览器端如何得到服务器端响应的XML数据。...XMLHttpRequest对象的responseXMl属性 9、 XMLHttpRequest对象在IE和Firefox中创建方式有没有不同。...这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象，也不支持XSLT。
Ajax可以实现动态不刷新（局部刷新） 就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。...该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。...在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。...在 Ajax应用中信息是如何在浏览器和服务器之间传递的 通过XML数据或者字符串 8、在浏览器端如何得到服务器端响应的XML数据。...XMLHttpRequest对象的responseXMl属性 9、 XMLHttpRequest对象在IE和Firefox中创建方式有没有不同。
和w3c，firefox浏览器区别： 当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。...但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。...知道了button有两种类型后，我们来看具体使用。 第一种点击事件场景(动态元素) 这种场景适合于动态创建元素后，点击事件。 ...这里的点击事件是指单纯的点击事件，而不是提交事件，或者是数据表格中内嵌的button，对于这两者，layui是有lay-submit和lay-event这个属性进行支持的，所以这里只能使用最原始的js和...3、使用onclick标签绑定，代码量不大，但是html前端和js前端混在一起，不易于维护。 原则上HTML代码只能体现网页的结构，具体的行为应该使用JavaScript代码进行绑定。
引用信息将会注册在父组件的 $refs 对象上。...如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例 24、Vue的路由hash模式 和 history模式的区别 hash模式在浏览器中有个符号“...1、在实例创建之后添加新的属性到实例上（给响应式对象新增属性） 2、直接更改数组下标来修改数组的值。...指令本质上是装饰器，是 vue 对 HTML 元素的扩展，给 HTML 元素添加自定义功能。vue 编译 DOM 时，会找到指令对象，执行指令的相关方法。...这两个方法有个共同点：当调用他们修改浏览器历史记录栈后，虽然当前 URL 改变了，但浏览器不会刷新页面，这就为单页面应用前端路由“更新视图但不重新请求页面”提供了基础 特点：虽然美观，但是刷新会出现 404
Ajax可以实现动态不刷新（局部刷新） 就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。...在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。...在 Ajax应用中信息是如何在浏览器和服务器之间传递的 通过XML数据或者字符串 8、在浏览器端如何得到服务器端响应的XML数据。...XMLHttpRequest对象的responseXMl属性 9、 XMLHttpRequest对象在IE和Firefox中创建方式有没有不同。...这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象，也不支持XSLT。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
