吾非燕-CSDN博客

原创快速排序的JavaScript实现

快速排序是排序算法中使用最广泛，也是最快速的一种排序算法。排序过程如下： 1、取数组中的某个元素作为基准数 2、遍历数组将小于基准数的放在基准数的左边，大于等于基准数的放在基准数的右边 3、对左右两边的序列分别进行上述操作 4、直到左右两边序列不再需要进行排序，即序列个数只剩一个初始序列：{49 27 65 50 76 12 38} 第1趟：{49 27 12 38} 50 {...

2018-05-02 17:49:35 449

原创插入排序的JavaScript实现

插入排序就好比抓牌，将拿到的牌插入到手上已经排好顺序的牌中的合适位置。排序过程如下： 1、取数组第一个元素作为已排序元素 2、取下一个元素与已排序元素从后往前比较 3、当该元素大于比较元素，将比较元素往后移动一位。 4、直到出现小于或者等于该元素的位置，在其后面插入。js代码实现var insertsort = function(arr) { for(var i =...

2018-04-22 17:14:09 282

原创选择排序的JavaScript实现

选择排序基本思想：每次从待排序的数据集合中找到最小值（或者最大值），然后将这个值放到序列的起始位置，之后的元素则依次放到序列的之后位置，直到全部待排序的数据元素排完。既，第一次循环数组将最小值与A[0]交换，第二次循环从A[1]元素开始选择最小值与A[1]交换，以此类推。举例：初始序列：{49 27 65 97 76 12 38} 第1趟：12与49交换：12{27 65 97 76 4...

2018-04-21 16:33:42 254

原创冒泡排序的JavaScript实现

冒泡排序冒泡排序是排序算法中最基础的一种排序。其基本思路是：将相邻的两个元素进行比较，顺序相反则进行交换。每次遍历将最大值或者最小值”浮”到序列最右端或者左端。js代码实现var bubblesort = function(arr) { for(var i = 0;i<arr.length - 1;i++){ var flag = true; ...

2018-04-21 14:09:42 208

原创常用正则表达式汇总

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

2017-12-19 17:47:33 276

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

2017-12-16 17:54:09 17758

转载 sort()用法详解

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

2017-12-06 15:25:59 32924 1

原创图片预加载实现

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

2017-12-03 17:35:18 578

原创 iphoneX适配-客户端H5页面

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

2017-11-26 15:13:15 11707

原创弹窗遮罩的几种实现方式

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

2017-05-18 22:56:32 7395

原创 disabled属性

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

2017-04-26 23:15:37 14819

原创 vue.js安装流程（基本版）

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

2016-11-27 00:23:10 462

原创 css布局—一列宽度固定，一列宽度自适应

当想要实现这个布局的时候觉得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:

2016-08-17 23:03:04 2168

原创清除浮动的解决办法总结

记录一下清除浮动的三种方法：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:

2016-08-11 21:49:51 340

原创获取url参数方法分享

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

2016-08-06 22:51:44 354

原创 touch事件兼容性处理

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

2016-07-30 16:25:48 5292

原创 after伪元素实现空心三角箭头和X图标

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

2016-07-26 22:57:36 17078 1

原创 ajax跨域问题总结

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

2016-07-24 23:19:30 427

原创移动网络手机抓包分享

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

2016-07-20 15:10:14 1377

原创 sublime,phpstorm,photoshop开发工具介绍

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

2016-07-20 14:43:23 2470

原创 less学习之编译方法（koala使用说明）

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

2015-05-22 15:12:49 8557 1

原创 jade学习总结

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

2015-05-22 10:24:34 1815

吾非燕的博客