摘要：
前言的一些碎碎念：最近一直在写移动端的页面，不过一直是用的别人造好的轮子，很多时候并没有想那是为什么，那是怎么样要那么写，就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解，结果很多东西都特么有问题，所以，今天停下了手中的一些东西，来谈下移动端的布局方案吧 一. viewport 什么是view 阅读全文
摘要：
开篇语 最近接手了一个移动端的项目。个人感觉是自己做得比较快而且比较健壮的一个。。。移动端最主要就是页面要适用不同的手机屏幕，ipad等。下面就分享一些技巧,让你不依赖任何框架高效地搭建自己的项目。 一、样式按组件或板块分文件写再合成 ①设置各种变量 采用scss或者less来写css代码有很多好处 阅读全文
摘要：
在移动端进行日期选择想必困扰过不少小伙伴，在PC端我们比较丰富的选择，如jQueryUI的datepicker，但这些插件都比较臃肿，而且还要依赖一个同样臃肿的库。或许PC上可以忍受比较大的文件，网速相对快嘛。然而在移动端也面临同样的问题，想用一个日期选择器还得依赖一个庞大的UI库，如mobiscr 阅读全文
摘要：
阅读目录 适配的要求 适配的方法，3个步骤 适配中背景图片的处理 适配的原理解析 阅读目录 适配的要求 适配的方法，3个步骤 适配中背景图片的处理 适配的原理解析 摘要：在进行移动端界面的书写的时候，如果把宽度高度或者字体大小全部写死的话，那么在所有手机上看到的大小都一样，存在的问题就是同样大小的字 阅读全文
摘要：
智能手机发展确实很迅速，像今年，我的大部分工作就都在移动端网页上。 再往前些年，看到的手机版/移动版网页，限制于浏览器与手机性能，2g网络速度等 网页设计无非是蓝、黑、白，界面单调，并且要尽可能的设计简单。 现在情况就大不相同了，软件上webkit内核浏览器大行其道，硬件突飞猛进，网速来说，4g正炒 阅读全文
摘要：
posted @ 2014-11-24 20:09 vajoy 阅读(4708) 评论(12) 编辑 收藏 三个月前曾写过一篇跨终端响应式页面设计入门的博客，上了博客园头条也得到了不少关注，今天想在这篇博客的基础上，继续写一篇进阶的文章。 补充 基于“入门”一文，我想再补充几个基础知识点，主要都是针 阅读全文
摘要：
1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示 阅读全文
摘要：
许久没有写博客了，最近有个H5启动APP原生页面的需求，中间遇上一些坑，看了些网上的实现方案，特意来总结下 一、需要判断客户端的平台以及是否在微信浏览器中访问 1、客户端判断 在启动APP时，Android和IOS系统处理的方式是不一样的，Android这边由于开放，可以在浏览器中通过<a>标签以及 阅读全文
摘要：
前端性能优化的方法？ content方面 1，减少HTTP请求：合并文件、CSS精灵、inline Image 2，减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法：DNS缓存、将资源分布到恰当数量的主机名，平衡并行下载和DNS查询 3，避免重定向：多余的中间访问 4，使 阅读全文
摘要：
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 阅读全文
摘要：
.如果你把transform真的掌握的和纯熟的话,就可以直接通过CSS做出很多很炫酷的效果,甚至.轮播图和选项卡都可以通过CSS来做,咱们明天就说如何运用CSS来做轮播图,大家记得看哦! 很好,话不多说,翠花'上代码': 1 <!DOCTYPE html> 2 <html> 3 <head> 4 < 阅读全文
摘要：
html5 audio标签在ios 微信浏览器中是无法自动播放的，最近在做一个小的项目遇到这个问题，安卓和pc都是正常的，唯独ios不行，查阅了很多资料，找到了以下方法，也许不是最好用的方法，如果有更方便的方法，尽请留言： html部分： <audio id="audio"><source src= 阅读全文
摘要：
一、css顺序 首先声明，浏览器读取css的方式是从上到下的。我们一般书写css只要元素具备这些属性就会达到我们预期的效果，但是这会给以后的维护和浏览器的渲染效率带来一定的影响，那么该怎么书写css的顺序呢？有没有一定的规范呢？ 首先我们知道css的属性按特性分为几类； 1.规定元素特性，如disp 阅读全文
摘要：
html5提供了一个<canvas>标签，结合javascript的canvas api接口可以用来绘制图形和动画。最近工作中涉及到画图的任务，下面来了解一下canvas的基础：canvas画布。 1 <style type="text/css"> 2 body {padding: 40px 0 0 阅读全文
摘要：
HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。 ·首先带大家熟悉一下video标签的属性方法，根据属性方法做一个小demo， HTML5支持的视频格式： 阅读全文
摘要：
前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 原文作者：林鑫，作者博客：https://github. 阅读全文
摘要：
首先介绍一下概念 devicePixelRatio其实指的是window.devicePixelRatio window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 公式表示就是：window.devic 阅读全文
摘要：
HTML基础 1.HTML元素 1.1 元素指的是开始标签到结束标签的所有代码。 1.2 元素的内容是开始标签与结束标签之间的内容。 1.3大多数HTML元素可用有属性。 1.4标签可以拥有属性为元素提供更多的信息。 1.5常用的标签属性: <h1>:align对齐方式 <body>:bgcolor 阅读全文
摘要：
大家都知道H5页面怎么在手机浏览器里测试，但是如何能打包成APP测试呢？因为本人的手机是IOS系统，如果用Xcode打包需要开发证书，貌似99美元一年。意外发现一个叫Hbuild的软件，简单好用，下面做个简单的使用分享： 首先到网上下载一个Hbuild,下载地址->戳（windows） 一、安装成功 阅读全文
摘要：
阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解display:box的布局 理解flex布局 Flex布局兼容知识点总结 回到顶部 移动开发基本知识点 一. 使用rem作为单位 html { font-size: 100px; } @media(min-wid 阅读全文