前端常见问题

已于 2023-12-20 14:34:17 修改
阅读量34 收藏
点赞数
分类专栏： 前端 文章标签： 前端
于 2023-11-10 15:51:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014234725/article/details/134334987
版权
  1. 上传按钮file限制文件问题
	 accpet
 	 * 	所有文件
 	 application/vnd.openxmlformats-officedocument.wordprocessingml.document word文档docx
	 application/msword	word文档doc
	 application/vnd.ms-excel excel文档 xls
	 application/vnd.openxmlformats-officedocument.spreadsheetml.sheet	excel文档 xlsx

2 css 滚动示例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
   .in_scro {
			width: 96%;
			height: 800px;
			position: relative;
			overflow: hidden;
			margin: 15px auto;
		}
		.sentiment {
			width: 100%;
			height: 85px;
			padding: 0;
			margin: 0;
			list-style: none;
			position: absolute;
			left: 0;
			animation: move 17s linear infinite;
		}
		.sentiment:hover {
			/* 控制动画执行状态 paused：暂停 running: 播放 */
			animation-play-state: paused;
		}
		.in_scrview {
			float: left;
			width: 100%;
		}
		@keyframes move {
			0% {
				transform: translateY(0px);
			}
			100% {
				transform: translateY(-800px);
			}
		}
  </style>
</head>
<body>
  <!--数据展示列表 -->
				<div class="in_scros" style="margin-left: 2%;width: 96%;height: 300px;    overflow: hidden;">
					<div class="in_scro" style="margin-left: 2%;width: 96%;" >
						<div class="sentiment" id="sentiment" style="height: 100%;">
							<div class="in_scrview" style="margin-top: 1vh;">
								<div class="table wz_color">
									<p style="font-size: 1.2rem;line-height: 2vh;">切实加强冬季安全行车管控 全面开展隐惠大排查大整治</p>
								</div>
								<div class="table wz_color">
									<div class="total fl">数据来源：嘻嘻新闻</div>
									<div class="online fl">正面舆情</div>
									<div class="normal fl">2023-04-21 12:00</div>
								</div>
							</div>
							<div class="in_scrview" style="margin-top: 1vh;">
								<div class="table wz_color">
									<p style="font-size: 1.2rem;line-height: 2vh;">东方卫视《极限挑战》栏目组前往黎坪景区采风</p>
								</div>
								<div class="table wz_color">
									<div class="total fl">数据来源：嘻嘻新闻</div>
									<div class="online fl">负面舆情</div>
									<div class="normal fl">2023-04-21 12:00</div>
								</div>
							</div>
							<div class="in_scrview" style="margin-top: 1vh;">
								<div class="table wz_color">
									<p style="font-size: 1.2rem;line-height: 2vh;">优质服务暖人心 收到锦旗获赞誉</p>
								</div>
								<div class="table wz_color">
									<div class="total fl">数据来源：嘻嘻新闻</div>
									<div class="online fl">负面舆情</div>
									<div class="normal fl">2023-04-21 12:00</div>
								</div>
							</div>
							<div class="in_scrview" style="margin-top: 1vh;">
								<div class="table wz_color">
									<p style="font-size: 1.2rem;line-height: 2vh;">东方卫视《极限挑战》栏目组前往黎坪景区采风</p>
								</div>
								<div class="table wz_color">
									<div class="total fl">数据来源：嘻嘻新闻</div>
									<div class="online fl">正面舆情</div>
									<div class="normal fl">2023-04-21 12:00</div>
								</div>
							</div>
							<div class="in_scrview" style="margin-top: 1vh;">
								<div class="table wz_color">
									<p style="font-size: 1.2rem;line-height: 2vh;">优质服务暖人心 收到锦旗获赞誉</p>
								</div>
								<div class="table wz_color">
									<div class="total fl">数据来源：嘻嘻新闻</div>
									<div class="online fl">正面舆情</div>
									<div class="normal fl">2023-04-21 12:00</div>
								</div>
							</div>
						</div>
					</div>
				</div>
