Sixteen_-CSDN博客

原创 MoonLight可视化订单需求区域分析系统前端

MoonLight可视化订单需求区域分析系统前端MoonLight可视化订单需求区域分析系统实现功能：　　在现实生活中，计算机和互联网迅速发展，人们越来越趋向于网络，于是我们就有了各种各样的系统，来帮助我们更好地生活。比如对于打车来说，我们也可以通过网上叫车，那么我们就会产生大量的用户订单，特别是对于一些固定时间、固定地点，叫车用户的订单量会非常大，那么我们同样也要很好的管理这些订单。那么我们便

2019-07-21 02:20:45 581

原创 call apply bind

每个函数都包含两个非继承而来的方法call() apply()用途：在特定的作用域中调用函数，实际等于设置函数体内this对象的值apply callapply方法接收两个参数：在其中运行函数的作用域参数数组第二个参数可以是Array的实例，也可以是arguments对象第一个参数是null undefined 指向window global (严格模式指向 null undef

2018-01-04 10:27:56 206

原创图片懒加载

图片懒加载的实现原理：在现在很多网站上，在图片加载时均采用了懒加载的方式，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，而当这些图片出现在可视区域时才会动态加载这些图片，从而提高了初次加载的速度，优化了网页性能具体实现方法如下：HTML代码 /*现将src为空，自定义属性存放图片路径，图片进入可视区范围内时，动态将路径赋给src*/ <div id="di

2017-12-30 14:33:38 287

原创两列自适应和三列自适应布局

1.两列自适应布局方式两列自适应，左边固定宽度，右边自适应。方法一：左右各一个div，左边div用绝对定位，定宽，右边用margin-left：“左边div的宽度”。<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

2017-08-14 20:44:09 530

原创清理浮动那些事

先说一下什么是文档流和文本流：文档流本是自上而下，自左而右的布局，针对于盒子模型，如果一个元素浮动了，那么它下面没有浮动的元素就会无视它所占据的空间，布局在它下方。但是文本流是针对文字，这种情况下，文字还是会环绕它布局。脱离文档流的方法一般是float,absolute,fixed清除浮动：如果一个父元素没有设置高，其中的子元素浮动了，而由于父元素的高度为0，那么下面的元素就会自动补位。清理浮

2017-08-13 22:04:20 298

原创一个手风琴效果的jquery动画

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ padding:0px; margin:0px; } .li_list{ fl

2017-07-28 22:36:08 665

原创鼠标滚轮事件之支付宝案例

鼠标滚轮事件：onmousewheel js e对象参数里 jQuery e的originalEvent里主要实现效果：仿照支付宝效果，鼠标滚轮事件，当鼠标向下滚动时，整个页面元素依次以浏览器为单位向上移动，而当鼠标向下滚动时，整个页面元素又以浏览器为单位向下滚动。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF

2017-07-28 22:31:07 678

原创随机背景颜色的生成

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ background:lavender; } </style> </head

2017-06-12 19:30:47 1746

原创多个选项卡

多个选项卡的思路就是封装函数然后传参<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #box1,#box2,#box3{ margin:0 auto;

2017-06-12 19:18:36 513

原创定时器

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #box{ width:200px; height:50px; bord

2017-06-10 20:50:30 361

原创验证码

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ background:lightgoldenrodyellow; } .cl

2017-06-10 20:41:22 339

原创实现简单的文字查找替换

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>#box{ width:500px; height:500px; margin:30px auto; border:10px solid black; padding:30px;}.word{ f

2017-06-09 18:43:19 885

原创简单排序以及冒泡排序

1.简单排序<script type="text/javascript"> window.onload=function(){ function compare(value1,value2){ return value1 > value2 ? 1:-1; };//定义比较方法 var arr = ['34','

2017-06-09 18:22:00 339

Auyuer的博客