关注
分享
ime33
许久以来，我将不为人知的心事，藏在最贴心的行囊，为有在无人注意的一刻，才能悄悄思索，怎会在无意之中就将你烙入心头
展开
-
横向布局中浮动float和inline-block的使用
版权声明：本文为博主原创文章，未经博主允许不得转载。如果考虑不周之处还请同行朋友指点~~~在前端开发过程中CSS横向布局几乎在每个项目中都会所有涉及，这种布局主要有浮动float和inline-block两种实现方式！首先说说float：浮动属性（left，right，none，inherit）float定义元素影响：1、脱离文档流进行布局；2、自动给浮动原创 2017-01-06 23:15:00 · 1773 阅读 · 0 评论 -
年底了，总结下居中元素的一些方法
未经允许，不得转载！！水平有限考虑不全不周之处，欢迎指正交流！一、块级元素水平margin居中；demo： http://blog.csdn.net/ime33 居中元素demo *{padding: 0;margin: 0} a{text-decoration: n原创 2017-01-11 18:25:15 · 400 阅读 · 0 评论 -
图片url地址为空时出现小圆框占位符
未经允许，不得转载！！水平有限，欢迎交流、指正！！图片url地址为空时出现小圆框占位符：vertical-align: middle;border:0 none;outline: none;width: 25px;这是因为定义了宽度，无论是具体的宽度还是100%铺满宽度都会出现占位符，解决当然就是去除宽度，或者后台判断当src地址为空时隐藏图片。原创 2017-03-23 17:22:48 · 1042 阅读 · 0 评论 -
js中load与onload的区别
版权声明：本文为博主原创文章，未经博主允许不得转载。在写交互的时候，加载函数使onload还是load呢？趁机整理以防遗忘！！js中window.onload(function)等价于jquery中$(window).onload(function)一：window.load这个只是表明事件方法，但并未执行，比如hover、click表示事件，必须用上hover、onclick他才...原创 2017-01-08 13:06:01 · 40509 阅读 · 5 评论 -
返回上一层常用方法
未经允许，不得转载！水平有限，欢迎指正、交流！！返回 返回两种都可返回到上一级，go（number）为-1时返回上一级，同理为1时表示前进；back（）返回，没有参数，注意：他们之间的区别就在于back（）会刷新页面，而go（）不会刷新页面；另外当使用javascript的history.go(-1)或history.back()函数时，若上一页是静态页面或提交数据前的原创 2017-03-25 17:25:14 · 8613 阅读 · 0 评论 -
table表格js简单操作隐藏与显示出现结构错乱解决方法
未经允许，不得转载！水平有限，欢迎指正、交流！table表格js简单操作隐藏与显示出现结构错乱，原创 2017-06-17 23:51:32 · 2256 阅读 · 1 评论 -
CSS字符串截取
未经允许，不得转载！水平有限，欢迎指正、交流！源码： css截取字符串 *{padding: 0;margin: 0;font-family: "微软雅黑"} h3{margin: 15px 0;text-align: center;} .demo{ margin: 15px 0 30px 0; } div.demo1原创 2017-06-13 16:56:28 · 1496 阅读 · 0 评论 -
2017年如何在移动端优雅的使用flex
原文网址：http://yanhaijing.com/css/2016/08/21/flex-practice-on-mobile/做过移动端的同学都知道移动端布局太难了，终端太多了，传统的布局方式已经力不从心，各种新的布局方式被发明在flex之前，传统布局有流式布局（就是默认的方式），绝对定位布局，弹性布局（em），和浮动布局，其中浮动布局并不是为布局而设计的，使转载 2017-09-25 14:02:09 · 984 阅读 · 0 评论 -
HTML渲染过程详解
转载于 我的小树林 原址：http://www.cnblogs.com/dojo-lzz/p/3983335.htmlHTML渲染过程详解 无意中看到寒冬关于前端的九个问题，细细想来我也只是对第一、二、九问有所了解，正好也趁着这个机会梳理一下自己的知识体系。由于本人对http协议以及dns对url的解析问题并不了解，所以这里之探讨url请求加载转载 2017-09-06 10:10:58 · 428 阅读 · 0 评论 -
使用Cookie存取用户登录信息
通常我们在开发一个登陆应用的时候，有一个非常常见的业务需求，那就是保留用户登陆信息多少天！！不废话，直接上demo！！<!--* @Author: [ZGM] IME33 * @Date: 2017-10-09 13:34:23* @Last Modified by: [ZGM] * @Last Modified time: 2017-10-09 13:44:23原创 2017-10-09 13:38:48 · 2465 阅读 · 1 评论 -
CSS的单位及css3的calc()及line-height百分比
转载于：http://www.haorooms.com/post/css_unit_calc单位介绍说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw转载 2017-11-14 15:06:52 · 542 阅读 · 0 评论 -
移动端1px边框制作
未经允许，不得转载！！水平有限，欢迎交流、指正！！关于设备像素比（devicePixelRatio）所谓设备像素比（devicePixelRatio[dpr]）指的就是物理像素(physical pixel)和独立像素(device-independent pixels [dips])的比例。物理像素：就是我们经常所说的分辨率，如iphone 6 的分辨原创 2017-03-28 18:40:05 · 534 阅读 · 0 评论 -
360浏览器兼容模式下代码渲染兼容问题
未经允许，不得转载！！水平有限，不周之处欢迎交流、指正！！360浏览器兼容模式、极速模式中兼容模式就是个坑，这货呢，包含了两个浏览器一个是IE（Trident内核），即兼容模式，在使用网银时需要切换为兼容模式一个是Chrome（Chrommium内核），即极速模式，普通浏览时使用一般情况下呢，采用极速模式解析网页，但是一旦到了敏感性页面，原创 2017-03-09 14:31:50 · 2244 阅读 · 0 评论 -
最近在做一个抽奖转盘，在这做个小结，好记性不如写博客~~
未经允许，不得转载！！水平有限，不周之处欢迎指正、交流。博客原文：http://blog.csdn.net/ime33现在市面上很多商家为了促进交易，采取各种各样的营销方案，转盘抽奖就是里面比较经典的一种！但是商家真正的随机中奖，基本那是不可能的！在市面上看到的抽奖90%以上的中奖概率都是商家程序内定的，中奖概率极低。要做抽奖主要有几下几种方法：第一种：纯前原创 2017-02-15 16:34:16 · 9412 阅读 · 0 评论 -
总结下在开发项目中禁用按钮的一些小方法
版权所有：未经允许，不得转载！！在项目中，难免会遇上在某些功能模块中，该用户不得操作的情况，下面总结下一些小方法，若有考虑不全，欢迎大牛们补全、交流：第一种：使用按钮禁用属性disabled=“disabled”或者disabled=“true”,禁用之后再加点禁用背景或者字色搭配就更加完美了，原生的js方式：document.getElementByIdx_x_x("btnSho原创 2017-01-09 15:32:24 · 2928 阅读 · 0 评论 -
css{clip：rect}好玩的属性
说的不周的欢迎大牛指正、补充！未经允许，不得转载！这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。所有浏览器都支持CSS2 clip，属性值有：shape(top,right,bottom,left)、auto、inherit；注意注意所原创 2017-01-10 17:19:34 · 2029 阅读 · 0 评论 -
css中基础padding的小技巧，移动端大用处
未经允许，不得转载！！说的不全不周之处，欢迎指正、交流！！padding内边距，属性有：auto、%、数值px以及inherit（inherit在任何IE下不兼容）；padding包括padding-top、padding-right、padding-bottom、padding-left缩写{上下，左右}或{上，右，下，左}浏览器渲染占位：如效果图：原创 2017-01-12 18:20:32 · 5559 阅读 · 0 评论 -
CSS滤镜效果（俗称毛玻璃）
未经允许，不得转载！水平有限，说的不周之处欢迎大牛指正、交流！！一、透明度opacity{value|inherit}demo： css滤镜 .imgbox{ width: 150px; height: auto;原创 2017-01-13 17:04:49 · 572 阅读 · 0 评论 -
经典iframe后台系统框架
未经允许，不得转载！！水平有限，欢迎指正、交流！做的一个后台页面iframe框架系统，分享下！iframe所有浏览器都支持 标签，创建包含另外一个文档的内联框架（即行内框架）；属性：align规定如何根据周围的元素来对齐此框架。frameborder规定是否显示框架周围的边框。height规定 iframe 的高度。longdesc规定一个页面，该页面原创 2017-01-13 20:44:38 · 11333 阅读 · 1 评论 -
CSS中那些px、em、pt、rem、%、dp（android）单位
未经允许，不得转载！！水平有限，写的不周之处欢迎指正、交流！在前端开发中，遇到单位的时候会有几种选择，那到底用哪种单位才是最合适的呢？在国内的一些美工设计大师，在设计的时候多偏向于px单位，而在国外呢，大多喜欢使用em和rem作为单位。一、px单位（pixel相对长度单位）相对于用户的设备分辨率而定，推荐使用。特点：1.低版本 IE无法调整那些使用px作为单原创 2017-01-14 10:28:17 · 13658 阅读 · 0 评论 -
CSS3新属性box-flex移动端利器
未经允许，不得转载！水平有限，不周之处欢迎指正、交流！box-flex{value}属性规定框的子元素是否可伸缩其尺寸。可伸缩元素能够随着框的缩小或扩大而缩写或放大。只要框中有多余的空间，可伸缩元素就会扩展来填充这些空间。兼容性：目前没有浏览器支持 box-flex 属性。Firefox 支持替代的 -moz-box-flex 属性。Safari、Ope原创 2017-01-14 11:43:56 · 1759 阅读 · 0 评论 -
对css属性box-sizing稍稍了解
在了解box-sizing之前，让我们来稍稍回顾一下盒子模型，模型分为：标准盒模型+IE盒模型。那这有什么区别呢？见图所示：从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、c原创 2017-01-04 15:19:48 · 365 阅读 · 0 评论 -
CSS hack大全，说得很不错！分享下
原文：CSS hack大全 作者：吴雷君我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下也能够实现项目需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。part1 —— 浏览器测试仪器，测试您现在使用的浏览器类型IE6 IE7 I转载 2017-01-12 10:03:04 · 342 阅读 · 0 评论 -
JS悬浮事件中hover、mouseenter、mouseleave、mousedown、mouseup、keydown、keyup、mouseover以及mouseout之间的区别
未经允许不得转载！！水平有限，不周之处，欢迎指正、交流！！之前在写悬浮事件的时候，一直以为都可以，而且还没出现莫名的bug，不放心，于是在这整理了下！总之：hover = mouseenter + mouseleave hover！= mouseover + mouseout。悬浮hover事件指的是指针进入到DOM元素以及移出DOM元素之外就行触发的原创 2017-02-10 16:23:31 · 13919 阅读 · 0 评论 -
React中css的几种使用方式
以下方式仅供参考，适合自己项目的才是最好的！！一、行内样式使用import React from 'react'class Home extends React.Component { render() { return ( <div> <h3 style={{fontColor: 'green',marginTop:'5...原创 2019-08-07 15:33:24 · 1402 阅读 · 1 评论