</body>
</html>
木子海
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端常见安全性问题
m0_44973790的博客
04-22 7335
文章目录 一、常见的安全性问题 二、XXS攻击（Cross Site Scripting）（跨站脚本攻击） 三、CSRF安全漏洞（跨站请求伪造） 四、文件上传漏洞 五、限制URL访问，越权访问 六、不安全的加密存储 七、SQL注入 八、OS命令注入攻击 一、常见的安全性问题 1、XSS(Cross-Site Scripting)脚本攻击漏洞； 2、CSRF（Cross-sit request forgery）漏洞； 3、iframe安全隐患问题； 4、本地存储数据问题； 5、第三方依赖的安全性问题； 6、H
前端常见问题整理.压缩包
07-23
前端常见问题整理 HTML， HTTP，web综合问题 $CSS部分 $JavaScript $jQuery $编程题 $其他
前端常见安全问题
NJR10byh的博客
02-27 4658
以下是对一些常见的前端安全问题的总结 一、iframe 1、防止自己的网站不被其他网站的 iframe 引用 // 检测当前网站是否被第三方iframe引用 // 若相等证明没有被第三方引用，若不等证明被第三方引用。当发现被引用时强制跳转百度。 if(top.location != self.location){ top.location.href = 'http://www.baidu.com' } 2、禁用被使用的 iframe 对当前网站某些操作 在HTML5中，iframe有了一个叫做sa
前端常见问题以及处理方式 - - - （二）前端路由的两种模式和区别
业余丰富各种技术栈
07-29 1万+
前端路由的两种模式介绍（hash & history）
Web前端常见问题汇总
qq_20373723的博客
10-10 1万+
1.get 和post的区别    数据传输大小：get 传输数据大小限制在1KB，post传输数据大小没有严格限制    缓存和安全：get请求某个url，数据追加到url中发送（http的header传送），即浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面，查看浏览器历史记录就可以看到用户数据，自然就不够安全，一些文件在访问的时候同时也被缓存了。 pos
前端常见问题——处理服务端Json格式数据常见报错及解决
m0_67040484的博客
12-07 1996
JSON数据格式常见错误处理——Unexpected token u in JSON at position 0
前端常见的安全问题
laihongfeng的博客
03-07 7636
一、XSS （Cross-Site Scripting）跨站脚本攻击 通常指通过“HTML注入”篡改了网页，插入了恶意的脚本，从而在用户浏览网页时，获取用户信息、控制用户浏览器等的一种攻击 分类：持久性（存储型xss） 指攻击者通过漏洞将恶意内容写在数据库中，然后当其他用户访问含有这些恶意数据的网页时，就遭受了攻击。攻击位置常常在留言板，阅读列表等。 非持久性（ 反射型xss） 把用户输入的数据或者url携带的数据“反射”给浏览器，往往是黑客通过诱使用户点击一个恶意链接从而达到攻击目的 非持
前端常见问题以及处理方式 - - - （一）浏览器缓存以及解决方法
热门推荐
业余丰富各种技术栈
07-28 2万+
前端常见问题以及处理方式 - - - （一）浏览器缓存以及解决方法
前端常见问题以及处理方式 - - - (四) 关于CSS阻塞篇
业余丰富各种技术栈
08-02 2万+
只有link引入的外部css才能够产生阻塞。
前端常见问题以及处理方式 - - - (七) 获取dom节点方法
业余丰富各种技术栈
08-06 1万+
HTML常用获取dom节点的方法
前端面试大全、前端常见问题和原理总结、前端面试题、前端面试经验
10-10
前端面试 前端面试大全、前端常见问题和原理总结、前端面试题、前端面试经验JavaScript、Vue、Webpack、TypeScript、html、css、前端架构、前端算法、前端工程搭建、前端职场、React、技术选型、移动端适配、h5、...
WEB前端开发常见问题
05-28
NULL 博文链接：https://ayesd.iteye.com/blog/724826
前端面试常见问题集锦册
01-30
前端： 这指的是前端开发，是指构建在网站或者 Web 应用程序中用户直接与之...因此，“前端面试常见问题集锦册”可以理解为一本专门整理了前端面试中常见问题的参考书或资源，供求职者在准备前端开发职位面试时使用。
手机移动端web前端常见问题整理文档
08-18
手机移动端web前端常见问题的处理方法
前端面试大全、前端常见问题和原理总结、前端面试题、前端面试经验、前端知识持续更新中,包括：JavaScript、Vue、Webp
01-23
前端面试大全、前端常见问题和原理总结、前端面试题、前端面试经验、前端知识持续更新中,包括：JavaScript、Vue、Webpack、TypeScript、html、css、前端架构、前端算法、前端工程搭建、前端职场、React、技术选型、...
前端面试常见问题，大厂必备
03-08
文件中还包含了关于面试者所需要掌握的其他技能的题目，以及一些关于前端开发的常见问题的解答。也会涉及到前端框架，比如React、Vue等。此外，还会涉及到浏览器API、DOM操作、AJAX等。文件中还可能会包含关于Web...
前端的一些面试常见问题
02-21
这是一套前端主流vue的面试笔试题，适用于求职人员面试前的准备或者我们平时的积累巩固，希望能对你有所帮助
前端面试常见问题规整.pdf
最新发布
04-13
文件中总结归纳了诸多前端在面试时常见问题。 针对于每一个问题，都有详细的解答以及对应的原理分析。 同时，对不同类型的问题进行了分组归纳。 其中，包含了基础问题、JS问题、ES6问题、Vue问题等多个分组，可以...
前端常见的浏览器兼容问题
05-24
前端开发中，浏览器兼容性问题是非常常见的。主要的浏览器兼容性问题包括： 1. 样式兼容：不同浏览器对CSS属性或者样式的支持程度不同，比如IE浏览器对一些CSS3的新特性支持不太好。 2. JS兼容：不同浏览器对...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值