11 2017 档案

H5页面适配所有iPhone和安卓机型的六个技巧
摘要：1、viewport 简单粗暴的方式： 直接设置viewport为320px的1.3倍，将页面放大1.3倍。 为什么是1.3？ 目前大部分页面都是以320px为基准的布局，而iphone6的宽度比是375/320 = 1.171875，iphone6+则是 414/320 = 1.29375那么以1 阅读全文
posted @ 2017-11-15 11:54 歪歪豆豆 阅读(2102) 评论(0) 推荐(0)
HTML5移动端最新兼容问题解决方案
摘要：1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了48032 阅读全文
posted @ 2017-11-14 17:59 歪歪豆豆 阅读(609) 评论(0) 推荐(0)
html5做webAPP界面适配总结
摘要：一、px em rem px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。em会继承父级元素的字体大小。 rem是CSS3新增的一个相对单位（roo 阅读全文
posted @ 2017-11-14 17:47 歪歪豆豆 阅读(1407) 评论(0) 推荐(0)
详解javascript立即执行函数表达式（IIFE）
摘要：这是一篇译文，原文：Immediately-Invoked Function Expression (IIFE) 原文是一篇很经典的讲解IIFE的文章，很适合收藏。本文虽然是译文，但是直译的很少，而且添加了不少自己的理解。 ps：下文中提到的“立即执行函数”其实就是“立即执行函数表达式” 我们要说的 阅读全文
posted @ 2017-11-14 13:55 歪歪豆豆 阅读(259) 评论(0) 推荐(0)
10个典型的JavaScript面试题
摘要：问题1：作用域 考虑如下代码： JavaScript 1 2 3 4 5 6 7 (function() { var a = b = 5; })(); console.log(b); JavaScript JavaScript 1 2 3 4 5 6 7 (function() { var a = 阅读全文
posted @ 2017-11-14 13:41 歪歪豆豆 阅读(317) 评论(0) 推荐(0)
关于清除浮动的四种方法
摘要：浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除。 关于清除浮动的方式: 方式一:使用overflow属性来清除浮动 .ovh{ overflow: 阅读全文
posted @ 2017-11-13 16:31 歪歪豆豆 阅读(172) 评论(0) 推荐(0)
Web前端面试总结
摘要：Base Prepration: 作为一名Web前端开发工程师，应该要有自己的个人作品（如个人网站之类），博客，和所关注的用于学习和分享Web前端技术的社区或贴吧（如github, w3cschool等）。 面试之“闲扯”： 1. 你觉得前端是做什么的？ 2. 你在之前的工作中都做哪些前端相关的工作 阅读全文
posted @ 2017-11-07 12:00 歪歪豆豆 阅读(170) 评论(0) 推荐(0)
使用vue2.0创建的项目的步骤
摘要：1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装，请百度 //检查是否有node.js npm vue win+r 输入cmd 输入node -v 回车 会出现node,js的版本 输入npm -v 回车 会出现npm的版本 输入vue -V 回车 会出现vue的版本 2 阅读全文
posted @ 2017-11-07 11:33 歪歪豆豆 阅读(7807) 评论(0) 推荐(0)