自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

‘’小蜜峰‘’

没记性就要烂笔头!

  • 博客(20)
  • 收藏
  • 关注

原创 ie低版本兼容html5+媒体查询的工具

让ie9以下浏览器支持html5新增的标签,以及让新增标签的样式展现完全。引入htmlshiv.jsarcticle,section,footer.header等的新增标签加上属性:display:block;注:htmlshiv只针对普通的html5新增标签,对于video和audio标签要用html5media.js让ie6-8支持媒体查询引入respond.js...

2019-08-13 13:44:45 277

原创 异步之常用方法

事件监听与响应document.getElementById("div").addEventListener('click',fun,false);function fun(){//点击事件的逻辑,异步事件的逻辑}//jq的.on()事件。ajax回调(回调一般是异步)$.ajax('url',success:function(){//成功的回调})//原生js中的回...

2019-08-11 22:00:37 143

原创 flexible.js-转型移动端的一些前期准备笔记

一:移动端头部书写点击查看引用参考链接二:flexible.jssassflex

2019-03-19 14:16:24 143

原创 sass-转型移动端的一些前期准备笔记

sassSASS教程文档(1)变量声明与引用变量可以存在的两个位置:类似于作用域$nav-color: #F90;//第一个位置nav { $width: 100px;//第二个位置“{ }”内,注意:当变量定义在css规则块内,那么该变量只能在此规则块内使用 width: $width; color: $nav-color;}//编译后nav { width:...

2019-03-19 13:54:44 208

转载 requestAnimationFrame方法(初步认识)

window.requestAnimationFrame()方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画。该方法使用一个回调函数作为参数,这个回调函数会在浏览器重绘之前调用。window.requestAnimationFrame 是浏览器用于定时循环操作的一个接口,类似于 setTimeout,主要用途是按帧对网页进行重绘。requestAnimat...

2019-03-14 13:30:20 628

原创 ECMAScript5.1常用的方法

前言:写几个常用的es5的方法,以便查阅复习。1.新增的object接口对象构造器描述ObjectgetOwnPropertyName返回一个对象,包括对象所有自有属性名称集合(包括不可枚举的属性)ObjectgetPrototypeOf返回对象的原型Objectcreate创建对象(创建一个拥有置顶原型和若干个指定属性的对象)Object...

2018-11-07 15:34:40 312

原创 css中的px em rem rpx,以及物理像素和逻辑像素的区别

前言 px,em,rem的解释是来自于 https://www.cnblogs.com/leejersey/p/3662612.htmlpx px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)PX特点IE无法调整那些使用px作为单位的字体大小;国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;Fi...

2018-08-07 11:48:02 6426 1

转载 该项目在ie9以下不能正确浏览的js判断

在公司项目处理最低兼容版本的时候,要求低版本的提示不能浏览的时候,百度了一份特别好用的方法,安利一下吧先,等忙完一个着急的事就来研究一下,写个注释版本。(function(window) { var theUA = window.navigator.userAgent.toLowerCase(); if ((theUA.match(/msie...

2018-07-31 14:59:31 726

原创 js在面试中会遇到的几个问题(下)

1.iframe的优缺点首先要知道普通方法加载iframe,它没有浏览器的兼容性问题。<iframe src="/path/to/file" frameborder="0" width="728" height="90" scrolling="auto"></iframe>使用这种加载方法会在各浏览器中有如下表现:iframe会在主

2018-05-22 16:38:39 760

原创 js在面试中会遇到的几个问题(上)

前言:搜集了一些js面试中的问题,以便温故而知新。变量提升变量提升,简单的理解,就是把变量提升提到函数的最顶的地方。需要说明的是,变量提升只是提升变量的声明,并不会把赋值也提升上来,没赋值的变量初始值是undefined。可点击查看demo 下面写一个超级变态的例子从上面文章中摘取的,作者没有给解释,我把自己的解释写一下,觉得有出处的请评论。function Foo() { get...

2018-05-16 18:04:49 309

原创 面试中css常见的几种问题。

前言:今天看到一篇前端妹子的面试总结,前端妹子一直说自己懒。顿时让我感觉到无地自容啊。2016年毕业,计算机行业,接触前端是2014 年吧,要说总结,真的是除了在学校里做的几个本的笔记外就没有了啦。从事前端工作两年多了,一点总结都没有,也是一直处于原生开发,react和vue的文档看了又看,却一直没有实现过一个小项目。每次面试都不理想,对象也说没见过我总结,总结和笔记才是成长的必要条件。这里就把前...

2018-05-15 14:58:09 5918

转载 《js中原型和原型链的深入理解》的笔记

前言:在微信公众号前端大全上看过《js中原型和原型链的深入理解》,个人认为这是我看过的js原型链的文章中,在思维结构上理解最清楚的一个文章了,本着温故而知新,有害怕找不到这个文章,我就把文章中的重要的和自己理解与不理解的知识点写下来,以方便以后查看。首先要明白几个概念: 1. 函数(function) 2. 函数对象(function Object) 3. 本地对象(native ...

2018-05-14 15:14:18 296

原创 ie7兼容总结的一些问题

1、子元素position:relative;父元素oveflow:hidden不起作用?怎么办? 答:应该把父元素position:relative;2、ie7的input框隐藏应该是border:0;不能是border:none。3、ie7的select不能设置高度4、ie7 8 支持的背景渐变.box{ background: -webkit-gradien...

2018-04-19 10:32:15 189

转载 Javascript 数组总结

稀疏数组var a1 = [, , , ];var a2 = new Array(3);var a3 = [1, 2, 3];console.log(0 in a1);//falseconsole.log(0 in a2);//falseconsole.log(0 in a3);//truedelete a3[0];console.log(0 in a3);//false数组元素的增减

2016-11-28 15:29:25 296

转载 深入理解javascript中的立即执行函数(function(){…})()

这篇文章主要介绍了深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包住业务代码,使用jquery时比较常见,需要的朋友可以参考下javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。(

2016-11-15 10:14:59 228

转载 function与感叹号(转)

最近有空可以让我静下心来看看各种代码,function与感叹号的频繁出现,让我回想起2个月前我回杭州最后参加团队会议的时候,@西子剑影抛出的一样的问题:如果在function之前加上感叹号 (!) 会怎么样?比如下面的代码:!function(){alert(‘iifksp’)}() // true在控制台运行后得到的值时true,为什么是true这很容易理解,因为这个匿名函数没有返回

2016-03-15 16:36:18 322

转载 2016-1-20(dom2和dom3详解)

一、DOM2和DOM3概述 文档对象模型是一种与编程语言及平台无关的API(Application programming Interface),借助于它,程序能够动态地访问和修改文档内容、结构或显示样式。W3C协会早在1988年就开始了DOM标准的制定,W3C DOM标准可以分为DOM1,DOM2,DOM3三个版本。 DOM1级主要定义的是HTML和XML文档的底层结构。DOM2和DOM3级别

2016-01-20 14:01:37 490

原创 2016-1-20(document.createEvent事件模拟)

序言: 对于这个事件模拟查了而很多资料还是觉得很是模糊,对于一些文档的专业名词很多看不懂,说明自己真的还是不够的,这个真的需要再接再厉了!这万恶的头疼啊,还是来总结一下我查资料的结果吧! 首先,认识到document.createEvent()方法是因为前一篇博客的触摸事件的判断是否支持触摸。哪里对于支持触摸用到了document.createEvent(“touchEvent”);若没有出错的

2016-01-20 11:32:48 2617

原创 2016-1-19(移动触摸事件以及事件的一些属性引申)

序言: 今天第一天接触移动端 ,本来以为调试还需要安卓的虚拟机。安装完后才发现,直接放在手机里就可以测试一下啦,测出的测试单单指的是测试一下事件是否触发,像谷歌的控制台调试可是没有的?至少我还没发现。touchstart事件(手指接触到屏幕触发)touchmove事件(手指在屏幕上滑动触发)touchend事件(手指离开屏幕时触发) 这三个事件都有三个触摸列表,每个列表里包含了对应的一系

2016-01-19 17:07:23 387

原创 2016-1-15(BOM的window对象,及父子页面的交流)

window的新认识序言: 一直以为window是浏览器的窗口,所有对于window.location.href语句的使用就有些偏激,觉得是指浏览器的url的地址栏;其实这说在某种情况下也是正确的。下面来谈谈我的新的认识。 1.首先,对window对象的认识上,不仅是浏览器的窗口,还代表ifarme的框架,(对于不怎么用框架的可能就会遗忘这一点) 2.然后是在应用上,要

2016-01-15 13:35:37 644

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除