ime33的博客

版权声明：本文为博主原创文章，未经博主允许不得转载。如果考虑不周之处还请同行朋友指点~~~在前端开发过程中CSS横向布局几乎在每个项目中都会所有涉及，这种布局主要有浮动float和inline-block两种实现方式！首先说说float：浮动属性（left，right，none，inherit）float定义元素影响：1、脱离文档流进行布局；2、自动给浮动

未经允许，不得转载！！水平有限考虑不全不周之处，欢迎指正交流！一、块级元素水平margin居中；demo： http://blog.youkuaiyun.com/ime33 居中元素demo *{padding: 0;margin: 0} a{text-decoration: n

未经允许，不得转载！！水平有限，欢迎交流、指正！！图片url地址为空时出现小圆框占位符：vertical-align: middle;border:0 none;outline: none;width: 25px;这是因为定义了宽度，无论是具体的宽度还是100%铺满宽度都会出现占位符，解决当然就是去除宽度，或者后台判断当src地址为空时隐藏图片。

版权声明：本文为博主原创文章，未经博主允许不得转载。在写交互的时候，加载函数使onload还是load呢？趁机整理以防遗忘！！js中window.onload(function)等价于jquery中$(window).onload(function)一：window.load这个只是表明事件方法，但并未执行，比如hover、click表示事件，必须用上hover、onclick他才...

未经允许，不得转载！水平有限，欢迎指正、交流！！返回 返回两种都可返回到上一级，go（number）为-1时返回上一级，同理为1时表示前进；back（）返回，没有参数，注意：他们之间的区别就在于back（）会刷新页面，而go（）不会刷新页面；另外当使用javascript的history.go(-1)或history.back()函数时，若上一页是静态页面或提交数据前的

未经允许，不得转载！水平有限，欢迎指正、交流！table表格js简单操作隐藏与显示出现结构错乱，

未经允许，不得转载！水平有限，欢迎指正、交流！源码： css截取字符串 *{padding: 0;margin: 0;font-family: "微软雅黑"} h3{margin: 15px 0;text-align: center;} .demo{ margin: 15px 0 30px 0; } div.demo1

原文网址：http://yanhaijing.com/css/2016/08/21/flex-practice-on-mobile/做过移动端的同学都知道移动端布局太难了，终端太多了，传统的布局方式已经力不从心，各种新的布局方式被发明在flex之前，传统布局有流式布局（就是默认的方式），绝对定位布局，弹性布局（em），和浮动布局，其中浮动布局并不是为布局而设计的，使

转载于  我的小树林  原址：http://www.cnblogs.com/dojo-lzz/p/3983335.htmlHTML渲染过程详解　　无意中看到寒冬关于前端的九个问题，细细想来我也只是对第一、二、九问有所了解，正好也趁着这个机会梳理一下自己的知识体系。由于本人对http协议以及dns对url的解析问题并不了解，所以这里之探讨url请求加载

通常我们在开发一个登陆应用的时候，有一个非常常见的业务需求，那就是保留用户登陆信息多少天！！不废话，直接上demo！！<!--* @Author: [ZGM] IME33 * @Date: 2017-10-09 13:34:23* @Last Modified by: [ZGM] * @Last Modified time: 2017-10-09 13:44:23

转载于：http://www.haorooms.com/post/css_unit_calc单位介绍说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw

未经允许，不得转载！！水平有限，欢迎交流、指正！！关于设备像素比（devicePixelRatio）所谓设备像素比（devicePixelRatio[dpr]）指的就是物理像素(physical pixel)和独立像素(device-independent pixels [dips])的比例。物理像素：就是我们经常所说的分辨率，如iphone 6 的分辨

未经允许，不得转载！！水平有限，不周之处欢迎交流、指正！！360浏览器兼容模式、极速模式中兼容模式就是个坑，这货呢，包含了两个浏览器一个是IE（Trident内核），即兼容模式，在使用网银时需要切换为兼容模式一个是Chrome（Chrommium内核），即极速模式，普通浏览时使用一般情况下呢，采用极速模式解析网页，但是一旦到了敏感性页面，

