泡泡菌-优快云博客

原创 javascript中的this作用域详解——针对初学者

//#######针对一名初学者对this的指向问题的理解#########//1.全局的函数调用function test(){ this.name="global this" console.log(this.name)}test(); //global thisvar name="global this"function test(){ console.

2018-02-02 11:32:13 1247

原创前端窗口聊天效果

HTML：html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scala

2017-12-14 20:27:34 2697

原创点击不同元素显示不同内容

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="../common/jquery-3.1.1.js">script>head>style> .parent{ height: 200px; border: 1px soli

2017-11-22 21:25:56 1679 1

原创 Vue 增删示例

html>html lang="en">head> meta charset="UTF-8"> title>todoList-Vuetitle> script src="../common/vue.js">script> style> table{ margin-top: 20px; } t

2017-11-13 20:35:58 422 1

原创获取url参数

//获取url参数function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.decodeURI(location.search).substr(1).match(reg); if(r!=null)return unescape(

2017-11-01 11:48:44 337

原创制保留2位小数

//制保留2位小数，如：2，会在2后面补上00.即2.00function toDecimal2(x) { var f = parseFloat(x); if (isNaN(f)) { return false; } var f = Math.round(x*100)/100; var s = f.toString(); var r

2017-11-01 11:43:24 797

原创金额小写转大写

function smalltoBIG(n){ var fraction = ['角', '分']; var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; var unit = [ ['元', '万', '亿'], ['', '拾', '佰', '仟'] ]; var head = n 0

2017-11-01 11:38:39 373

原创 input长度根据输入内容变化

$('input:not(.topinput)').bind('input propertychange', function() { var $this = $(this); console.log($this); var text_length = $this.val().length;//获取当前文本框的长度 var current_width = parse

2017-11-01 09:10:45 2040

原创 ajax获取的数据通过avalon绑定实例

1.html页面代码：html>html lang="en">head> meta charset="UTF-8"> title>avalon数据循环绑定title> script src="../common/jquery-3.1.1.js">script> script src="../common/avalon.js">script> sc

2017-10-27 17:38:32 2708

转载 js正则表达式基本语法(精粹)

懒到复制粘贴排版：点击点击↓↓↓↓↓↓↓↓http://www.jb51.net/article/72044.htm

2017-10-27 15:12:25 243

原创前端url传参中文乱码问题

function getRequest() { var url = window.location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.sub

2017-10-27 09:52:12 1667 1

原创实时获取input输入的值实例

html>html>head> title>first exampletitle> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> script src="../../js/jquery-2.1.4.js">script>bo

2017-10-24 10:18:28 2036

转载前台实现分页效果

html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>分页title> script src="../common/jquery-3.1.1.js">script> style type="text/css"> .table{bor

2017-09-29 11:38:18 1420

原创高度大于100%的fixed定位div显示不全问题（轻松解决）

height: 100%;overflow: auto;给position：fixed的div加上上面css即可

2017-09-29 08:50:42 2111

原创左边多级导航切换右边的main

html>html lang="en">head> meta charset="UTF-8"> script src="../common/jquery-3.1.1.js" type="text/javascript">script> title>左边二级导航切换右边的maintitle>head>style> ul, li { list-s

2017-09-29 08:44:49 576

原创 DIV动态/动画切换效果

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="../common/jquery-3.1.1.js" type="text/javascript">script> style> .box{position: relative}

2017-09-26 16:12:26 4277

转载 VMware虚拟机12安装linux系统详细教程

VMware虚拟机12安装linux系统详细教程注：该经验出处：http://jingyan.baidu.com/article/4f7d5712d20a1b1a21192760.html声明：该篇随笔并非原创，如果对原创作者造成损失，请与我联系。亲测有效，附图：工具/原料VM ware workstation12虚拟机（百度下载）深度lin

2017-09-20 20:58:48 4901

原创返回顶部小按钮

1、Html部分div class="upBox"> a class="scrollUp" href="#top" title="返回顶部">a>div>2、Less部分.upBox{ position: fixed; right: 20px; bottom:20px; width: 40px; height: 40px; backgrou

2017-09-18 19:06:51 609

原创后台管理系统的布局框架

1、HTML部分html>html>head> meta charset="utf-8"> title>后台管理系统的布局框架title> link rel="stylesheet" href="../css/test.css" type="text/css">head>body>div class="top">上div>div class="main"

2017-09-18 19:03:11 7725

原创 jquery超简易选项卡切换效果

1、Html部分div class="mainContent"> div class="smallChart"> h2 class="selected">1h2> h2>2h2> h2>3h2> h2>4h2> h2>5h2> div> div class="bigChart">

2017-09-18 18:57:19 550

转载 jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击

jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击这篇文章主要介绍了jQuery禁用键盘后退、屏蔽F5刷新、禁用右键单击功能等快捷方法，感兴趣的小伙伴们可以参考一下本文实例介绍了四种jquery禁用多种功能的方法1、禁用F5刷新jQuery实例代码F5具有刷新网页的功能，可能有时候需要禁用此功能，下面就通过代码实例介绍一下如何实现此功能。代码如下:

2017-09-11 17:06:26 714

转载 8个超实用的jQuery技巧攻略

本文我们将为jQuery用户分享8个超实用的技巧攻略。jQuery是JavaScript最好的库之一，主要用于制作动画、事件处理，支持Ajax及HTML 脚本客户端。此外，jQuery还拥有各种插件，以帮助开发者在最短时间内快速创建网站/网页。文中分享的这些实用代码，希望你会喜欢。1）禁用右键单击功能如果你想为用户节省网站信息，那么开发者可以使用这段代码

2017-09-11 16:44:50 375

泡泡菌的博客