网页制作 - 爱蒂网

爱蒂网

html5

[前端]20条书写CSS代码

在这篇文章中,我想跟你分享 20 条由 CSS 社区推荐的约定和最佳实践。 有些建议可能比较适合新手,而有些则更高级一些,但我希望每个人都可以在本篇文章中收获自己不知道的知识。

2020-09-22 03:31:03 浏览 34

html5

[前端]HTML5 实现图片预览和查看原图

html5从一开始就给开发者很多的期待,提供众多新的API,不用再想以前一样,为了实现某个功能写很多的代码。在以前,如果要实现图片预览会怎么做呢,因为为了安全的原因,web端的js是不能读取文件的本地

2020-09-22 03:31:02 浏览 45

html5

[前端]阻止表单的默认提交事件

表单一点击提交按钮(submit)必然跳转页面,如果表单的action为空也会跳转到自己的页面,即效果为刷新当前页。 如下,可以看到一点击提交按钮

2020-09-22 03:31:02 浏览 49

html5

[前端]HTML5中History.back()页面后退刷新页面

在开发中经常会遇到在一个页面操作完返回上一个页面,此时要求上个页面展示最新数据的需求。比如 A1为上一个页面,A2为当前页面

2020-09-22 03:31:02 浏览 29

html5

[前端]HTML5 向网页嵌入视频和音频

现在很多网站上都会使用到视频和音频,HTML5 中提供了展示视频和音频的标签。向网页嵌入视频可以使用 <video> 标签,而嵌入音频可以使用 <audio> 标签

2020-09-22 03:31:01 浏览 53

html5

[前端]css怎么设置超出几行显示省略号?

CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。下面我们来看一下css如何设置文本超出几行显示省略号。

2020-09-22 03:31:01 浏览 50

html5

[前端]JavaScript+Canvas实现自定义画板

最近研究了HTML5一些新的元素属性,发现确实好用,特别是里面的Canvas这个新的标签元素。官方介绍:Canvas API(画布)是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内

2020-09-22 03:31:00 浏览 55

html5

[前端]如何自动加载网站的深色模式?

现在有一种新的趋势 - 把东西变黑。过去,你必须决定你的网站的风格(亮或暗)或者必须保存用户自己定义的主题风格。Safari 12.1 ( macOS 10.14.4自带) 增加了对检测系统颜色主题的

2020-09-22 03:31:00 浏览 37

html5

[前端]如何使用CSS Paint API动态创建与分辨率无关的可变背景

现代Web应用对图像的需求量很大,它们占据网络下载的大部分字节。通过优化它们,你可以更好地利用它们的性能。如果你碰巧使用几何图形作为背景图像,有一个替代方案

2020-09-22 03:31:00 浏览 51

html5

[前端]前端开发必备工具箱

前端开发是一个相当复杂的方向,至少就大项目而言,你很难仅用浏览器和编辑器完成工作。这里列出了我在开发过程中用到的工具。我希望这个列表能帮助其他人发现一些可以用在工作流程中的好工具。

2020-09-22 03:31:00 浏览 42

html5

[前端]Vue样式穿透

在开发中修改第三方组件样式是很常见,但由于 scoped 属性的样式隔离,可能需要去除 scoped 或是另起一个 style 。这些做法都会带来副作用(组件样式污染、不够优雅)

2020-09-22 03:30:59 浏览 47

html5

[前端]谈谈图片上传及canvas压缩的流程

我们通常在做图片上传的时候都会遇上这样的情况,一是后端接口限制上传图片的大小,或者是即使后端没有限制大小,因为图片太大在前端渲染时太慢,造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。

2020-09-22 03:30:59 浏览 42

html5

[前端]深入探索 CSS Grid

本教程将深入探讨 CSS 网格布局,并探索几乎所有的属性和功能。读完之后,你将能够用这种出色的 CSS 附加功能去处理任何一种布局。

2020-09-22 03:30:59 浏览 36

html5

[前端]前端应该懂得初级Web分析指标

从事该行业足够长的时间的人们经常会忘记这些指标对于新人来说听起来很荒诞,所以您必须原谅他们。 要学习网络分析并了解它如何使您受益,最好先了解周围常见的术语,这是一个好主意。

2020-09-22 03:30:58 浏览 51

html5

[前端]移动端双指缩放图片JS事件的实践心得

页面整体缩放行为是可以通过按住Shift键+页面左键模拟的,但是,实际上,还是一个触摸点,因此无法模拟双指缩放行为。除非是有触摸板,或者屏幕就是触摸屏。

2020-09-22 03:30:58 浏览 58