幽幽冷瞳 - 博客园

2017年11月19日

摘要：下面来看一个最简单的小案例，在浏览器窗口居中一个小盒子：就这样一个很简单的小案例，你能够想到多少种方法来实现呢？对块元素盒子的左右居中相信大家都不陌生，{margin:auto;}就能够实现，但是对于垂直自适应居中就不起作用了，下面就从最简单的说起。标签结构如下： <body> <div cla 阅读全文

posted @ 2017-11-19 19:05 幽幽冷瞳阅读(2144) 评论(0) 推荐(0) 编辑

2017年11月6日

移动端尺寸基础知识

摘要：原文链接：http://colachan.com/post/3435 初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。现象阅读全文

posted @ 2017-11-06 11:38 幽幽冷瞳阅读(250) 评论(0) 推荐(0) 编辑

2017年10月31日

Flex弹性盒模型

摘要：说到H5,说到响应式,老牛第一时间想到的第一个rem,第二个就是flex盒模型,这两个属性简直是移动端响应式开发利器..用到了flex弹性盒模型意味着抛弃了老旧的float甚至是margin的布局进入了完全的响应式布局的时代,听过有个比喻,有的人不愿意尝试新鲜事物,就好像不愿意尝试网上支付的老年人一阅读全文

posted @ 2017-10-31 20:00 幽幽冷瞳阅读(240) 评论(1) 推荐(1) 编辑

响应式布局rem的使用

摘要：在如今移动端,响应式布局的时代,用rem作为单位已经是非常普及的一门小技巧了..rem的单位根据html的font-size来进行换算！ 1.rem的兼容性：如下图所示IE9以上就支持了rem这个属性,你说IE6 7 8怎么办,怎么办?让IE去死呗,都H5了还兼容个蛋蛋.手机端就更不用说IE了2.r 阅读全文

posted @ 2017-10-31 19:45 幽幽冷瞳阅读(977) 评论(0) 推荐(0) 编辑

京东首页如何实现pc端和移动端加载不同的html的？

摘要：进入www.jd.com后代码判断是手机的话就跳转m.jd.com 京东源码： !function(n){function o(n){for(var o=n+"=",t=document.cookie.split(";"),e=0;e<t.length;e++){for(vari=t[e];" "= 阅读全文

posted @ 2017-10-31 11:42 幽幽冷瞳阅读(1193) 评论(0) 推荐(0) 编辑

2017年10月19日

canvas绘制表盘时钟

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas绘制表盘</title></head><body> <canvas id='box' width="500" height="500" > 您的浏览器不阅读全文

posted @ 2017-10-19 23:18 幽幽冷瞳阅读(422) 评论(0) 推荐(0) 编辑

2017年10月17日

javascript实现ul中列表项随机排列

摘要：方法1 <!DOCTYPE html><html lang="en"><head> <script type="text/javascript"> window.onload=function(){ var arr = new Array(1,2,3,4,5,6); var ul = documen 阅读全文

posted @ 2017-10-17 15:15 幽幽冷瞳阅读(701) 评论(0) 推荐(0) 编辑

2017年10月15日

使用 HTML5 视频事件

摘要：转自：http://msdn.microsoft.com/zh-cn/library/hh924822(v=vs.85).aspx 为什么要使用事件？ HTML5 视频对象提供了很多事件，这些事件可以帮助简化和增强网页的内容。在此处将看到使用事件检查内容是否可用、视频播放状态以及如何在视频中监视当阅读全文

posted @ 2017-10-15 20:56 幽幽冷瞳阅读(251) 评论(0) 推荐(0) 编辑

2017年10月13日

Javascript获取当前鼠标在元素内的坐标定位

摘要：代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>获取鼠标在Canvas中的坐标位置</title> <style> #canvas{ border:1px solid #ccc; width:300px; heigh 阅读全文

posted @ 2017-10-13 22:18 幽幽冷瞳阅读(6808) 评论(0) 推荐(0) 编辑

2017年10月10日

移动 web 开发问题和优化小结

摘要： 1.前言到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，阅读全文

posted @ 2017-10-10 09:03 幽幽冷瞳阅读(143) 评论(0) 推荐(0) 编辑