随笔分类 - html\css
摘要：使用css让元素不可见的方法有很多种，裁剪、定位到屏幕外边、透明度变换等都是可以的。但是最常用两种方式就是设置元素样式为display: none或者visibility: hidden。很多公司的面试官也常常会问面试者这两者之间的区别。 display与元素的隐藏如果给一个元素设置了display
阅读全文
摘要：国家一些重要的公祭日，通常很多网站的色系都会整体变成灰色调，那是怎么实现的？其实很简单，在body上整体加一段样式即可。 完整css代码如下 filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscal
阅读全文
摘要：一、js设置样式的方法 1. 直接设置style的属性 某些情况用这个设置 !important值无效 element.style.height = '50px'; 2. 直接设置属性（只能用于某些属性，相关样式会自动识别） element.setAttribute('height',50); el
阅读全文
摘要：背景： 最近做一个倒计时记录学习时长项目，需要在用户点击浏览器的返回按钮或者直接关闭浏览器，或者直接退出微信或者进入后台时记录下当前页面的进度，下次进去从上次退出的地方开始倒计时。一开始想的很简单直接监测浏览器的返回事件window.onbeforeunload，在安卓和pc上可以监测到，但是iOS
阅读全文
摘要：如何动态修改css样式 一、使用obj.className来修改样式表的类名 function changeStyle1() { var obj = document.getElementById("btnB"); obj.style.backgroundColor= "black"; } 缺点：会
阅读全文
摘要：1、浮动的特性 1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来3、相邻浮动的块元素可以并在一行，超出父级宽度就换行4、浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问题)5、浮动
阅读全文
摘要：1.背景与介绍： 平时开发的项目中可能会出现下面这些情况： 由于用户误操作，多次点击表单提交按钮。 由于网速等原因造成页面卡顿，用户重复刷新提交页面。 黑客或恶意用户使用postman等工具重复恶意提交表单（攻击网站）。 这些情况都会导致表单重复提交，造成数据重复，增加服务器负载，严重甚至会造成服务
阅读全文
摘要：在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！ 基础样式： .gradient-text{ text-align: left; text-indent:30px;
阅读全文
摘要：方法： insertAdjacenthtml(postion,html);insertAdjacentTEXT(postion,text); 广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https://www.wode007.com 参数： position
阅读全文
摘要：在这篇文章中，我想跟你分享 20 条由 css 社区推荐的约定和最佳实践。 有些建议可能比较适合新手，而有些则更高级一些，但我希望每个人都可以在本篇文章中收获自己不知道的知识。 01、谨慎使用外边距属性 与其它的属性不同，垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个
阅读全文
摘要：html5从一开始就给开发者很多的期待，提供众多新的API，不用再想以前一样，为了实现某个功能写很多的代码。在以前，如果要实现图片预览会怎么做呢，因为为了安全的原因，web端的js是不能读取文件的本地真实路径的，那么只能将图片上传到服务器上，然后再拿到图片的链接，这样才能实现图片预览。而服务器呢，比
阅读全文
摘要：表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。 如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下,如果想要阻止表单的默认提交事件，有以下几种方法： 1.将<input>标签内按钮类型从type="submit"修改为type
阅读全文
摘要：在开发中经常会遇到在一个页面操作完返回上一个页面，此时要求上个页面展示最新数据的需求。 比如 A1为上一个页面，A2为当前页面 1.A1需要加监听历史记录点 window.onpopstate=function(){ // 获得存储在该历史记录点的json对象 var json=window.his
阅读全文
摘要：现在很多网站上都会使用到视频和音频，html5 中提供了展示视频和音频的标签。向网页嵌入视频可以使用 <video> 标签，而嵌入音频可以使用 <audio> 标签。这两个标签都是 html 5 中新增的标签，两个标签中的属性和方法也很类似，但也有些不同。其中 audio 元素用于定义声音，比如音乐
阅读全文
浙公网安备 33010602011771号