自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 iPhone X Web前端页面适配(处理可爱的刘海)

一、两个概念iPhone X和IOS 11的发布,不在许多技术方面造成了一定的冲击,前端也不可以避免地也受到影响,因为iPhone X刘海的影响,在编写前端页面的时候要做一些处理,下面先提出一些新的概念。安全区域 因为刘海的关系,所有的展示都会放在一个叫做safe-area的区域,如下图(1-1),主要是为了防止显示的内容被刘海传感器(house sensor),圆角边框(rounded cor

2017-11-30 16:04:12 7693 3

原创 隐藏滚动条,移动端

1.原因 当然是滚动条长得丑才需要隐藏啊,真是开玩笑~~~QAQ而且也抵挡不住产品的吐槽,硬着头皮上了。2. 方法 1.使用CSS3的transform:translate配合padding和margin使用。(只支持CSS3的浏览器,来自百度的方法。) 2.使用原生的position: realtive配合padding和margin使用。(我自己写的,测试无兼容性问题) 3

2017-09-26 13:27:52 1098

原创 Safari滚动慢,横向选项卡滚动缓慢

1. 解决方法 在需要滚动的元素下添加-webkit-overflow-scrolling: touch; 举个栗子(直接粘贴可用):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial

2017-09-26 11:24:11 564

原创 比onload更快的DOMContentLoaded,readystatechange,doscroll的DOM加载事件

比onload更快的DOMContentLoaded,readystatechange,doscroll的DOM加载事件 有时候在想,onload是等所有元素加载完以后再执行,但是有时候我们并不想等待这么久才执行,可能有些业务需要在DOM元素加载完成以后马上就要执行。这个时候,就需要比onload更快的事件函数了,那就是DOMContentLoaded,readystatechange,还有do

2017-07-18 20:34:55 1336

原创 行内元素border-bottom在IE7下不生效

行内元素border-bottom在IE7下不生效今天同事让我解决一个问题,就是他设置的span里面直接加border-bottom在IE7下不生效,经过各种demo的书写。终于找到了原理和方法。

2017-07-17 20:50:45 774

原创 a标签嵌套img标签在IE7,8下显示带有蓝色边框border的解决方法

a标签嵌套img标签在IE7,8下显示带有蓝色边框border的解决方法 今天有同事问到我,为什么他的a标签嵌套img标签在IE8以下的浏览器显示会有个边框,怎么解决会好点?经过我做了个demo之后,发现,原来是浏览器本身的问题!1.思考问题研究会不会是text-decoration的问题(加上了none并不影响)主要是在哪个浏览器的显示问题(IE7,8)img的border是浏览器加上

2017-07-17 19:37:10 773

原创 less学习心得

下面是我学习less的一些心得,大多数都是直接粘贴官网的,不过也加上了自己的一些理解,晚些时候再一个个做demo出来。

2017-07-12 15:55:14 257

原创 Canvas学习笔记之画圆(笑脸)

Canvas学习笔记之画圆(笑脸)步骤 1.使用getElementById()获取canvas元素。 2.获取canvas的绘制环境getContext()。 3.进行绘制画笔的粗细和颜色定义,分别是lineWidth和strokeStyle。 4.告诉系统开始绘制beginPath(),进行绘制坐标重置。 5.使用arc()和stroke()进行路径的绘制。如果不是画

2017-07-08 22:23:22 900

原创 Canvas学习笔记之画矩形

Canvas学习笔记之画矩形步骤 1.使用getElementById()获取canvas元素。 2.获取canvas的绘制环境getContext()。 3.进行绘制画笔的粗细和颜色定义,分别是lineWidth和strokeStyle。 4.告诉系统开始绘制beginPath(),进行绘制坐标重置。 5.使用strokeRect()进行举行路径绘制(并不会填充内部),

2017-07-08 17:43:42 242

原创 Canvas学习笔记之画线

Canvas学习笔记之画线步骤 1.使用getElementById()获取canvas元素。 2.获取canvas的绘制环境getContext()。 3.进行绘制画笔的粗细和颜色定义,分别是lineWidth和strokeStyle。 4.告诉系统开始绘制beginPath()。 5.制定画笔光标moveTo(x, y)。 6.进行路径绘制lineTo(x, y

2017-07-08 17:00:39 467

原创 js实现Java中的静态变量

js实现Java中的静态变量在学习的过程中有个需求就是想实现静态变量,想在创建对象前后都能使用这个变量,编写的过程中得到了一下思考:1.为什么要解决这个问题 答案:有时候并不想给函数创建一个对象,只想直接使用其中的静态变量,直接使用方法名.变量名得到函数的值,但是又想说可以在创建对象以后继续调用这个静态方法,这个时候需求就出来了。也就是说无论何时何地,我们都想使用这个方法,即使是在创建对象之后。

2017-07-08 16:12:36 501

转载 欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-07-08 11:37:17 125

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