未经允许，不得转载！！水平有限，不周之处欢迎指正、交流。博客原文：http://blog.youkuaiyun.com/ime33现在市面上很多商家为了促进交易，采取各种各样的营销方案，转盘抽奖就是里面比较经典的一种！但是商家真正的随机中奖，基本那是不可能的！在市面上看到的抽奖90%以上的中奖概率都是商家程序内定的，中奖概率极低。要做抽奖主要有几下几种方法：第一种：纯前

版权所有：未经允许，不得转载！！在项目中，难免会遇上在某些功能模块中，该用户不得操作的情况，下面总结下一些小方法，若有考虑不全，欢迎大牛们补全、交流：第一种：使用按钮禁用属性disabled=“disabled”或者disabled=“true”,禁用之后再加点禁用背景或者字色搭配就更加完美了，原生的js方式：document.getElementByIdx_x_x("btnSho

说的不周的欢迎大牛指正、补充！未经允许，不得转载！这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。所有浏览器都支持CSS2 clip，属性值有：shape(top,right,bottom,left)、auto、inherit；注意注意所

未经允许，不得转载！！说的不全不周之处，欢迎指正、交流！！padding内边距，属性有：auto、%、数值px以及inherit（inherit在任何IE下不兼容）；padding包括padding-top、padding-right、padding-bottom、padding-left缩写{上下，左右}或{上，右，下，左}浏览器渲染占位：如效果图：

未经允许，不得转载！水平有限，说的不周之处欢迎大牛指正、交流！！一、透明度opacity{value|inherit}demo： css滤镜 .imgbox{ width: 150px; height: auto;

未经允许，不得转载！！水平有限，欢迎指正、交流！做的一个后台页面iframe框架系统，分享下！iframe所有浏览器都支持 标签，创建包含另外一个文档的内联框架（即行内框架）；属性：align规定如何根据周围的元素来对齐此框架。frameborder规定是否显示框架周围的边框。height规定 iframe 的高度。longdesc规定一个页面，该页面

未经允许，不得转载！！水平有限，写的不周之处欢迎指正、交流！在前端开发中，遇到单位的时候会有几种选择，那到底用哪种单位才是最合适的呢？在国内的一些美工设计大师，在设计的时候多偏向于px单位，而在国外呢，大多喜欢使用em和rem作为单位。一、px单位（pixel相对长度单位）相对于用户的设备分辨率而定，推荐使用。特点：1.低版本 IE无法调整那些使用px作为单

未经允许，不得转载！水平有限，不周之处欢迎指正、交流！box-flex{value}属性规定框的子元素是否可伸缩其尺寸。可伸缩元素能够随着框的缩小或扩大而缩写或放大。只要框中有多余的空间，可伸缩元素就会扩展来填充这些空间。兼容性：目前没有浏览器支持 box-flex 属性。Firefox 支持替代的 -moz-box-flex 属性。Safari、Ope

在了解box-sizing之前，让我们来稍稍回顾一下盒子模型，模型分为：标准盒模型+IE盒模型。那这有什么区别呢？见图所示：从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、c

原文：CSS hack大全 作者：吴雷君我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下也能够实现项目需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。part1 —— 浏览器测试仪器，测试您现在使用的浏览器类型IE6 IE7 I

未经允许不得转载！！水平有限，不周之处，欢迎指正、交流！！之前在写悬浮事件的时候，一直以为都可以，而且还没出现莫名的bug，不放心，于是在这整理了下！总之：hover = mouseenter + mouseleave        hover！= mouseover + mouseout。悬浮hover事件指的是指针进入到DOM元素以及移出DOM元素之外就行触发的

以下方式仅供参考，适合自己项目的才是最好的！！一、行内样式使用import React from 'react'class Home extends React.Component { render() { return ( <div> <h3 style={{fontColor: 'green',marginTop:'5...