NEW

CSS 3中有什么新功能?8大新特性需要掌握!

CSS 3中有什么新功能?8大新特性需要掌握!
什么是CSS 3? CSS3是Cascading Style Sheets语言的最新版,其旨在扩展上一版本的CSS2.1。CSS3带来了许多新功能和附加功能,如圆角,阴影,渐变,过渡或动画,以及新的布局,如多列,灵活的框及网格布局。 现在让我们来看看有什么新东西! #1。CSS3选择器 选择器是CSS的核心。最初,CSS允许按类型,类和/或ID选择元素。CSS2.1添加了伪元素,伪类。使用CSS3,我们可以使用各种选择器来定位页面上的几乎任...
NEW

我们在什么时候需要使用iframe,以及如何使用iframe?

我们在什么时候需要使用iframe,以及如何使用iframe?
在上文中,我们提到了iframe具有的一些缺陷以及会带来的问题。但是,存在的即是合理的,我们在什么时候需要使用iframe呢? 内联框架(通常称为“iframe”)是HTML5中唯一允许的框架类型。在这些页面上被“剪”出来的空间上,可以导入外部的页面。从本质上讲,iframe是在网页内设置的另一个浏览器窗口。我们可以在需要包含外部内容(如Google地图或YouTube视频)的网站上常用的代码iframe。这两个受欢迎的网站...
NEW

html布局中,iframe会带来哪些问题?

html布局中,iframe会带来哪些问题?
如果你在布局在使用了iframe,极有可能出现布局的问题。这是非常常见的。使用iframe带来的便利性,比起解决它的问题来说,非常不划算。iframe会带来几个问题: 一、iframe带来安全风险 如果您创建iframe,网站就容易受到跨网站攻击。 您可能会收到可提交的恶意表单,并对用户的个人数据进行网络钓鱼。 恶意用户可以运行插件。 恶意用户可以更改源站点URL。 恶意用户可以劫持用户的点击次数。 恶意用户可以...
NEW

localStorage、cookie与sessionStorage的异同?

localStorage、cookie与sessionStorage的异同?
sessionStorage,localStorage和Cookies都用于在客户端存储数据。每个都有自己的存储和到期限制。 localStorage: 可以简单地将localStorage视为对cookie的改进,从而提供更大的存储容量。可用大小为5MB,与典型的4KB cookie相比,可以使用的空间大得多。 对于每个HTTP请求(HTML,图像,JavaScript,CSS等),数据不会发送回服务器 - 减少了客户端和服务器之间的流量。 存储在localStorage中的数据将一直...
NEW

前端页面的性能优化有哪些工作可以做?

前端页面的性能优化有哪些工作可以做?
概述 在前端开发过程中,我们不但要关于代码的开发,实现页面的交互功能,在开发过程中,还需要关注前端性能的优化,即如何保证页面打开时有良好的用户体检,这就涉及到页面的优化了。 五大关注点来优化页面渲染性能 如果您想优化自己的应用,则需要关注五个主要方面。这些是您可以控制的区域: JavaScript  - 在渲染时,我们需要考虑JavaScript代码与DOM元素交互的方式。因为JavaScript可以对DOM进行大量...
NEW

怎么理解浏览器内核引擎,以及主流的浏览器内核有哪些?

怎么理解浏览器内核引擎,以及主流的浏览器内核有哪些?
浏览器内核主要分为两部分组成:渲染引擎和和javascript引擎。 渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。 JS引擎:解析和执行javascript来实...
NEW

前端SEO优化-撰写可读博客文章的5个技巧

前端SEO优化-撰写可读博客文章的5个技巧
从屏幕上阅读可能很困难,因此如果您希望人们阅读您的整篇博文,它必须易于阅读。这将为您带来更多回访者和更高的转化率。这篇文章为您提供了五个关于如何提高文章可读性的重要提示。 专注于您的受众 记住最重要的建议:确保你的文字适合你的观众。如果你写的是乐高,你的内容是针对孩子的,那么它应该很容易阅读。但是,如果您的观众是具有博士学位的科学家,那么您的文本可能会更具挑战性并且仍然合适。...

CSS的@import和Link有什么区别?

CSS的@import和Link有什么区别?
我们在浏览了网页时,如果 查看了各种网页的代码,可能注意到的一件事是,不同的网站以不同的方式包含其外部CSS文件 。有使用@import方法或link到CSS文件。如下面一样: <style>@import url(Path To stylesheet.css)</style> <link rel="stylesheet" href="Path To stylesheet.css"> @import和CSS link之间的区别是什么?让我们来看看! @import和<link>之间的区别 在决定使用哪...

html语义化是什么意思?为什么要进行html语义化?

html语义化是什么意思?为什么要进行html语义化?
  web行业标准的一个重要准则就是,我们必须将html标签就用于它本身表示的意义,而不是默认的它们在浏览器中显示的样式,即,每个标签都代表着具体的意义。   语义化HTML或语义标记HTML,它向网页引入含义而不仅仅是展示方式。例如,<p>标记表示一个段落。 这即是语义的,也是表现性的,因为人们知道哪些段落和浏览器知道如何显示它们。 在这个等式的另一面,像<b>和<i>这样的...

前端知识:HTML5所有的标签-按顺序排列

前端知识:HTML5所有的标签-按顺序排列
  虽然HTML5的开发已经开始多年了,但网页设计人员/开发人员开始使用HTML5是在2010年。对于许多网络专业人士而言,这种语言非常熟悉,因为它不是试图从头开始重新编写所有内容,HTML5建立在以前的基础上。任何了解HTML 4.01的人都很快发现HTML5中现在可以找到相当多的版本。 虽然HTML5包含许多已经在HTML中存在的元素,但它还引入了一些HTML5新增的元素。对于这些新元素中的许多元素,使用了一种称...