free_Light16-CSDN博客

转载总结一些IE8兼容问题的解决方案

由于IE8不支持HTML5，而它又是Win7的默认浏览器，我们即使讨厌它，在这几年却也拿它没办法。最近做了个需要兼容IE8的项目，不可避免地用了HTML5+CSS3，甚至canvas和svg，做兼容工作的时候不禁叫苦不迭。一个项目下来后，倒是收集了一些志于让HTML5兼容IE8的库，还有一些零散的代码和优雅降级的技巧，整理如下。IE8的兼容工作是个大活，这篇文章还不完整，肯定有很多疏漏和不足，望读...

2018-06-08 11:12:36 1336

转载移动端经常出现的兼容问题整理

安卓浏览器看背景图片，有些设备会模糊因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况下都是2倍的），或者指定background-size:contain;都可以2.防止手机中页面放大和缩小<meta name="viewport" ...

2018-06-08 10:14:27 326

转载六个小而美的 ES6 特性（附代码段）

译者：动静若参商译文：http://www.zcfy.cc/article/1795 原文：https://davidwalsh.name/es6-featuresJavaScript社区中的每个人都喜欢新API、新语法和新特性——可以更优雅，更智能，更有效的完成重要任务。ES6带来了很多好东西，并且在过去的一年里,浏览器厂商们全力以赴的升级浏览器来使它们可用。尽管ES6中有一些大的更新，但是一...

2018-05-21 10:34:59 190

转载前端简洁并实用的工具类

原文链接：https://segmentfault.com/a/1190000013438501前言本文主要从日期,数组,对象,axios,promise和字符判断这几个方面讲工作中常用的一些函数进行了封装,确实可以在项目中直接引用,提高开发效率.1.日期日期在后台管理系统还是用的很多的,一般是作为数据存贮和管理的一个维度,所以就会涉及到很多对日期的处理1.1 element-UI的日期格式化Da...

2018-05-18 10:33:47 117

转载 CSS 实用 Tips (前端 CSS实用小技巧,附代码段）

2018-05-18 10:27:16 389

转载 ES6新特性概览

本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中，预计会在14年12月份放出正式敲定的版本。但大部分标准已经就绪...

2018-05-17 08:18:26 179

转载分享前端开发常用代码片段

一、预加载图像如果你的网页中需要使用大量初始不可见的（例如，悬停的）图像，那么可以预加载这些图像。二、检查图像是否加载有时为了继续脚本，你可能需要检查图像是否全部加载完毕。你也可以使用 ID 或 CLASS 替换<img> 标签来检查某个特定的图像是否被加载。三、自动修复破坏的图像逐个替换已经破坏的图像链接是非常痛苦的。不过，下面这段简单的代码可以帮助你。四、悬停切换当用户鼠标悬停在可...

2018-05-14 10:31:53 190

转载 js获取URL中的参数

js获取URL中的一些参数的意思location对象含有当前URL的信息. 属性 href 整个URL字符串.protocol 含有URL第一部分的字符串,如http:host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/hostname 包含URL中主机名的字符串.如http://www.cenpok.net ;port 包含URL中可能存在的端...

2018-05-10 17:40:30 173

转载多行文本溢出显示省略号(…)全攻略

大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。css 代码:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示省略号，这里根据应用场景介绍几个方法来实现这样的效果。WebKit浏览器或移动端的页...

2018-05-10 15:38:22 330

转载正则表达式基本语法

一、正则表达式基本语法两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下："^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）；"of despair$"：表示所以以"of despair"结尾的字符串；"^abc$"：表示开始和结尾都是"abc"的字符串——呵呵，只有"

2018-05-09 17:14:41 2187 1

转载浅谈前端兼容问题

1、为什么会出现兼容问题在各大浏览器厂商的发展过程中，他们其实对web的标准都有不同的实现，因为实现的标准的不同，所以会有兼容性的产生。通俗的说，就是对于web标准，有些浏览器支持，有些浏览器不支持。2、从历史角度看兼容早期IE是在浏览器的世界中，占据主导地位。所以它自身实现了很多不同于标准浏览器的东西，有css的，也有js的：Js方面： 1、滚动事件的兼容：scrollTop = documen...

2018-05-09 11:58:23 219 1

转载 JavaScript 开发人员需要知道的简写技巧

初级篇1、三目运算符下面是一个很好的例子，将一个完整的 if 语句，简写为一行代码。const x = 20;let answer;if (x > 10) { answer = 'greater than 10';} else { answer = 'less than 10';}简写为：const answer = x > 10 ? 'greater than 10' :...

2018-05-09 11:52:05 149

转载 js实现发送短信验证码后60秒倒计时

1、input[type=‘button’]按钮 js方法实现 <!DOCTYPE html><html><head><script type="text/javascript"> var countdown=60; function settime(obj) { if (countdown == 0) { obj.remov...

2018-05-09 11:40:09 3822 1

free_Light16的博客