07 2020 档案

html实现a元素href的URL链接自动刷新或新窗口打开
摘要：有时我们想实现这样一个功能，点击一个链接，如果这个链接浏览器已经打开过，则刷新已经打开的链接窗口；如果这个链接没有打开过，则使用新窗口打开这个链接页面。 这是一个非常好的体验增强功能，可以有效避免浏览器选项卡中打开重复多余的页面。 关键是如何实现呢？ 使用a标签的target属性特性： 无论是a链接 阅读全文
posted @ 2020-07-30 21:26 消逝的风i 阅读(1671) 评论(0) 推荐(0)
css移动端布局单位介绍之rem
摘要：本文主要写给刚接触移动端开发的同鞋们。 首先先将几个主要概念讲一下； 什么是移动端？ 移动端故名思义是为移动终端，大名叫移动通信终端，是指可以在移动中使用的计算机设备。其实就是我们常说的手机。 什么是布局？ 前端开发中布局是将主要的html结构布置好。 rem是什么？ rem是一种长度单位，是而且仅 阅读全文
posted @ 2020-07-29 23:15 消逝的风i 阅读(3074) 评论(0) 推荐(0)
HTML中div嵌套div的margin不起作用
摘要：下面介绍一下div嵌套div时margin不起作用的解决方案。 顺便科普下margin的定义和用法。 div嵌套的HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" 阅读全文
posted @ 2020-07-29 22:41 消逝的风i 阅读(1779) 评论(0) 推荐(0)
CSS几种简单方法实现文字竖向排版
摘要：下面介绍几种使用Css实现文字竖向排版的方法： 1.一个句子的竖向排列 如图： <!DOCTYPE html> <html> <head> <title>test</title> <meta charset="UTF-8"> </head> <style> .one { width: 20px; m 阅读全文
posted @ 2020-07-29 22:18 消逝的风i 阅读(19857) 评论(0) 推荐(0)
CSS中使用text-align:justify让内容两端对齐并兼容IE及主流浏览器的方法
摘要：我们做登录页面时有时需要用户名和密码俩端对齐，这样显得美观一点，下面介绍一下几种实现方法： 一、使用 text-align属性（只兼容谷歌、火狐浏览器）： html <ul> <li>密码</li> <li>用户名</li> <li>身份证号</li> </ul> css ul li{ width: 阅读全文
posted @ 2020-07-29 22:12 消逝的风i 阅读(1088) 评论(0) 推荐(0)
html中如何让图片按比例响应式缩放、并自动裁剪的css技巧
摘要：响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时，如果想要图片按比例缩放，最简单的就是把img宽度设为100%，不设置高度，高度就会自动跟着高度缩放。 但是如果要达到的效果是，要让图片的宽高要按一定的比例显示，如1：1 、4：3 等，然而图片尺寸不是这个比例，又不想让图片拉伸变形 阅读全文
posted @ 2020-07-29 21:54 消逝的风i 阅读(13145) 评论(0) 推荐(0)
html中把多余文字转化为省略号
摘要：在html中如果要把多余的文字显示为省略号，那么有以下几种方法： 单行文本： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt 阅读全文
posted @ 2020-07-29 21:30 消逝的风i 阅读(2299) 评论(0) 推荐(1)
html中input提示文字样式修改
摘要：在很多网站上我们都看到input输入框显示提示文字，让我们一起来看看如果在input输入框中显示提示文字。我们只需要在<input>标签里添加：placeholder="提示文字即可"，那么如果要修改提示文字的样式呢？可以这样设置css样式： <!DOCTYPE html> <html> <head 阅读全文
posted @ 2020-07-29 21:10 消逝的风i 阅读(6034) 评论(0) 推荐(1)
HTML5里的input标签的required属性提示文字修改
摘要：在做表单提交时我们有时会遇到这样的需求，在用户没有输入必填信息点提交时提示文字需要改为我们想要的提示信息，那么可以在input里面增加这样的语句： <input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity( 阅读全文
posted @ 2020-07-29 21:01 消逝的风i 阅读(2932) 评论(0) 推荐(0)
苹果(Safari)浏览器的图片width设置为100%但实际显示为980px改成的问题方法
摘要：最近在做一个页面时，发现在 iPad 的 Safari 浏览器中背景显示不全，定位到该 div 后发现所指定 css 的宽度为 100% ； 到百度搜索后发现，safari 中 viewport 默认宽度为 980px，若事先未指定其初始 viewport 宽度，则会默认按照 980px 处理。 可 阅读全文
posted @ 2020-07-29 20:48 消逝的风i 阅读(3237) 评论(0) 推荐(0)
在html页面中引入另一个html页面
摘要：我们在使用html编写一个网站的时候，通常情况下头部和尾部是相同的，如果一个网站的每个页面都把这些代码写一遍，不仅浪费时间，还显得重复代码很多，所以此时把重复的页面单独摘出来，在用到的时候从外部直接引进去，就能节省很多时间，减少很多代码。 在这里，有好几种引入html文件的方式，不过每种都是有利有弊 阅读全文
posted @ 2020-07-29 20:06 消逝的风i 阅读(21538) 评论(0) 推荐(1)
Css中水平垂直居中的几种解决方法
摘要：在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法： 水平垂直居中： 第一种：css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: 阅读全文
posted @ 2020-07-28 20:55 消逝的风i 阅读(169) 评论(0) 推荐(0)
解决移动端rem加载瞬间页面错乱的方法（放大或者缩小）
摘要：移动端布局有很多种，这里我们最常使用到rem+百分比的布局方式（高度/字体设置rem单位，宽度设置百分比）来处理屏幕兼容，这种方法在兼容上是比较不错的，可以使得字体以及整体适应各种大小的屏幕，可以解决ipad等比较大屏幕的适应兼容。然而发现一些问题。页面在加载未完成前会出现瞬间错乱的现象，虽然时间不 阅读全文
posted @ 2020-07-27 23:52 消逝的风i 阅读(1559) 评论(0) 推荐(0)
js实现数组去重的几种方法
摘要：说来js数组去重，想必大家也不陌生，面试官经常也会问到的一个问题，接下来就给大家介绍一下数组去重的几种方法。 ES5之前实现方法： 1.遍历数组法 它是最简单的数组去重方法（indexOf方法） 实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中； 阅读全文
posted @ 2020-07-24 11:31 消逝的风i 阅读(2876) 评论(0) 推荐(0)
WEB前端常见受攻击方式及解决办法
摘要：一个网站建立以后，如果不注意安全方面的问题，很容易被人攻击，下面就讨论一下几种漏洞情况和防止攻击的办法。 一、SQL注入 所谓SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意）的SQ 阅读全文
posted @ 2020-07-23 22:09 消逝的风i 阅读(899) 评论(0) 推荐(0)