摘要：
1、 默认的内外边距不同 问题： 各个浏览器默认的内外边距不同 解决： *{margin:0;padding:0;} 2、水平居中的问题 问题： 设置 text-align: center ie6-7文本居中，嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中，嵌套块不会居 阅读全文
摘要：
我们在开发的时候会明确项目要兼容哪些浏览器的最低版本，我之前的项目要求兼容IE8.0以上的版本，Chrome 48以上，FireFox 44以上。有了这些最基本的要求，在开发中就是要考虑到CSS样式和JavaScript的在这些浏览器的兼容性了一、html部分 1.H5新标签在IE9以下的浏览器识别 阅读全文
摘要：
1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3s 阅读全文
摘要：
1、如何让一个盒子水平垂直居中 2、一个页面上两个div左右铺满整个浏览器，要保证左边的div一直为100px，右边的div跟随浏览器大小变化（比如浏览器为500，右边div为400，浏览器为900，右边div为800），请写出大概的css代码。 阅读全文
摘要：
京东秒杀倒计时 1、HTML 2、CSS 3、js 运行效果： 阅读全文
摘要：
Web前端面试题总结 HTML+CSS理论知识 1、讲讲输入完网址按下回车，到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的 阅读全文
摘要：
一、移动端三种布局 1、有最大、最小宽度的百分比自适应布局 适用场景：门户网站首页，图片较多的首页。 2、百分比自适应布局 适用场景：信息文字较多的网页，内容较多网页。 3、全屏自适应布局 适用场景：单页面网页，移动web app 页面。 二 、Box-sizing在移动端的使用 在百分比定宽的页面 阅读全文
摘要：
1、响应式布局 开发一个页面，在所有的设备上都能够完美展示。 媒体查询：@media screen and (max-width:100px) { } 媒体类型：screen（屏幕） print（打印机）handheld（手持设备）all（通用） 常用媒体查询参数： width —— 视口宽高hei 阅读全文
摘要：
1、 piexl 像素知识 640 * 1136的图片能不能在iphone5上完全展示？iphone5分辨率640*1136 逻辑像素与物理像素的关系px逻辑像素：浏览器使用的抽象单位dp，pt物理像素：设备无关像素dpr：设备像素缩放比计算公式：1px = (dpr)^2 * dpiphone5的 阅读全文
摘要：
rem布局（进阶版） 该方案使用相当简单，把下面这段已压缩过的 原生JS（仅1kb，源码已在文章底部更新，2017/5/3） 放到 HTML 的 head 标签中即可（注:不要手动设置viewport，该方案自动帮你设置），此方案仅适用于移动端web rem布局（进阶版） 该方案使用相当简单，把下面 阅读全文
摘要：
一、总之一句话, 尽量用mm 毫米作为标准单位. 采用新的相对单位 rem 首先设置html的 font-size 为根大小. html{ font-size:1mm; } .titleheight{ height:10rem; //这里等于10mm width:11rem; //这里等于11mm 阅读全文
摘要：
一、关于布局方案 当拿到设计师给的UI设计图，前端的首要任务就是布局和样式，相信这对于大部分前端工程师来说已经不是什么难题了。移动端的布局相对PC较为简单，关键在于对不同设备的适配。之前介绍了一篇关于移动端rem布局方案，这大致是网易H5的适配方案。不过实践中发现淘宝开源的可伸缩布局方案效果更好且更 阅读全文
摘要：
node.js安装方法 第一步：双击node.js安装包开始安装，注意64位和32位，按照自己的进行安装 第二步：在安装过程中一直选择next，在选择安装目录时，大多数默认安装在C盘，我安装在了D盘，看个人习惯了 第三步：安装完成后，需要设置环境变量，这个是很重要的。打开计算机——属性——系统高级设 阅读全文
摘要：
一、预处理 Less 1、官网文件 > 一款比较流行的预处理CSS，支持变量、混合、函数、嵌套、循环等特点> [官网](http://lesscss.org/)> [中文网](http://lesscss.cn/)> http://www.w3cplus.com/css/less [less手册]w 阅读全文
摘要：
一、移动端轮播图滑动 1、先获取手指在轮播图元素上的滑动方向(左右) 2、根据获得到的方向选择上一张或下一张 javascript代码 1 //移动端轮播图滑动 2 3 //1、先获取手指在轮播图元素上的滑动方向(左右) 4 //手指触摸开始时记录手指所在的坐标X 5 6 //获取界面上的轮播图容器 阅读全文
摘要：
下面采用HTML+CSS+JavaScript实现模态框，并采用Flex布局和多媒体查询实现响应式。 一、模态框HTML代码 首先定义模态框的overlayer，然后定义模态框的内容包括header（带关闭按钮）、body和footer。 二、模态框CSS代码 模态框model默认不显示（displ 阅读全文
摘要：
1、当我们想使用百分比来进行两个盒子的并排 代码： 当我们想通过inline-block让两个div来并排，一个战父盒子的80%，一个占20%。可能看起来刚好100%，但是会由于代码中左右两个盒子之间的空白字符会导致右边的盒子掉下来。 2、解决办法 （1）消除空白字符 让左右两个盒子的代码紧密连起来 阅读全文
摘要：
Bootstrap JS插件使用 > 对于Bootstrap的JS插件，我们只需要将文档实例中的代码粘到我们自己的代码中> 然后作出相应的样式调整 Bootstrap中轮播图插件叫作Carousel 一、基本的轮播图实现 HTML代码 二、轮播图使用中的问题 1、由于轮播图片超宽造成的影响 - 美工 阅读全文
摘要：
一、函数库 underscoreJS _.template： 二、rem布局 准备编辑这段时发现简书上已经有作者写了关于rem布局的介绍，并且他的设置比我所用的更加简洁，贴上地址供大家学习参考。 手机端页面自适应解决方案—rem布局进阶版（附源码示例） 三、移动web开发中的常见问题 1、移动端如何 阅读全文
摘要：
一、流式布局 1、 什么是流式布局 流式布局就是百分比布局，通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充，同时会设定最小宽度和最大宽度，适用于图片比较多的首页、门户、电商等。 在这里我们以京东的M站为例进行说明： 可以看到，在京东各个模块的主容器中，都设置 阅读全文