想要全栈的chris-CSDN博客

原创初识javascript闭包

1.什么是闭包一个具有封闭的对外不公开的，包裹结构，或空间，js中的闭包就是函数。2.闭包原理闭包的原理就是作用域访问原则，上级作用域无法直接访问下级作用域中的变量。3.闭包要解决什么问题？闭包内的数据不允许外界访问，要解决的问题就是间接访问该数据。4. #使用闭包获取过个数据 function foo(){ var name = '张国荣';

2017-05-08 16:51:37 318

原创 javascript中对原型的理解

1.什么是原型在构造函数创建出来的时候，系统会默认的帮构造函数创建并关联一个神秘的对象，这个对象就是原型，原型默认的是一个空的对象。2.原型的作用原型中的属性和方法，可以被使用该构造函数创建出来的对象所使用。3.如何访问构造函数中的原型构造函数.prototype4.如何给原型对象添加属性和方法使用对象的动态特性5.原型链对象的原型指向原型对象，形成原型链代码

2017-05-02 14:02:49 440

原创使用css3实现消息框

原理：使用css3中的transform：rotate旋转，通过定位改变位置。.out{ width: 300px; height: 150px; background-color: pink; margin:200px; position: relative; }

2017-03-18 22:22:05 2247

原创使用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 7478

原创 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 1022

原创使用缓动动画函数实现导航栏效果

需求： 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 1040

原创带有定时器的无缝轮播图

<!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 863

原创模拟倒计时

2017-02-18 17:37:16 412

原创使用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 1665

原创判断字符串中出现次数最多的字符和出现次数

步骤： 1 . 将字符串转化数组 2. 创建一个对象 3. 遍历数组，判断对象中是否存在数组中的值，如果存在值+1，不存在赋值为1 4. 定义两个变量存储字符值，字符出现的字数 var str = 'abaasdffggghhjjkkgfddsssss3444343'; // 1.将字符串转换成数组 var newArr = str.spli

2017-02-09 17:43:56 7691

原创 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 953

原创原生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 10329

原创 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 26759 1

原创常见编码转中文，获取url参数

1.unicode编码转中文例如 ‘&#36865&#30340&#21457&#36865&#21040’ G.globalHtmlCharDecode = function(obj) { var type = function(obj) { return Object.prototype.toString.call(obj); },

2017-01-05 20:09:54 337

原创时间格式化方法

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 346

原创 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 8706 1

原创动态生成select，赋值问题

项目中select是要接口获取并赋值，然而，在做回显的时候不能马上赋值，可能是异步的原因吧，看了网上的说法，是在ajax上使用async:false,这个属性，但是并没有什么软用，你只要把赋值的操作放在赋值的回调的操作里即可。具体代码：调用接口function newquerybusinessclass () { var _url = []; _url.url = "../Al

2016-12-28 16:17:17 2409

原创 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 1280

原创 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 323

原创动态创建表格

项目中有表中的一些字段都是自动生成的，需要使用js创建表格，请教了公司同事最后完成了，坑爹！首先：后台返回的json数据{ "customerCapitalTrialList": [ { "amount": 48144243.33, "customerCapitalTrialId": 1815475,

2016-12-09 16:24:15 596

原创 easyui二级,三级联动问题

基本版 loadFilter因为返回的json不是标准格式，所以需要加上这段代码，如果后台返回的是纯json格式的话，这段代码忽略掉。function createMenu(){ $("#belongfirst").combobox({ valueField:'menuNo', textField:'menuName', editable:f

2016-12-06 10:23:20 283

原创 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 1512

原创 javascript正则验证

定义RegExp正则两种定义方式：字面量，对象 eg： var re = /regular expression/; var reObj = new RegExp(‘regular expression’);正则表达式模式包含在开始的斜杠和结束的斜杠之间。注意：这个模式不是一个字符串，你不想使用单引号或双引号括起模式，除非引号本身也是要匹配的模式的一部分。特殊字符字符

2016-11-23 16:30:45 331

原创 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 11054

翻译 easyui combobox 值必输

最近项目需求select中的值必须输入。然而，使用easyui麻烦的是在select标签上加入,运行时发现没有效果。必须写扩展代码来解决comboxbox的非空验证。代码 <select id="test" class="easyui-combobox" name="state" style="width:200px;"

2016-11-21 15:04:58 7035

原创 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 219

原创 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 563

翻译 javascript中的惰性求值

定义如果在一个连续的逻辑操作中，操作结果在最后一个操作完成之前就已经明确了的话，那么该操作往往就不必再继续执行了，因为这已经不会对最终结果产生任何影响。例子 true || “cat” 结果：true true && “cat” 结果：cat true && “cat”|| true 结果：true

2016-11-14 15:25:38 894 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 307

原创初学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 230

原创总结项目中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 3393

原创 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 268

想要全栈chris的博客