![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 52
墨染枫林
一路风景,一路歌
展开
-
JavaScript中的数据输出
JavaScript 可以通过不同的方式来输出数据:使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。1.window.alert() 你可以弹出警告框来显示数据 2.innerHTML ...原创 2018-06-15 11:17:12 · 254 阅读 · 0 评论 -
构造函数,原型对象,实例对象,原型链之间的关系
1.构造函数,原型对象,实例对象三者之间的关系每创建一个函数,该函数都会自动带有一个prototype属性。该属性是一个指针,指向一个对象,该对象称之为原型对象(后期我们可以使用这个原型对象帮助我们在js中实现继承)。原型对象上默认有一个属性constructor,该属性也是一个指针,指向其相关联的构造函数。通过调用构造函数产生的实例对象,都拥有一个内部属性,指向了原型对象。其实例对象...原创 2018-08-29 14:52:51 · 4170 阅读 · 0 评论 -
JavaScript中闭包的使用
闭包(closure)是javascript的一大难点,也是它的特色。很多高级应用都要依靠闭包来实现。一、变量作用域要理解闭包,首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种:全局变量和局部变量。javascript语言的特别之处就在于:函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。注意点:在函数内部声明变量的时候,一定要使用...原创 2018-09-04 08:50:05 · 188 阅读 · 0 评论 -
jQuery中的"attr()"方法设置样式却没有效果
使用jQuery的同学可能会遇到这个问题,在页面上写的attr()方法却没有作用。先看一段jQuery官网的解释:.attr() versus .prop()jQuery 1.6 introduced the .prop() method for setting or getting properties on nodes and deprecated the use of .attr()...原创 2018-08-25 14:45:10 · 4302 阅读 · 0 评论 -
JavaScript垃圾回收机制和内存泄漏
JavaScript的垃圾回收机制 Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。JS中最常见的垃圾回收方式是标记清除、引用计数 。 标记清除工作原理:是当变量进入环境时,将这个变量标记为“进入环境”。当变量离开环境时,则将其标记为“离开环境”。标记“离开环境”的就回收内存。工作流程:1. 垃圾回收器,在运行的时候会给存储在内存...原创 2018-09-04 14:03:56 · 148 阅读 · 0 评论 -
循环体中break、continue、return、goto、exit的详解
1. breakbreak语句的使用场合主要是switch语句和循环结构。在循环结构中使用break语句,如果执行了break语句,那么就退出循环,接着执行循环结构下面的第一条语句。如果在多重嵌套循环中使用break语句,当执行break语句的时候,退出的是它所在的循环结构,对外层循环没有任何影响。如果循环结构里有switch语句,并且在switch语句中使用了break语句,当执行switc...原创 2018-09-07 09:09:50 · 1917 阅读 · 3 评论 -
web端Javascript与Nodejs的区别
web前端javascript组成: ECMAScript,(是js的标准,js是它的具体实现和扩展,它描述语言的语法和基本对象,如:语法,运算符,语句,继承机制,数据结构以及一些内置对象) DOM(文档对象模型),描述处理网页内容的方法和接口,将整个文档document解析成dom树供用户使用js对文档进行处理。 BOM(浏览器对象模型),描述可以和浏览器窗口交互的方法和接口(...原创 2018-10-12 15:07:47 · 3455 阅读 · 0 评论 -
WebStorm配置Node.js的开发环境
1 ,下载地址: webstorm:http://www.jetbrains.com/webstorm node.js:https://nodejs.org/download/2 ,安装node.js 按照提示一步步安装即可,不用多说,安装完成后检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入"cmd" => 输入命令"path",输...原创 2018-10-15 10:53:09 · 10266 阅读 · 0 评论 -
报错Uncaught ReferenceError: addrow is not defined at HTMLButtonElement.onclick
这种报错有两种原因:一是js函数格式不对,二是jQuery引用有错误;一是js函数格式不对正确写法如下:html:<button onclick="dosave();">走你</button>js:dosave = function (){ alert("哈哈哈!"); } 二是jQuery引用有错误;...原创 2018-09-30 11:28:26 · 16954 阅读 · 1 评论 -
Windows下升级node.js
今天查看Vue项目时,需要用到node环境,于是就查看我的node版本发现还是5.8的就想办法给他升级。于是上网查找了下node.js升级的过程,谁知道按照别人的步骤试了好几遍,还是不成功。很多次到最后一步提示:'bash' 不是内部或外部命令。。按别人给的教程一步一步升级,如下:第一步:node -v查看node.js版本第二步: npm -v 查看npm包管理器的版本这两步都正...原创 2018-10-24 10:34:15 · 3924 阅读 · 6 评论 -
Vue中v-if和v-show的区别
共同点:v-if和v-show都是用来控制元素的渲染。v-if判断是否加载,可以减轻服务器的压力,在需要时加载,但有更高的切换开销;v-show调整DOM元素的CSS的dispaly属性,可以使客户端操作更加流畅,但有更高的初始渲染开销。如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。特点:v-if 的特点:每次都会重新删除或创建元素...原创 2018-10-31 15:53:33 · 2387 阅读 · 0 评论 -
Vue中自定义过滤器及其使用
过滤器是一个通过输入数据,能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器,过滤器通常会使用管道标志 “ | ”。使用:<td>{{item.ctime | dataFormat('yyyy-mm-dd')}}</td>自定义全局过滤器虽然VueJs给我们提供了很多强有力的过滤器,但有时候还是不够。值得庆幸的,Vue给我们提供了一...原创 2018-11-06 14:35:31 · 2787 阅读 · 0 评论 -
Vue中父传子、子传父组件之间传值
在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求?比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢。常见的就是父子组件,子父组件之间的传值。父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息。1. 父组件向子...原创 2018-11-14 09:32:28 · 227 阅读 · 0 评论 -
原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的
原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的hello~各位亲爱的看官老爷们大家好。估计大家都听过,尽量将CSS放头部,JS放底部,这样可以提高页面的性能。然而,为什么呢?大家有考虑过么?很长一段时间,我都是知其然而不知其所以然,强行背下来应付考核当然可以,但实际应用中必然一塌糊涂。因此洗(wang)心(yang)革(bu)面(lao),小结一下最近玩出来的成果。友情提示,本文...转载 2018-12-25 08:58:33 · 1904 阅读 · 1 评论 -
为什么CSS放头部,JS放底部
CSS放头部,JS放底部,这样可以提高页面的性能。然而,为什么呢?原因如下:CSS 不会阻塞 DOM 的解析,但会阻塞 DOM 渲染。 JS 阻塞 DOM 解析,但浏览器会"偷看"DOM,预先下载相关资源。 浏览器遇到 <script>且没有defer或async属性的 标签时,会触发页面渲染,因而如果前面CSS资源尚未加载完毕时,浏览器会等待它加载完毕在执行脚本。这就是为何...原创 2018-12-25 09:03:21 · 4232 阅读 · 0 评论 -
一点js的常用方法(一)
// ajax传递数据方式一var data = { "smsPushId":smsPushId, "content_":val, "isAutoPush_":"1", "autoPushType_":autoPushType_}if (autoSetType){ $.ajax({ url: "http://1.18.1.162:9.原创 2019-01-19 10:53:05 · 288 阅读 · 0 评论 -
JavaScript中const,var,let使用注意的事项
JavaScript中const,var,let区别JavaScript中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。注意引用类数据,引用的指针指向不变。1 const a = 2;//正确2 // const a;//错误,必须初始化 3 console.log('函数外const定义a:' + a);//有输出值...原创 2019-02-20 17:53:03 · 1739 阅读 · 0 评论 -
原生JS forEach()和map(),jQuery$.each()和$.map()
一、原生JS forEach()和map()共同点:1.都是循环遍历数组中的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组。1.forEach()没有返回值。var ary = [12,23,24,...原创 2018-08-29 08:53:49 · 941 阅读 · 1 评论 -
JavaScript中定时器使用
1 ,setTimeout()setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。var timerId = setTimeout(func|code, delay)上面代码中,setTimeout函数接受两个参数,第一个参数func|code是将要推迟执行的函数名或者一段代码,第二个参数delay是推...原创 2018-08-21 14:52:33 · 215 阅读 · 0 评论 -
jQuery多文件上传
引入js和css样式<script src="jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script src="jquery.uploadify.min.js" type="text/javascript"></script>&原创 2018-06-12 15:42:11 · 3660 阅读 · 0 评论 -
二级联动代码
经常会用的多级联动的需求,今天总结一下,大多数是用在填写用户地址的时候,具体代码如下:引入jQuery文件,直接拷到html文件中就可以运行了;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&...原创 2018-06-07 17:54:18 · 599 阅读 · 0 评论 -
链接跳转(本页面跳转)
href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址, 而void(0)表示一个空的方法,也就是不执行js函数。为什么要使用href=”javascript:void(0);”javascript:是伪协议,表示url的内容通过javascript执行。void(0)表示不作任何操作,这样会防止链接跳转到其他页面...原创 2018-06-01 08:36:07 · 30674 阅读 · 0 评论 -
Ajax请求中的async值为false或true的作用
在日常我们用的最多的是Ajax的异步请求,也是我们默认应用Ajax的异步请求,其实Ajax也可以做同步请求,现在在这里进行一个详细的总结;作为以后的知识储备。 async. 默认是 true,即为异步方式,$.ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.ajax里的success方法,这时候执行的是两个线程。 async 设置为 fal...原创 2018-05-09 16:52:42 · 1025 阅读 · 0 评论 -
概述flex布局中align-items 和align-content的区别
align-items属性适用于所有的flex容器,它是用来设置每个flex元素在侧轴上的默认对齐方式。 align-content属性只适用于多行的flex容器,并且当侧轴上有多余空间使flex容器内的flex线对齐。 align-items和align-content有相同的功能,不过不同点是它是用来让每一个单行的容器居中而不是让整个容器居中。 对于只有一行的flex元...原创 2018-05-07 16:41:41 · 5645 阅读 · 0 评论 -
ng-src 和 ng-href的用法
特殊的ng-src和ng-href在说明这两个指令的特殊之前,需要先了解一下ng的启动及执行过程: 浏览器加载静态HTML文件并解析为DOM; 浏览器加载angular.js文件; angular监听 DOMContentLoaded 事件,监听到时开始启动; angular寻找ng-app指令,确定作用范围; 找到app中定义的Module使用$injector服务...原创 2018-05-03 09:37:39 · 3213 阅读 · 1 评论 -
表单的提交方式POST和GET的区别
具体区别是:1、服务器端获取数据的方式不同。post方式传递的数据,必须用request.form("")获取。get方式传递的数据,必须用request.querystring("")获取。注意:虽然两种提交方式可以统一用Request("")来获取提交数据,但是这样对程序效率有影响,不推荐使用。 2、post比get安全性较强。在客户端,Get方式在通过URL提交数...原创 2018-04-28 11:59:32 · 619 阅读 · 0 评论 -
页面表单提交的几种方式
一,简单的表单提交页面;submit提交方式: 2 3 <form name=”form” method=”post” action=”#"> <input type=”submit” name=”submit” value=”提交"> </form> 二,图片的提交页面; 1...原创 2018-04-28 11:43:52 · 4660 阅读 · 1 评论 -
v-if与v-show的区别及computed 与 methods的区别
v-if与v-show的区别? 在切换 v-if 块时,Vue.js 有一个局部编译/卸载过程,因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。 v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——在条件第一次变为真时才开始局部编译(编译会被缓存起来)。...原创 2018-04-26 09:40:15 · 1484 阅读 · 1 评论 -
JS实现继承的几种方式
前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep ...原创 2018-08-02 17:49:57 · 443 阅读 · 0 评论 -
JS中的六大数据类型
js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)。typeof 操作符由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字.typeof 123 //Numbertypeof 'abc' //Stringt...原创 2018-08-17 11:11:52 · 167 阅读 · 0 评论 -
js和jQuery的入口函数
<script> //原生js,入口函数。页面上所有内容加载完毕,会执行。 //不仅文本加载完毕,而且图片也要加载完毕,在执行函数。 //原生Js如果编写多个入口函数,后面编写的会覆盖前面编写的; //JQuery中编写多个入口函数,后面的不会覆盖前面的。 window.onload = function () { alert("...原创 2018-08-23 13:51:59 · 2052 阅读 · 0 评论 -
ECMAScript和JavaScript的详解
一,ECMAScript和JavaScript的联系1、ECMAScript是JavaScript的规格,JavaScript是ECMAScript的一种实现,在日常场合,这两个词是可以互换的。JavaScript的创造者Netscape公司,将JavaScript提交给国际标准化组织ECMA,希望这种语言能够成为国际标准,后来ECMA发布标准文件的第一版(ECMA-262),规定了浏览...原创 2018-08-20 16:23:13 · 549 阅读 · 0 评论 -
DOM对象、js对象、jQuery对象的区别
DOM对象和js对象以及jQuery对象的区别一、DOM对象文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的...原创 2018-08-27 17:35:01 · 198 阅读 · 0 评论 -
JavaScript中的apply()和call()的区别
JavaScript中的Function对象都有一个apply()方法和一个call()方法,它们的语法分别为: /*apply()方法*/ function.apply(this, [argArray]) /*call()方法*/function.call(this, [arg1], [arg2],...[argN]);它们各自的定义:apply:调用一个对象的一个方法,用另...原创 2018-08-31 09:20:11 · 291 阅读 · 0 评论 -
JavaScript中bool值的转换及“&&”、“||”、 “!!”详解
首先需要知道的是,js中有6个值为false,分别是: 0, '', null, undefined, NaN 和 false, 其他(包括{}, [], Infinity)为true.可以使用Boolean()函数或是两次取非就能获得对象的布尔值,例如Boolean(undefined)和!!undefined同样能取得布尔值false,对于0, '', null, undefined, N...原创 2019-04-13 11:23:04 · 1000 阅读 · 1 评论