吾非燕的博客

记录一下清除浮动的三种方法：html结构：<div class="main"> <div>1</div> <div>2</div> <div>3</div></div>css代码：body{margin: 0;padding: 0;}.main{width:400px;border: 1px solid red;margin:50px;}.main div{width:

首先可以看一下vue.js官网的安装流程，官网教程 1、安装node.js下载安装包按提示安装即可，检查是否已成功安装node和自带的npm的命令如下： 2、由于国内用npm安装不是很友好，因此可以用淘宝镜像cnpm代替，cmd中输入$ npm install -g cnpm --registry=https://registry.npm.taobao

1、在给button设置disabled属性的时候，如下<button disabled="disabled">确定</button>此时按钮处于不可点击状态，然后当到达某一条件时设置按钮为可点击，这时发现网上很多提供的方法为通过jquery或者js设置disabled为false,如图：此时可以发现按钮仍然是不可点击的，即使将disabled的值设为空也还是无法点击，不知道为什么网上这么多教程都是

前端一种常见的场景就是弹窗之后背后有一层遮罩层，可以用几种不同的方式实现。方法一： html:<div class="mask"></div><div class="warn"> <div class="title">提示</div> <div class="content">即将推出，敬请期待</div> <div class="i_know">我知道了</div><

由于iphoneX做了全面屏并且还保留一块小刘海，因此很多以前的移动端H5页面需要结合App客户端做出相应的适配，具体如下：1、顶部通栏之前的客户端一直采用状态栏20pt+导航栏44pt的做法。由于iphoneX多了一块小刘海，因此iphoneX单独采用状态栏44pt+导航栏44pt，意味着内嵌的H5页面整体下移24pt。2、底部操作栏由于iphoneX是全面屏，页面最底部会被弯曲的拐角截掉一部分，

1、只能输入正整数以及首位不是0/\D|^0/g2、只能输入正整数以及0/\D/g3、替换日期格式2017-12-19为20171219/-/g4、判断输入最多的数字function checkTel(str) { var json = {}; for (var i = 0; i &amp;lt; str.length; i++) { ...

预加载是指在页面加载完成之前，提前将所需资源下载。典型的例子就是当一个页面有非常多的图片的时候，可以使用预加载防止页面较长时间的出现空白。预加载增加了服务器压力，换来的是用户体验的提升。预加载的实现最常用的实现方法就是利用new Image(）（1）方法一<img class="backImg" src="" alt="背景图片">$(function () { preloadImg("im

sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。 语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。 注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如

实习的时候碰到项目组的前端开发用到了jade，于是了解了一下，顺便把自己学习的内容记录下来。进入正题：一、jade是什么？      Jade是一款高性能简洁易懂的模板引擎，Jade是Haml的Javascript实现，在服务端（NodeJS）及客户端均有支持。

今天学习了less，先总结一下less的编译方式，我用到的编译工具是koala,可以去http://koala-app.com/index-zh.html进行下载

在实际项目开发中经常会遇到ajax跨域问题，跨域跨域顾名思义就是跨域名，比如我的开发环境是测试环境（a.####.com），后台给我的接口url地址是预发布环境（b.####.com）,这个时候我在a域名下写的ajax去请求b域名下的地址就会产生跨域问题，造成无法返回结果。为什么会造成无法跨域请求呢，就是JavaScript的同源策略在作怪。即JavaScript只能访问在同一域名下的内容，不...

sublime用途 sublime是一款主流前端开发编辑器 支持html,css,js等前端开发语言，同时也支持php,c++，python,java等多种编程语言。 支持多种编程语言的语法高亮，拥有优秀的代码自动完成功能。 跨平台，同时支持[Windows]、[Linux]、[Mac OS X]等操作系统 Package Control支持的大量插件

iphone使用rvictl命令，需要在mac的Command Line Tools 中执行1、查看手机的UDID(通过itunes查看)2、执行rvictl -s UDID 开启端口，此时打开wireshark可以看见新增的端口号3、wireshark选择菜单“Capture”—“Interface”选中需要抓包的端口号点击start就可以开始开始抓包4、rvictl -x UDID 关闭端口an

当想要实现这个布局的时候觉得so easy,入门题啊，结果实现的时候却发现自己too young too simple。1、先讲一种最直接的，也是我不经大脑思考就拿来用的方法:利用calc(）html:<div class="main"> <div class="left">1</div> <div class="right">2</div></div>css:*{margin:

获取url参数我一般都是先用location.search获取？后面的部分参数，然后再使用indexOf()等等方法进行一系列操作取得参数值。发现每次都这么做显得有点繁复，网上找了一下发现一个很好用的封装好的函数，在这记录分享一下function getUrlParam(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

在用图表插件的时候比如charts可以在图表区域正常左右滑动，但是测试的时候发现在有些安卓机型上滑动不是特别流畅，经过一系列排查发现是默认的滑动事件影响到了，于是在touch事件里面阻止了浏览器默认事件：e.preventDefault();但是新的问题又产生了，阻止了默认事件后，没法在图表区域上下滑动来滑动页面，在对于小屏幕的用户体验非常差，可能图表区域就占了3/2屏幕，就根本没法进行页面的滑动。

在前端的设计稿上经常会看到‘X’这种形状的关闭按钮和‘>’以及其他三个方向的空心箭头图标。css有多种方式来实现，尝试了一下发现不是很容易记住，今天就来写写一个简单的利用after伪元素来实现的方法。1、关闭图标 html部分<span class="close"></span>css部分.close{ display: inline-block; width: 14p

在做移动端应用的时候，本地服务器生成的localhost地址不能在移动端打开，因此我们还需要一个反向代理，下面就来讲一下如何快速搭一个属于自己用的服务器。1.本地服务器本地服务器有很多种方式生成，使用自动化构建工具如grunt,glup,webpack等等。还可以使用nodejs，这里讲一种通用的方式：http-servernpm install -g http-server //全局安装http-