Ansue的最近发布

rem兼容js

原文链接：http://caibaojian.com/simple-flexible.html//code from http://caibaojian.com/simple-flexible.html<style id="rootFontSize">html{font-size: 100px !important;}</styl

rem flexbile

转载 2017-11-20 10:54:20 983 阅读

href分割

JavaScript

href

原创 2017-08-16 11:29:56 748 阅读

上下滑动的swiper，第二个slider高度大于屏幕，如何让它出现滚动条，像单页面那样滑动？？

https://segmentfault.com/q/1010000005605451/a-1020000009012368/revision HTML： <div class="swiper-container swiper-container-v"> <div class="swiper-wrapp

swiper 单页滑动

转载 2017-07-05 15:28:15 7640 阅读 1评论

a标签嵌套解决方案

<a href="#haorooms">outerA <a href="#haoroomsinner">innerA</a></a><!-- 而浏览器则会解析成 -- > <a h

a标签嵌套

转载 2017-07-03 10:29:56 714 阅读

移动机型介绍

https://pic4.zhimg.com/fa1ad5340f86eac06563969349264fa3_r.png

移动机

型介绍

原创 2016-11-09 14:30:28 780 阅读

判断是pc还是moblie

//框架结构设置function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian

判断pc或mobile

转载 2016-11-02 17:31:58 617 阅读

grunt 打包前端代码

【grunt整合版】30分钟学会使用grunt打包前端代码grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装nodeJS环境，这块我们便不管了http://ww

程序

接口

项目

require

压缩文件

转载精选 2016-09-21 11:25:16 554 阅读

多图居中屏幕布局

<ul> <li><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&fm=58" alt="" /></li> <li><img src="https://

center

display

原创 2016-09-20 14:54:23 582 阅读

对角线的制作

<div class="duijx"><a href="" class="a1">加油</a><a href="" class="a2">菜鸟</a></div><style type="text/css">.duijx{position: re

absolute

relative

position

原创 2016-09-20 14:46:19 692 阅读

用jQuery实现点击页面其他位置，关闭弹出框

$(document).click(function (e) { var drag = $("#drag"), dragel = $("#drag")[0],

document

target

function

原创 2016-09-20 10:58:46 2109 阅读

设置固定IP

控制面板---所有控制面板项---管理工具---Internet 信息服务(IIS)管理器---52DH3RGR6DJO3KS---网站---zhx---编辑网站-绑定

网站

控制

面板

原创 2016-08-16 14:27:54 561 阅读

改变placeholder的字体颜色

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00;}input:-ms-input-placeholder,textarea:-ms-inp

Firefox

color

原创 2016-08-10 14:50:15 801 阅读

国内牛人和团队博客

http://bbs.blueidea.com/thread-3031823-1-1.html前端团队阿里巴巴 UED -- 我们设计的界面，并没有几十亿的流量，但每天来自上百个国家的百万商人在使用着。阿里巴巴中国站UED -- 阿里巴巴中国站UED成立于1999年，全称是用户体验设计部（User Experience Design Department），是阿里巴巴集团最资深

百度

Mobile

阿里巴巴

淘宝网

中文意思

转载精选 2016-03-30 16:03:01 909 阅读

pointer-events:none;

http://www.zhangxinxu.com/wordpress/2011/12/css3-pointer-events-none-javascript/ pointer-events: auto | noneauto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同

浏览器

Firefox

chrome

Opera

safari

转载精选 2016-01-15 16:33:30 516 阅读

居中方法

<div class="pls"></div>1：position:absolute;left:50%;top:50%;z-index:3;background:#f60;transform:translate(-50% -50%);（适合手机页面，IE9(-ms-), IE10+）2：position:absolute;left:50%;to

background