- 博客(32)
- 收藏
- 关注
原创 初识javascript闭包
1.什么是闭包 一个具有封闭的对外不公开的,包裹结构,或空间,js中的闭包就是函数。2.闭包原理 闭包的原理就是作用域访问原则,上级作用域无法直接访问下级作用域中的变量。3.闭包要解决什么问题? 闭包内的数据不允许外界访问,要解决的问题就是间接访问该数据。4. #使用闭包获取过个数据 function foo(){ var name = '张国荣';
2017-05-08 16:51:37
350
原创 javascript中对原型的理解
1.什么是原型 在构造函数创建出来的时候,系统会默认的帮构造函数创建并关联一个神秘的对象,这个对象就是原型,原型默认的是一个空的对象。2.原型的作用 原型中的属性和方法,可以被使用该构造函数创建出来的对象所使用。3.如何访问构造函数中的原型 构造函数.prototype4.如何给原型对象添加属性和方法 使用对象的动态特性5.原型链 对象的原型指向原型对象,形成原型链代码
2017-05-02 14:02:49
460
原创 使用css3实现消息框
原理:使用css3中的transform:rotate旋转,通过定位改变位置。.out{ width: 300px; height: 150px; background-color: pink; margin:200px; position: relative; }
2017-03-18 22:22:05
2273
原创 使用JQuery动态创建表格
知识点: 使用jq中html()创建元素,append()添加节点,remove()删除节点,类方法:addClass()和removeClass()方法等<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * {
2017-03-09 16:51:48
7534
原创 javascript实现可拖拽的盒子
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .nav { height:
2017-02-28 10:57:14
1041
原创 使用缓动动画函数实现导航栏效果
需求: 1.鼠标在那个li上面,span对应移动到该li上,移开后,回到原位置 2.鼠标点击那个li就记录该li标签,移开的时候span回到该记录的li标签上 要点: 1.封装匀速函数 2.计数器思想代码实现:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title>
2017-02-22 16:02:37
1071
原创 带有定时器的无缝轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>带有定时器的无缝轮播图</title></head><style> * { padding: 0; margin: 0; } .box{ width: 500px;
2017-02-21 16:09:21
876
原创 模拟倒计时
<script> // 打开页面后,每毫秒都在倒计时苹果发布会的时间。 // 步骤:设置一个定时器,每一毫秒更新一次div的内容 // 1.获取时间差(现在和发布会开始的时间差,毫秒值时间差,把时间差转换成 ‘时分秒毫秒’) var div = document.getElementsByTagName("div")[0]; var timer = s
2017-02-18 17:37:16
422
原创 使用innerHTML动态生成标签
var users = [ {"name": "tdxy01","icon":"images/noavatar_small.gif"}, {"name": "沉眠楚人","icon":"images/noavatar_small.gif"}, {"name": "爱上karina","icon":"images/75_avatar_small.jpg"
2017-02-16 10:58:44
1705
原创 判断字符串中出现次数最多的字符和出现次数
步骤: 1 . 将字符串转化数组 2. 创建一个对象 3. 遍历数组,判断对象中是否存在数组中的值,如果存在值+1,不存在赋值为1 4. 定义两个变量存储字符值,字符出现的字数 var str = 'abaasdffggghhjjkkgfddsssss3444343'; // 1.将字符串转换成数组 var newArr = str.spli
2017-02-09 17:43:56
7740
原创 javascript使用replace替换字符串中所有字符
javacript中基本String类型是字符串的对象的包装类型 方法:使用String类中replace方法,在配合正则实现。 var str = "abcoe---foxyozzopp"; console.log(str); console.log(str.replace(/o/g,'!')); console.log(str.re
2017-02-09 16:52:53
978
原创 原生js实现无缝滚动
水平方向无缝滚动滚动支持图片,文字 HTML代码 <div id="demo"> <div id="demoin"> <div id="demo1"> <a href="">测试文字1</a> <a href="">测试文字2</a> <a href="">测
2017-01-10 15:55:09
10390
原创 a标签href属性传递参数,onclick属性传递参数
1.href 传递变量 $(".dowebok").append('<a class="notice-content" id="href_content" target="_top" href="../../view/notice/noticeDetail.html?id='+announceId+'&str='+str+'">'+ G.globalHtmlCharDecode(data.data[
2017-01-06 14:02:28
26903
1
原创 常见编码转中文,获取url参数
1.unicode编码转中文 例如 ‘送的发送到’ G.globalHtmlCharDecode = function(obj) { var type = function(obj) { return Object.prototype.toString.call(obj); },
2017-01-05 20:09:54
358
原创 时间格式化方法
1>毫秒值转换成2015-12-11 12:22:22格式的时间方法//获得年月日 1970-01-18 07:12:39function getMyDate(str){ var oDate = new Date(str), oYear = oDate.getFullYear(), oMonth = oDate.getMonth()+1, o
2017-01-05 18:59:02
354
原创 textarea解决maxlength的兼容问题
使用textarea中的maxlength属性以为和input的maxlength属性一样,当输入textarea字符很多的时候,比如500个字符,在电脑会出现一个bug,就是输入495个字符就不能输入了,所以需要实现js代码来实现maxlength这种写法。 需求: 输入字符时: HTML代码: <textarea name="content" id="addcontent" cols="5
2017-01-05 18:54:03
8813
1
原创 动态生成select,赋值问题
项目中select是要接口获取并赋值,然而,在做回显的时候不能马上赋值,可能是异步的原因吧,看了网上的说法,是在ajax上使用async:false,这个属性,但是并没有什么软用,你只要把赋值的操作放在赋值的回调的操作里即可。具体代码 : 调用接口function newquerybusinessclass () { var _url = []; _url.url = "../Al
2016-12-28 16:17:17
2450
原创 javascript实现上传和下载
使用easyui进行文件上传HTML代码<form id ="uploadform" style="display:inline-flex;"> <input class="easyui-filebox" name="file" id = "file" onfocus=this.blur() data-options="prompt:'Choose a f
2016-12-28 11:18:35
1302
原创 sass学习
安装sass是基于ruby语言,所以第一步要先下载ruby,window环境就下载rubyInstaller进行安装。 检测 :在cmd下ruby -v安装好ruby之后接下来安装sass,同样在cmd:gem install sasssass -v安装compass,compass可以理解sass的工具库 gem install compasscompass -v
2016-12-14 14:37:03
339
原创 动态创建表格
项目中有表中的一些字段都是自动生成的,需要使用js创建表格,请教了公司同事最后完成了,坑爹! 首先 : 后台返回的json数据{ "customerCapitalTrialList": [ { "amount": 48144243.33, "customerCapitalTrialId": 1815475,
2016-12-09 16:24:15
611
原创 easyui二级,三级联动问题
基本版 loadFilter因为返回的json不是标准格式,所以需要加上这段代码,如果后台返回的是纯json格式的话,这段代码忽略掉。function createMenu(){ $("#belongfirst").combobox({ valueField:'menuNo', textField:'menuName', editable:f
2016-12-06 10:23:20
310
原创 bootstrap学习心得
Bootstrap栅格系统1.简介 响应式设计 栅格实现原理: 1)一行row必须在.container中 2)使用行 在水平方向创建列组 3)具体内容应放置在column内 4)内置像.row和 .col-xs-4(占4列)媒体查询: 主要用到min-width ,max-width,and语法,用于在不同分辨率下设置不同的css样式。@me
2016-11-28 18:00:09
1545
原创 javascript正则验证
定义RegExp正则两种定义方式:字面量 , 对象 eg: var re = /regular expression/; var reObj = new RegExp(‘regular expression’);正则表达式模式包含在开始的斜杠和结束的斜杠之间。注意:这个模式不是一个字符串,你不想使用单引号或双引号括起模式,除非引号本身也是要匹配的模式的一部分。特殊字符 字符
2016-11-23 16:30:45
352
原创 a标签和button按钮只允许点击一次
button方法:加上属性disabled = “disabled” 或者 disabled = “true”1>HTML里<button id="btn" dis>确定</button>2>Javascript里<script> $("#btn").attr("disabled","true"); $("#btn").attr("disabled","disabled");
2016-11-22 19:10:25
11164
翻译 easyui combobox 值必输
最近项目需求select中的值必须输入。然而,使用easyui麻烦的是在select标签上加入,运行时发现没有效果。必须写扩展代码来解决comboxbox的非空验证。代码 <select id="test" class="easyui-combobox" name="state" style="width:200px;"
2016-11-21 15:04:58
7118
原创 javascript数据类型和函数总结
javascript中的数据类型数据类型分为:基本数据类型 对象1.基本数据类型 基本数据类型有5种,数字,字符串,布尔值,undefined,null1.1 数字类型:number>var n = 1;>typeof n;"number"1.1.1 Infinity 在javascript中有一种叫infinity的特殊值,他所代表的是超出了javascript处理范围的值,但是Inf
2016-11-16 11:09:23
243
原创 java和mysql定义的字段类型不一致,前端取值问题
在做项目有的时候,由于自己调用的是其他组的接口,他们这表表的设计完全不清楚,之后前端取得值永远不正确。1、 同一个字段,mysql定义的时间类型是datetime,java定义的类型string,那么前端取过来的值就是string,例如我这个项目取到的inputdate就是“2016-11-16 11:00:01.0”,后面多个”.0”,那么就需要使用string类截取字符串的方法substring
2016-11-16 08:56:25
589
翻译 javascript中的惰性求值
定义如果在一个连续的逻辑操作中,操作结果在最后一个操作完成之前就已经明确了的话,那么该操作往往就不必再继续执行了,因为这已经不会对最终结果产生任何影响。例子 true || “cat” 结果 :true true && “cat” 结果:cat true && “cat”|| true 结果:true
2016-11-14 15:25:38
952
1
转载 自定义checkbox,radio,select
自定义checkbox,radio 方法:使用label标签属性for属性与相关属性id进行关联HTML代码:**<div class="testOptions"> <ul> <li><input type="radio" id="radio01" name="check"><label for="radio01"></label>选项</li> <l
2016-11-11 16:42:59
319
原创 初学css中模糊不清的东西
css中的选择器子代选择器 (“>”)HTML代码: <ul> <li>盖伦</li> <li>流浪法师</li> <li>光辉女郎</li> <li>提莫</li> <li>琴女</li> </ul>CSS代码: ul > li { background: li
2016-11-11 16:12:53
240
原创 总结项目中checkbox,select传值给后台
1. 获取checkbox值// 1. 获取checkbox的值,多个值使用“|”进行连接var check = $("input[type='checkbox']:checked");var checkVal = "" ;for(var i = 0; i < check.length ; i++ ){ checkVal += $(check[i]).val() + "|";}//
2016-11-10 18:33:07
3455
原创 CSS初始化
总结下项目中用到的CSS初始化样式表代码/*css 初始化 */html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } fieldset, img,input,button { border:none; padding:0
2016-11-10 18:07:47
282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人