浅笑·

2020年9月13日

摘要：国家一些重要的公祭日，通常很多网站的色系都会整体变成灰色调，那是怎么实现的？其实很简单，在body上整体加一段样式即可。完整css代码如下 filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscal 阅读全文

posted @ 2020-09-13 22:26 浅笑· 阅读(667) 评论(0) 推荐(0) 编辑

js和jquery设置css样式的几种方法

摘要：一、js设置样式的方法 1. 直接设置style的属性某些情况用这个设置 !important值无效 element.style.height = '50px'; 2. 直接设置属性（只能用于某些属性，相关样式会自动识别） element.setAttribute('height',50); el 阅读全文

posted @ 2020-09-13 22:25 浅笑· 阅读(697) 评论(0) 推荐(0) 编辑

移动端检测微信浏览器返回，关闭，进入后台操作

摘要：背景：最近做一个倒计时记录学习时长项目，需要在用户点击浏览器的返回按钮或者直接关闭浏览器，或者直接退出微信或者进入后台时记录下当前页面的进度，下次进去从上次退出的地方开始倒计时。一开始想的很简单直接监测浏览器的返回事件window.onbeforeunload，在安卓和pc上可以监测到，但是iOS 阅读全文

posted @ 2020-09-13 22:24 浅笑· 阅读(462) 评论(0) 推荐(0) 编辑

2020年9月12日

Js如何动态修改css样式

摘要：如何动态修改css样式一、使用obj.className来修改样式表的类名 function changeStyle1() { var obj = document.getElementById("btnB"); obj.style.backgroundColor= "black"; } 缺点：会阅读全文

posted @ 2020-09-12 14:22 浅笑· 阅读(13842) 评论(0) 推荐(0) 编辑

CSS浮动标准修复top塌陷和清除浮动及IE兼容标准格式

摘要： 1、浮动的特性 1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来3、相邻浮动的块元素可以并在一行，超出父级宽度就换行4、浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问题)5、浮动阅读全文

posted @ 2020-09-12 14:19 浅笑· 阅读(118) 评论(0) 推荐(0) 编辑

防止表单重复提交的4种方法

摘要： 1.背景与介绍：平时开发的项目中可能会出现下面这些情况：由于用户误操作，多次点击表单提交按钮。由于网速等原因造成页面卡顿，用户重复刷新提交页面。黑客或恶意用户使用postman等工具重复恶意提交表单（攻击网站）。这些情况都会导致表单重复提交，造成数据重复，增加服务器负载，严重甚至会造成服务阅读全文

posted @ 2020-09-12 14:17 浅笑· 阅读(2708) 评论(0) 推荐(0) 编辑

css文字颜色渐变的3种实现

摘要：在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！基础样式： .gradient-text{ text-align: left; text-indent:30px; 阅读全文

posted @ 2020-09-12 14:15 浅笑· 阅读(1399) 评论(0) 推荐(0) 编辑

js 调用向html追加内容

摘要：方法： insertAdjacenthtml(postion,html);insertAdjacentTEXT(postion,text); 广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https://www.wode007.com 参数： position 阅读全文

posted @ 2020-09-12 14:12 浅笑· 阅读(3934) 评论(0) 推荐(0) 编辑

2020年9月11日

20条书写CSS代码

摘要：在这篇文章中，我想跟你分享 20 条由 css 社区推荐的约定和最佳实践。有些建议可能比较适合新手，而有些则更高级一些，但我希望每个人都可以在本篇文章中收获自己不知道的知识。 01、谨慎使用外边距属性与其它的属性不同，垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个阅读全文

posted @ 2020-09-11 16:34 浅笑· 阅读(124) 评论(0) 推荐(0) 编辑

HTML5 实现图片预览和查看原图

摘要： html5从一开始就给开发者很多的期待，提供众多新的API，不用再想以前一样，为了实现某个功能写很多的代码。在以前，如果要实现图片预览会怎么做呢，因为为了安全的原因，web端的js是不能读取文件的本地真实路径的，那么只能将图片上传到服务器上，然后再拿到图片的链接，这样才能实现图片预览。而服务器呢，比阅读全文

posted @ 2020-09-11 16:33 浅笑· 阅读(4006) 评论(0) 推荐(0) 编辑

公告