js中级小知识5】的更多相关文章

首先我们复习之前的小知识,本期博客与之前有关 js数据类型 基本数据类型:string    undefined         null         boolean          number 引用数据类型:     Object     array       function 二者的区别 基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量 堆内存 就是存放代码块的,存放形式有两种,一种是对象一键值对的形式存放 另一种就是函数 以字符串的形式存放 案例 引用数据类型的赋…
元素的属性 div.attributes是所有标签属性构成的数据集合 div.classList是所有class名构成的数组集合 在classList的原型链上可以看到add()和remove() 1.client系列 clientWidth/clientHeight是我们设置的宽和高架上内边距(没有边框) clientLeft/clientTop就是我们设置的边框值 2.Offset系列 offsetWidth/offsetHeight是我们设置的宽和高加上内边距加上边框 offsetTop/…
1.针对表单 form   input     select      textarea type="radio/checkbox/passdord/button/submit/reset/" 表单事件 onchange 当表单内容被修改时触发的事件 onfocus 获取焦点事件 onblur 失去焦点 表单里的内容用.value那div中内容用innerHTML 补充条件语句 1.    if    else 2. switch 2.定时器 js的同步和异步 同步:代码从上到下执行…
1.面向对象 js一开始就是写网页特效,面向过程的,作者发现这样写不好,代码重复利用率太高,计算机内存消耗太大,网页性能很差.所以作者就收到java和c的影响,往面向对象靠齐.js天生有一个Object,但他没有面向对象的特征(封装,继承,多态).最后研究出了构造函数. 构造函数最终目的是生成对象. 我们把封装的那个函数叫 类 类里面的属性是私有的. 类原型上的属性是公有的,可继承的. 1.类身上天生自带一个prototype的属性,属性是对象 2.prototype对象天生有一个constru…
1.作用域链 作用域:浏览器给js的一个生存环境(栈内存). 作用域链:js中的关键字var和function都可以提前声明和定义,提前声明和定义的放在我们的内存地址(堆内存)中.然后js从上到下逐行执行,遇到变量就去内存地址查找是否有这个变量.有就使用,没有就继续向父级作用域查找直到window下结束,这种查找机制叫作用域链. js代码中存在着大量的变量和函数,我们在使用的时候一定要直到它们到底归属谁. 2.this 1.this是js的一个关键字,指定一个对像然后去替代他. 函数内的this…
函数: 函数在调用的时候,会形成一个私有作用域,内部的变量不会被外面访问,这种保护机制叫闭包.这就意味着函数调用完毕,这个函数形成的栈内存会被销毁. 有些时候我们不希望他被销毁. 函数归属谁跟它在哪调用没有关系,跟在哪定义有关. Fn()调用完毕后得到的是一个匿名函数,但是这个函数在fn这个作用域下定义的,所以这个匿名函数内部的变量在fn作用域下查找.这种写法可以使函数内部的变量不被销毁. 基类Object的子类有 Function    Array     Number Boolean   …
1.函数都有返回值...... 而方法的本质也是函数,所有也有返回值. Document.getElementById()返回的是获取的标签 getElementByClassName()和getElementsByTagName()返回的是一个数组 Document.getElementsByClassName("name")[2].innerHTML="haha" 2.改变标签的属性 元素.属性名属性单词           attribute 3.修改和添加属…
基本数据类型:Undefined, Null, Boolean, Number, String . 引用数据类型:Object . 个人觉得对Java等语言的程序员来说,最不能接受的就是下面这样的代码: var num = 2; console.log(num.toPrecision(2)); //这不就是 2.func() 吗.. 实际上,js会将2自动包装成Number类型,类似于Java的自动将int包装成Integer,所以 num 可以直接调用包装类型的方法. 问题来了:既然此处的nu…
filter()方法对数组进行过滤,生成新数组 var aqiNewData = aqiData.filter(function(data){ return data[1]>60; }); //对大于60的数据组成新数组. sort()方法对新数组进行从大到小排序. aqiNewData.sort(function(a,b){ return b[1] - a[1]; }); //若换成a[1] - b[1]则是从小到大排序. createDocumentFragment()创建虚拟(碎片)节点的…
1. javascript的typeof返回哪些数据类型: string, boolean, number, undefined, function, object 2. split() join() 的区别 前者是将字符串切割成数组的形式,后者是将数组转换成字符串 3. ajax请求时,如何解析json数据 使用JSON.parse 4. 事件委托是什么? 利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行! 5.  创建新节点createElement() //创建一个具体的元素…
1.获取函数里面的参数个数 function test(x,y,z){} // 获取test参数的个数 console.log(test.length)…
JQ.JS相关小知识 任意元素自动点击 $(".editicon").trigger('click') 添加子元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 删除.清空子元素 $(".p").empty(); //不会删除自己 //删除内部所有子节点 $(".p").remove(); //会删除自己…
前面说了说了js的相关知识,基本上除了语法外,把项目常用的知识做了一个梳理,现在说下js的其它方面的知识,这些知识不成体系,属于不理解对于一般开发没什么太多影响,但如果理解清楚,可以更好去开发. js解析引擎: 引擎的定义: 什么是js解析引擎?简单的说是就能够读懂javascript代码的的平台,如你写一段代码 var a=1;var b=1;var c=a+b;引擎做的事情就这一段代码执行成我们想要的结果,这就是引擎要做的事情. 上面据说的和C/C中的编译过程很像,但是js和C/C有所不同,…
一:js中的基本类型: 基本类型:boolen, string ,number,null,undefined 引用类型:object,和函数 二.undedifned和null的区别: 1 undefined是属于未定义状态,是声明了但没有赋值 1. 方法没有明确的返回值时,返回的是undefined 2. 当对为声明的变量应用typeof时,返回值是undefined (typeof可以返回数据类型) 2.null:是属于"已知状态",他表示尚未存在对象,null具有特殊意义,可以为…
这一篇写一点小知识 JS中0.1+0.2为什么不等于0.3? 关于这个问题之前也很疑虑,老师也只是笼统的讲这是JS的语言问题,但是内部具体的情况却没有讲,看了书才发现原理如此简单. 简单来讲,计算机识别的数字长度是有限制的,过大的数字计算会出现infinity或者NAN,这个好理解,但是为什么小数也会出现呢?如果从二进制的角度思考就很简单了,对于一定范围内的正数,总是可以表示成对应的二进制,但是小数就有问题了,十进制的0.5相当于热二进制的0.1,0.25 => 0.01,0.125 => 0…
总结的js性能优化方面的小知识 前言 一直在学习javascript,也有看过<犀利开发Jquery内核详解与实践>,对这本书的评价只有两个字犀利,可能是对javascript理解的还不够透彻异或是自己太笨,更多的是自己不擅于思考懒得思考以至于里面说的一些精髓都没有太深入的理解. 鉴于想让自己有一个提升,进不了一个更加广阔的天地,总得找一个属于自己的居所好好生存,所以平时会有意无意的去积累一些使用jQuerry的常用知识,特别是对于性能要求这一块,总是会想是不是有更好的方式来实现. 下面是我总…
前面说了js的一些高级方面的基础知识,这些都是比较容易出错的和比较难理解的东西,除了这些之外其它的知识都比较简单了,基础学好了,扩展起来就是小意思.今天说说js方面可以快速学习和入门的知识. 1.闭包 对于闭包来说,很多人对它有误解,有的说的怎么怎么好,但是我觉得这个东西说的那么悬无非是忽悠人的,对于闭包我看到有一篇博客上面说的很好: )闭包是一种设计原则,它通过分析上下文,来简化用户的调用,让用户在不知晓的情况下,达到他的目的: )网上主流的对闭包剖析的文章实际上是和闭包原则反向而驰的,如果需…
一 小知识回顾 1 级联删除问题 2 一张表关联多个表,比如有manytomanyfileds forignkey,基于对象查询存在的问题:反向查询的时候  表名小写_set.all()不知是哪个字段queryset对象  所以说related_name='coursedetail_by' 3 Vue生命周期钩子可以直接发axios 二 Vue样式用elemen(jq用bootstap) 网站http://element-cn.eleme.io/#/zh-CN/guide/design 1 em…
05-CSS的一些小知识 #隐藏盒子的几种方式 隐藏盒子,有以下几种方式: (1)方式一: overflow:hidden; //隐藏盒子超出的部分   (2)方式二: display: none; 隐藏盒子,而且不占位置(用的最多)   比如,点击X,关闭京东首页上方的广告栏. (3)方式三: visibility: hidden; //隐藏盒子,占位置. visibility: visible; //让盒子重新显示   (4)方式四: opacity: 0; //设置盒子的透明度(不建议,因…
引用js <script src="链接/js代码位置" type="text/javascript"></script> 引用css <link rel="stylesheet" href="链接/css代码位置" media="screen" type="text/css"> jS引用css '<link rel="styleshe…
今天,就分享一下我自己总结的一些JS的小技巧: ①防止鼠标选中事件 <div class="mask" onselectstart="return false"></div><div class="link">     <a href="javascrip;;">登录</a></div> 给元素添加了onslectstart=“return false&q…
蓝牙Bluetooth技术以及广泛的应用于各种设备,并将继续在物联网IoT领域担任重要角色.下面搜集整理了一些关于蓝牙技术的小知识,以备参考. 蓝牙Bluetooth技术始创于1994年,其名字来源于10世纪时的一位丹麦国王Harold Bluetooth,他统一了现在的挪威.瑞典和丹麦地区,以他的名字命名也是取其能使现在的各种离散的设备连接在一起的意思.所以蓝牙Bluetooth和"蓝色的牙齿"并没有什么关系 :) 蓝牙技术目前有几个版本并行,Bluetooth 2.1 (Bluet…
今天分享一些HTML.CSS的小知识,希望能够对大家有所帮助! 1.解决网页乱码的问题:最重要的是要保证各个环节的字符编码一致! (1)编辑器的编辑环境的字符集(默认字符集):Crtl+U 常见的编码 GB2312(简体) .GBK(简体).BIG5(繁体).UTF-8(多国语言编码) (2)<meta>标记的字符集设定与编辑环境的字符集一致 字符集设置:<meta http-equiv="content-type" content="text/html;…
中级训练接着就紧锣密鼓的开始了. 首先是关于变量,变量的作用是给一个数据值标注名称. 注:JavaScript中变量名,函数名,参数名的命名规范:至少由字母,下划线,美元符号,数字其中的一种组成,但不能以数字开头.变量的定义,如:var num =5.关于变量的引用,我觉得这句话已经说的很形象了——数据本来不具有名称,之所以使用变量,就是为了通过某个名称来称呼这样一种不具有名称的数据. 所谓"引用",可以认为是用变量名来取出其代表的数据值.就像在许许多多的箱子里面通过箱子的名称,找到该…
      亿合科技小编发现从2007年第一款智能手机横空出世,由此开启了人们的移动智能时代.我们从一开始对APP的陌生,到现在的爱不释手,可见APP开发的出现对我们的生活改变有多巨大.而iOS APP是只可以在苹果的iOS系统平台安装运行的APP应用软件.时至今日,我们对APP的了解已经十分之多了,今天我们来整理一份较为全面的iOS APP开发的各种小知识.       iOS APP开发的发展历程       在2008年3月6日,苹果第一次对外发布了针对苹果智能手机的应用开发包,也就是我们…
Unix操作系统的小知识 2.VI添加行号/翻页/清屏 .在对话模式时(即输完Esc再输入: ),输入“:set number”可以将编辑的文本加上行号.跟玩俄罗斯方块一样方便的上下左右移动箭头的快捷键分别为:l,k,j,h.向下和向上翻页分别时“Ctrl+f”和“Ctrl+b”,“Ctrl+l”可以在杂乱的显示下刷新屏幕. 3.Unix操作系统shift+6 对话模式下:回到行首你可以用 “ ^ ” 键(shift+6)或者数字0:当然回到行尾你可以用“ $ ”键(shift+4):回到文本末…
在这里介绍两个IDE的便捷开发的小知识. 一) 本地调试 由于salesforce代码只能提交以后才能调试,所以很多时候调试代码很麻烦.新版增加了一个特性:即可以在本地调试相关的代码或者查看相关代码运行结果. 1.IDE中window-->show view-->other; 2.找到Force.com目录,选择Execute Anonymous,点击OK. 以上为显示样式以及测试程序,上方可以选择正在活动的项目,可以选择log的种类以及级别,左侧代码区,点击Execute Anonymous…
Jquery:小知识: jQuery学习笔记(二):this相关问题及选择器   上一节的遗留问题,关于this的相关问题,先来解决一下. this的相关问题 this指代的是什么 这个应该是比较好理解的,this就是指代当前操作的DOM对象. 在jQuery中,this可以用于单个对象,也可以用于多个对象. $('btn').click(function(){ alert(this.innerHTML); // 单个对象,this指代当前id为btn的DOM对象 }); $('div').ea…
今天知道了一个html小知识: <input type="checkbox" id="chkVersion" />                 <label for="chkVersion"><span>已阅读并同意告知书内容</span></label> 将input的id与label的for设置成一致的,在点击label时(里面可以套用其他标签),input也会被选中`(*∩_∩…
css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式)>[id>class>tag](选择器) 样式的优先级:(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 3.继承是CSS的一个主要特征,它是依赖于祖先-后代的关系的.继承是一种机…