简单的阿贵-优快云博客

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

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

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

原创隐藏滚动条，移动端

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

2017-09-26 13:27:52 1314

原创 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 894

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

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

2017-07-18 20:34:55 1972

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

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

2017-07-17 20:50:45 1354

原创 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 1136

原创 less学习心得

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

2017-07-12 15:55:14 577

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

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

2017-07-08 22:23:22 1393

原创 Canvas学习笔记之画矩形

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

2017-07-08 17:43:42 405

原创 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 650

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

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

2017-07-08 16:12:36 833

转载欢迎使用优快云-markdown编辑器

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

2017-07-08 11:37:17 228

qq814374557的博客