JS
关注
分享
扫一扫
WARGON
这个作者很懒，什么都没留下…
展开
-
JS函数
函数是JS中的一等公民，平常JS的使用基本上都是和函数打交道。JS中的函数也可以看作是一个类（同时也是该类的构造器），函数本身也是一个对象，它是function的实例。1：函数的定义 JS是弱类型语言，不需要对参数、返回值进行类型的声明。 方式1：有函数名。function functionName(parameter-list){ ....;} 方式2：匿名函...原创 2018-06-29 22:35:05 · 284 阅读 · 0 评论 -
Vue.js事件处理器
事件监听：v-on指令进行事件监听。v-on需要参数，参数为事件类型。如click、change等。1：直接操纵属性<div id="app><button v-on:click="counter++">增加1</div><p>这个按钮被点击了{{counter}}</p></div>原创 2018-09-26 17:12:13 · 325 阅读 · 0 评论 -
Vue.js表单
使用v-model对表单控件进行双向绑定1：input控件和textarea控件。<div id="app"><input type="text" v-model="message"/><p>消息是：{{message}}</p><textarea v-model="message2"原创 2018-09-26 18:34:22 · 247 阅读 · 0 评论 -
字符串模板、模板字符串、Vue中使用template等等。
1：模板字符串传统的JS语言，输出模板是这样写的：$('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + basket.onSale + '</em> are on ...原创 2018-09-27 12:13:48 · 8943 阅读 · 1 评论 -
简单理解vue中el、template、replace元素
转自：https://www.jb51.net/article/95878.htmel类型： String | HTMLElement | Function限制： 在组件定义中只能是函数。详细：为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数。注意元素只用作挂载点。如果提供了模板则元素被替换，除非 replace 为 false...转载 2018-09-27 13:49:16 · 1362 阅读 · 0 评论 -
Vue路由
一个实例：<!DOCTYPE html><html> <head> <title>Vue.js路由router</title> <script src="https://cdn.bootcss.com/vue/2.4.0/vue.js"></script> <原创 2018-09-27 19:36:00 · 196 阅读 · 0 评论 -
JS立即执行函数
见：https://blog.youkuaiyun.com/csdn_yudong/article/details/77431106转载 2018-09-27 22:59:53 · 374 阅读 · 0 评论 -
Vue.js组件
组件可以扩展HTML元素，封装可重用代码。几乎任意类型的应用的界面都可以抽象为一个组件树。1：全局组件。指的是在全局定义的组件，注册的语法格式为：Vue.component(tagName,options) 调用时，直接在挂载点下使用<tagName></tagName>即可。所谓全局，就是将可以在各个挂载点下可用。例：<div id="app">...原创 2018-09-28 14:31:28 · 237 阅读 · 0 评论 -
组件的深入了解
1：组件注册：# 组件名问题：可以使用kebab-case、PascalCase两种命名方式。建议使用kabab-case。# 全局注册：通过Vue.component('xxx',{...})的方式注册的组件，可以用在任何Vue根实例的模板中。并且，多个组件在各自内部也可以相互使用（这一点待深入理解）。注意，全局注册必须在根实例创建之前进行。# 局部注册：全局注册的组件有时不够理...原创 2018-09-28 14:33:30 · 360 阅读 · 0 评论 -
Vue.js自定义指令
Vue允许注册自定义的指令。1：全局指令。同全局组件一样，可以用在任何挂载点下使用全局指令。例：<div id="app"><p>页面加载时，input元素自动获得焦点</p>//自定义指令绑定在input元素上<input v-focus/></div><script>//注册一个自定义的原创 2018-09-28 14:34:32 · 323 阅读 · 0 评论 -
Vue.js一个简单的模块化应用
一个简单的模块化项目：使用vue-cli、webpack构建的项目。项目的具体构建以及项目中各种配置，涉及到太多内容，这里不讨论。只讲一下简单的应用。所做的工作都在src文件夹下。在根目录下，有一个index.html，是访问项目时默认的页面，在页面加载后，可以看到其引入了app.js文件。应该是工程中通过某种方式生成的一个js文件。我们需要关心的只是main.js文件。将ma...原创 2018-09-28 14:43:11 · 8125 阅读 · 0 评论 -
- avoid using JavaScript unary operator as property name JS关键字delete
不要使用js中的一元操作符。这个错误应该是使用了js的关键字原创 2018-09-28 18:11:41 · 1422 阅读 · 0 评论 -
JSONP
参见链接：https://www.cnblogs.com/JinQuanLi/p/6551415.html解释：callback。应该是服务端的一种约定，jquery会将callback对应的值作为回调函数，对数据进行回调。转载 2018-10-09 10:03:01 · 223 阅读 · 0 评论 -
利用onkeydown阻止键盘输入
<input type="text" onkeydown="dealInput(e)" /><script> var dealInput = function(e) { //获取键盘输入的keyCode var keycode = (Number)(e.keyCode); //键盘上方数字键 ...原创 2018-10-29 10:25:20 · 2128 阅读 · 1 评论 -
js中的Image对象
一、关于 Image 对象的小例子 先把这个小例子的代码粘过来<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>原创 2018-11-06 12:24:14 · 15701 阅读 · 2 评论 -
常见文件拓展名
视频类型：'avi', 'rmvb', 'rm', 'asf', 'mpg', 'mpeg', 'mpe', 'wmv', 'mp4', 'mkv', 'vob', 'mov', '3gp', 'flv', 'f4v', 'm4v', 'dat', 'ts', 'mts'音频类型：'mp3', 'wma', 'wav', 'ogg', 'wma', 'wav', 'cd'图片类...原创 2018-11-05 20:31:47 · 656 阅读 · 0 评论 -
Vue.js样式绑定
样式绑定class和style时html元素的属性，可以使用v-bind来进行样式的yi绑定，以设置样式。v-bind在绑定class和style时，Vue专门增强了它。结果类型不仅可以时字符串，还可以是对象和数组。class属性绑定1：基本使用：<style>.static{...}.class1{...}//最好不使用中划线//.class2-a...原创 2018-09-26 16:28:39 · 273 阅读 · 0 评论 -
Vue.js监听属性
监听属性： watch属性为Vue的监听属性，用来监听Vue实例中数据的变动。可以是data中定义的属性（也经常这么用），也可以时Vue自带的属性，比如$route。 首先看示例： <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p>...原创 2018-09-26 16:27:51 · 2416 阅读 · 0 评论 -
JSON
JavaScript Object Notation，JS对象表示法，现在已经被广泛使用了。JSON中一切皆对象。JSON语法是JS语法的子集，总结来说： 数据储存在键值对中； 数据由逗号,分割 大括号保存对象 中括号保存数组JSON对象： 对象的键是合法的字符串，值可以为合法的数据类型（字符串、数字、对象、数组、布尔值、null)。 实例：myObj={"n...原创 2018-06-30 09:19:54 · 172 阅读 · 0 评论 -
onblur()无限触发问题
当使用onblur事件时，如果调用alert、prompt，confirm之内的能挂起js执行的代码，可能会导致重复触发onblur事件。这时，可以使用onchange()事件来代替onblur()事件。 Onchange方法：输入框失去焦点并且value改变之后触发。 从上面的定义可以看出触发Onchange方法需要满足两个条件，value值改变并且输入框失去焦点。这样子在ajax执行过程...原创 2018-07-01 11:06:52 · 7447 阅读 · 0 评论 -
Filter拦截Ajax向Servlet的请求的问题
过滤器拦截Ajax请求是，chain.doFiltetr报错误。原创 2018-07-05 00:00:26 · 687 阅读 · 0 评论 -
AJAX使用send传递数据
如果提交方式为get,可以直接在URL后添加参数，添加方式为”url?参数名=参数值&参数名=参数值“。如果使用post方式，使用send("参数名=参数值&参数名=参数值“)方法添加参数，但是要设置xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");在服务器端，使用request...原创 2018-07-05 11:13:48 · 4330 阅读 · 0 评论 -
DOM
文档对象模型，提供了导航、访问结构化文档中的节点，以及对节点进行操作的能力。结构化文档经过DOM解析器后，被解析为DOM树。当浏览器装载一个HTML页面后，就获得了该HTML页面的DOM树。使用JS对这棵树进行修改，也就修改了HTML文档。DOM为常用的HTML元素提供了一套完整的继承体系。从页面document对象，到每一个常用元素，DOM模型都有对应的类。每个类都提供了对应的方...原创 2018-08-27 09:02:05 · 245 阅读 · 0 评论 -
事件模型
几乎所有的GUI编程都涉及到事件处理机制。很简单：事件：浏览器、window、document、HTML元素发生事情，浏览器封装事情信息，就是事件。事件目标：引发事件的对象，就是事件源。事件类型：每个事件都有相应的类型，比如："click"、"load"等，是一个说明事件类型的字符串。事件处理器：JS中处理器和监听器是一回事。绑定到对象上，用来对事件进行响应。一般为一个函数。...原创 2018-08-27 09:26:51 · 1184 阅读 · 0 评论 -
JS对象
JS对象的概念JS对象是一系列命名变量、函数的集合。对象中的命名变量称为属性，函数称为方法。如同java一样，对象对属性和方法的访问，通过点号"."。JS作为基于对象的脚本语言，提供了大量的内置对象供使用。还提供了如下常用的类：Array：数组类Date：日期类Error：错误类Function：函数类Math：数学类Number：数值类Object：对象类...原创 2018-08-24 23:56:39 · 761 阅读 · 0 评论 -
JS数组
JS作为动态的弱类型语言，其数组总结来说有以下特征：数组长度可变。数组中元素数据类型可以随意。数组不会越界。访问未赋值的数组元素，元素的值为undefined。JS数组是一个功能强大的容器，不仅作为可变长度数组，还可以作为栈和队列使用。出栈：pop()：后进先出。入栈：push(元素)出列：shift()：先进先出。入列：unshift(元素)当然，调用方式是：...原创 2018-08-25 12:14:28 · 249 阅读 · 0 评论 -
JS函数
函数是JS中另一种符合类型，可以包含一段可执行的代码。也可以接收调用者传入参数。作为弱类型语言，函数参数列表不需要声明数据类型，函数的返回值也不需要声明数据类型。JS中定义一个函数时，同时产生了5个内容。1：函数。2：对象。Function类型的对象。也属于Object。3：方法。每一个函数都依附于一个对象，成为其方法。默认为window对象。4：变量。函数同名的变量。...原创 2018-08-25 15:30:19 · 231 阅读 · 0 评论 -
JS复合类型
1：JS复合类型符合类型是由多个基本数据类型（也可以包括复合类型）组成的数据体。JS中大致可以分为3种符合类型：Object：对象。详情点此Array：数组。详情点此Function：函数。详情点此 ...原创 2018-08-24 23:47:33 · 261 阅读 · 0 评论 -
如何获得select被选中option的value和text和......
例：<select id="select"> <option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option&转载 2018-09-24 16:16:36 · 3439 阅读 · 1 评论 -
node.js
浏览器中可以运行JavaScript，因为浏览器中提供了一个上下文环境，定义了JavaScript可以做什么。node.js就是就是一种js的上下文。node.js采用了Google的V8虚拟机（chrome浏览器使用的JavaScript执行环境）来解释执行JavaScript代码。除此之外，node.js还有很多的模块，简化重复工作。比如向终端输出字符串。可见，node.js不仅是...原创 2018-09-26 08:41:27 · 258 阅读 · 0 评论 -
vue模板语法
Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 插值：1：文本最常见的数据绑定形式：使用 {{...}} 进行文本插值。例：<div id="abc"><p>{{ message }}</p></div><script>...</scri..原创 2018-09-26 10:25:07 · 473 阅读 · 0 评论 -
Vue条件和循环
条件：v-if、v-else-if、v-else，这三个指令不需要参数。例：<div id="app"><div v-if="type === 'A'">A</div><div v-else-if="type === 'B'">B</div><div v-else-if=&qu原创 2018-09-26 11:23:17 · 439 阅读 · 0 评论 -
Vue.js计算属性
计算属性：Vue中的computed属性用来指定计算属性。计算属性本质上将是一个函数，主要用来处理一些复杂逻辑。例：<div id="app"><p>原始字符串：{{message}}</p><p>反转后：{{reversedMessage}}</p></div><script&原创 2018-09-26 12:20:07 · 284 阅读 · 0 评论 -
理解Javascript中的call()
这里面涉及到的不止是call的知识。call()以及apply()存在的意义是什么呢？ 目的是改变函数（方法）执行的作用域。这里要声明一点：函数在JavaScript中永远是一等公民。 var obj1 = { name: 'aaa', info: function(){ alert('name：'+this.name); }};v...原创 2018-11-08 10:26:58 · 427 阅读 · 0 评论