- 博客(31)
- 收藏
- 关注
原创 变量
var 变量名 = 数据 这句话的意思是:在内存里开一个空间,名字叫 变量名,把数据放到这个叫变量名的内存空间里。是做了一件事。为什么叫变量,因为数据总在变,只是个初始化。 内存 分为 栈 和 堆值类型的数据存放到栈里,有一定的顺序。值类型,传递的是值。对象类型,传递的是地址。值类型,栈里的变量存的是值,对象类型栈里的变量存的是地址。地址指向堆里的对象...
2018-10-31 15:04:12 139
原创 循环
for循环的()里面的条件,除了可以理解成遍历数组中每个数据,还可以理解成,循环的次数,重复循环体的次数,限制并控制循环体不至于一直循环下去。while循环 ()里面是:是否进入这个循环的条件,每一次循环,循环体里面的计数器变量有变化(累加),然后()里的计数器变量有变化(累加),导致计数器变量可能不满足()里面的循环条件,如果不符合了,就不再循环了。向循环之后的代码进行。()里面的...
2018-10-31 14:59:05 463
原创 函数
1.如果一个函数的返回值,是多个,把要返回的值打包放到一个数组中,返回数组,作为函数返回值。因为数组是有顺序的,并且数组的作用就是一次性存储多个数据。2.return 后面的代码都不执行,return除了返回函数的值,还有终止函数的作用。3.写函数养成习惯: 在开始,有变量的初始化,在结尾,有函数返回值4.函数的参数: 是你要用这个函数对这个对象做什么,这个对象是参数。比如:写一个...
2018-10-31 14:19:55 107
原创 arguments
arguments----->可以获取函数调用的时候,传入的实参的个数 * arguments是一个对象,是一个伪数组 * arguments.length--->是实参的个数 * arguments[索引]---->实参的值 用arguments代表函数中参数的数组,伪数组。在Javascript中argu...
2018-10-26 14:56:13 588
原创 JS (八) 闭包
//获取内部变量的值 f2为闭包 function f1() { var n = 999; function f2() { return n; } return f2;}var result = f1();alert(result());//闭包用途 UI初始化 var datamodel = { table:...
2018-10-19 17:26:31 95
原创 JS区分中英文字符的两种方法: 正则和charCodeAt()方法
JS区分中英文字符的两种方法: 正则和charCodeAt()方法。正则无疑是最强大的判断各种条件的方法, 最近也在研习它, 虽然枯燥, 但仍有乐趣. 用它来判断一个双字节的中文字符也是轻而易举地. 而判断中文字符, 简单且执行效率高.regExpForm.onblur=function(){ entryVal=this.value; entryLen=...
2018-10-19 11:24:39 4298 1
原创 Window setTimeout() 方法
实例3 秒(3000 毫秒)后弹出 "Hello" :setTimeout(function(){ alert("Hello"); }, 3000); 实例在第 2、4、6 秒修改输入框中的文本:var x = document.getElementById("txt"); setTimeout(function(){ x.value = "2 秒" }, 2000)...
2018-10-19 10:44:06 1849 1
原创 JavaScript charCodeAt() 方法 与 charAt()方法
charCodeAt() 方法charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。Unicode码点范围为0到1114111。前128个Unicode码点的ASCII字符编码的...
2018-10-19 10:25:17 451
原创 JS(八)闭包
// 闭包问题 //由于 JavaScript 中,函数是对象, //对象是属性的集合,而属性的值又可以是对象,则在函数内定义函数成为理所当然,如果在 //函数 func 内部声明函数 inner,然后在函数外部调用 inner,这个过程即产生了一个闭包。 var outter = []; function clouseTest (){ var array = ["...
2018-10-18 17:59:30 78
原创 JS(七) 继承与引用
function logs(obj){document.write(obj+"<br/>");} //打印log日志 //继承 //继承可以通过原型链来实现 //解释器会在对象中查找该属性, //如果没有找到,则在其内部对象 prototype 对象上搜索, //由于 prototype 对象与对象本身的结构是一样的,因此这个过程会一直回溯到发现该属性,则...
2018-10-18 17:21:17 407
原创 vue — 创建vue项目
创建vue项目在程序开发中,有三种方式创建vue项目,本地引入vuejs、使用cdn引入vuejs、使用vue-cli创建vue项目。其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广泛。vue本地引用在官网下载 vue.js,通过script标签引入。开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本:...
2018-10-18 14:19:25 1346
原创 JS学习(六)正则表达式
//3.使用正则表达式 //创建一个正则表达式有两种方式,一种是借助 RegExp 对象来创建,另一种方式是使 用正则表达式字面量来创建 //字面量 //var regex = /pattern/;//pattern 样式 //RegExp 对象 //var regex = new RegExp("pattern", switchs);//switchs 开关作用 i...
2018-10-17 11:20:54 85
原创 JS学习(六)正则表达式
//2.分组引用 括号,它可以有三中作用 //第一种情况,括号用来将子表达式标记起来,以区别于其他表达式 var help = /^h(elp)?$/; //字符h之后的elp可有可无 因为 h 是必选的 //第二种情况,括号用来分组,当正则表达式执行完成之后,与之匹配的文本将会按照规则填入各个分组 //四个字符表示省份,然后是四个数字表示区号,然后...
2018-10-17 11:11:15 88
原创 JS学习(六)正则表达式
//1.正则表达式 //元字符 含义 //^ 串的开始 //$ 串的结束 //* 零到多次匹配 //+ 一到多次匹配 //? 零或一次匹配 //\b 单词边界 //\r 匹配回车 //\n 匹配换行 //\t 制表符 //\f 换页 //\x# 匹配十六进...
2018-10-17 10:55:03 110
原创 JS学习(五)作用域
//函数作用域 //JavaScript 的作用域为词法作用域,//所谓词法作用域是说,其作用域为在定义时(词法分析时)就确定下来的,而并非在执行时确定 //作用域链是关于作用域的链,通常实现为一个链表,链表的每个项都是一个对象, //在全局作用域中,该链中有且只有一个对象,即全局对象。//对应的,在一个函数中,作用域链上会有两个对象,第一个(首先被访问到的)为调用对象,第二个为全局...
2018-10-17 10:41:19 70
原创 JS学习(四)this指针
// this 指针//JavaScript 中,this 表示当前上下文,即调用者的引用。//this 的值并非函数如何被声明而确定,而是被函数如何被调用而确定,//这一点与传统的面向对象语言截然不同 var jack = { name : "name: jack", age : 26}var abruzzi = { name : "name: abruzz...
2018-10-17 09:46:15 74
原创 JS学习(三) 原型(prototype)
//原型(prototype),通过使用原型,JavaScript 可以建立继承,从而体现对象的层次关系。//JavaScript 本身是基于原型的,每个对象都有一个 prototype 的属性,这个 prototype 本身也是一个对象,//因此它本身也可以有自己的原型,这样就构成了一个链结构。//访问一个属性的时候,解析器需要从下向上的遍历这个链结构,直到遇到该属性//则返回属性对应...
2018-10-16 17:27:26 106
原创 JS学习(二)对象属性的获取和访问
var array = ["one","two","three"];//数组var obj = {//对象 field : "self", printInfo : function (){ alert(this.field); }, outter:{ inne : "inner text", printInnerTe...
2018-10-16 17:09:59 339
原创 JS学习(一)
//动态性是指://在一个 Javascript 对象中,要为一个属性赋值,我们不必事先创建一个字段,只需要在使用的时候做赋值操作即可var obj = new Object();obj.name = "aa ";obj.sayHi = function(){return "Hi "+obj.name;} function say(){alert(obj.sayHi());} ...
2018-10-16 16:35:34 689
转载 理解一下webpack
阮一峰老师的webpack教程地址: webpack将整个demo完整的clone下来Demo01: Entry file组织架构如图, bundle.js为自动生成,package.json为配置文件,也不用管。所以只需要关心三个类型的三个文件,即index.html,main.js,webpack.config.js,见名知意,第一个是html文件,里面加载进...
2018-10-15 16:33:13 117
原创 Vuex
首先vue是一个前端框架(与angular和react同级别),vuex只是vue的一个插件,官网说vuex是状态管理工具,其实说白了,vuex就是多个组件共用一个数据的存放、更改、处理的一个容器,就是说用来存放处理公共数据的工具,存放的数据一变,各个组件都会更新,也就是说存放的数据是响应式的。 ...
2018-10-15 11:15:35 90
转载 module.exports用法
module.exports 对象是由模块系统创建的。在我们自己写模块的时候,需要在模块最后写好模块接口,声明这个模块对外暴露什么内容,module.exports 提供了暴露接口的方法。1、返回一个JSON Objectvar app = { name: 'app', version: '1.0.0', sayName: function(name){ ...
2018-10-15 10:19:24 24433 2
转载 zTree的使用方法
【简介】zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree 的节点移动、编辑、删除 支持任意更换皮肤 / 个性化图...
2018-10-14 12:26:17 196
原创 ZTree入门指南
http://www.treejs.cn/v3/demo.php#_101 1) "<!DOCTYPE html>" 是必需的! 2) zTree 的容器 className 别忘了设置为 "ztree" 3) 入门成功后,就可以按照顺序去看 Demo 了,直接看看源码,应该能看懂的<!DOCTYPE html><HTML>...
2018-10-13 14:40:06 278
原创 this指向
这个js里面的this是指向当前调用对象的意思比如$('div').testFn();// 1 这里调用它$.fn.testFn = function(){//2 这里执行的this指向的是jq对象,也就是this === $('div');//因为这里面的testFn是$('div')这个对象调用的,所以里面的this就指向它}而在$('div').each(function()...
2018-10-12 15:44:18 87
转载 什么是“状态管理模式”?
什么是“状态管理模式”?让我们从一个简单的 Vue 计数应用开始:new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods...
2018-10-11 11:17:53 2118
原创 超出的文字用省略号代替并且在一行显示CSS
display:black; width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
2018-10-10 18:07:16 297
转载 Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。我理解过来就是:状态的储存站以及全局数据(可能会有些偏差)怎么...
2018-10-10 18:03:58 110
原创 .append()
在每个 p 元素结尾插入内容:$("button").click(function(){ $("p").append(" <b>Hello world!</b>");});append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 ...
2018-10-10 14:18:33 2662
原创 评价里五个小星星 鼠标经过和点击事件处理&&判断是否点击
<script>$(function(){ $(".score span i").mousemove(function(){ $(this).prevAll().addClass("clicked-1"); $(this).addClass("clicked-1"); $(this).n...
2018-10-09 14:03:12 313
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人