原生js大总结七

061.如何获取父级节点.上一个子级节点.下一个子级节点 nextElementSibling 后一个兄弟元素 (如果没有是null) previousElementSibling 前一个兄弟元素 (如果没有就是null) parentNode 获取当前节点的父节点 062.元素节点的创建.添加.删除.替换.克隆 1.创建:document.createElement('元素名'); 2.添加:appendChild()====>插入到最后 i…

原生js大总结九

81.ES6的Symbol的作用是什么? ES6引入了一种新的原始数据类型Symbol,表示独一无二的值 82.ES6中字符串和数组新增了那些方法字符串 1.字符串模板 2.includes 3.startswith 4.endsWith 等数组 1.Array.of 2.Array.from 等 83.谈谈你对ES6中set集合和Map集合的理解? set: set是ES6提供的一种新的数…

原生js大总结十

91.ajax的优点 a.提高运行效率 b.提高用户体验,让多件事情同时发生 c.在不刷新页面的情况下可以对局部数据进行加载和刷新 92.ajax请求的流程 1.创建通信对象 a.IE7及其以上版本中支持原生的 XHR 对象,因此可以直接使用 var xhr = new XMLHttpRequest() b.IE6及其之前版本中,XHR对象是通过MSXML库中的一个ActiveX对象实现的 var…

原生js大总结二

011.if语句的优化 1.把次数多的条件和执行结果放到最前面 2.减少第一次无用的判断,可以用嵌套判断 3.判断语句禁止出现三次嵌套 012.谈谈你对switch的理解 1.switch的括号里面放的是一个变量 2.case相对应的值是关于这个变量的一个值 3.switch里面的这个变量和case里面这个变量不会进行隐式类型的一个转换,而是进行了恒等比较.所以一定要注意这个变量和这个case里面的值是不是一个类型 4.关于switch里面的case会有一…

原生js大总结十一

101.请简述prototype.__proto__ constructor三者的关系 1.prototype: 每一个函数都有一个prototype这个属性,而这个属性指向一个对象,这个对象我们叫做原型对象作用: a.节约内存 b.扩展属性和方法 c.可以实现类之间的继承 2.__proto__ 1.每一个对象都有一个__proto__属性 2.__proto__指向创建自己的那个构造…

原生js大总结八

071.如何组织事件冒泡利用事件对象属性:stopPropagation 和 cancelBubble stopPropagetion是一个方法:e.stopPropagetion(); cancelBubble的值是一个常量:e.cancelBubble = true; 072.什么是事件监听.事件绑定.事件委托? 事件监听:为同一个对象的同一个事件绑定多个事件处理程序事件绑定:对DOM元素绑定事件处理函数一般分为三种 1.在DOM元素中直接绑定 2.在js…

原生js大总结四

031.数组常用的一些方法 1.push: 在数组最后添加一个或者多个元素,返回添加后数组的长度 2.pop: 从数组最后取出一个元素,返回的是数组的最后一个元素(取出的元素) 3.unshift: 和push相反,从数组的第一位的前面开始添加 4.shift: 和pop相反从数组的第一位开始取,返回取出的值 5.sort 排序方法 6.reverse 反转上面的6种方式都在原数组进行操作,会改变原本的数组 032.如何将数组转换为字符串?如何将字符串转换为数组…

原生js大总结五

041.在js中如何用方法将10进制的字符转换成16进制和8进制数字.toString(16) 数字.toString(8) 042.如何创建时间对象 new Date() 043.如何创建未来或者过去的时间对象 var d = new Date('2017-10-20 22:22:22') var d = new Date('2017/10/20 11:11:11') 044.如何获取时间戳 getTime(); 045.常用的时间API …

原生js大总结三

021.定义函数的几种方式 1.关键字函数:function fnName(){}; 2.字面量函数:var fn = function(){}; 3.构造函数:var fn = new Function() 022.函数的作用 1.减少代码的编写(代码重复利用) 2.隐藏处理细节,便于今后的修改和维护 3.控制执行时机 023.谈谈你对参数的理解 1.参数分为:形参和实参 2.有了参数以后可以使函数变的更加灵活 3.形参和实参要一一对应 4.如果…

原生js大总结一

001.浅谈堆和栈的理解? js变量存储有栈存储和堆存储,基本数据类型的变量存储在栈中,引用数据类型的变量存储在堆中引用类型数据的地址也存在栈中当访问基础类型变量时,直接从栈中取值.当访问引用类型变量时,先从栈中读取地址,在根据地址到堆中取出数据 002.js中的数据类型分为哪几类基本数据类型:number string undefined null boolean 引用数据类型:Object 003.js中的强制类型转换与隐式类型转换隐式类型转换:== …

原生js大总结六

051.如何打印当前浏览器的版本等信息 navigator.userAgent 返回包含浏览器版本等信息的字符串 ,常用于判断浏览器版本及使用设备(PC或者移动端 052 .在浏览器地址栏输入www.baidu.com后按下回车键会发生什么 1.域名解析把域名解析ip地址 DNS域名解析系统 2.把ip发送到网络供应商去找那个对应的主机服务器 3.TCP的三次握手建立连接 4.开始发送请求取回入口文件index.htm…

【高德地图API】从零开始学高德JS API（七）——定位方式大揭秘

原文:[高德地图API]从零开始学高德JS API(七)——定位方式大揭秘摘要:关于定位,分为GPS定位和网络定位2种.GPS定位,精度较高,可达到10米,但室内不可用,且超级费电.网络定位,分为wifi定位和基站定位,都是通过获取wifi或者基站信息,然后查询对应的wifi或者基站位置数据库,得到的定位地点.定位数据库可以不断完善不断补充,所以,越定位越准确.本文详细描述了,如果使用高德JS API来实现位置定位.城市定位的方法,包含了IP定位,浏览器定位,检索定位等多种网络定位方法.当然,…

C#保留2位小数几种场景总结游标遍历所有数据库循环执行修改数据库的sql命令原生js轮盘抽奖实例分析（幸运大转盘抽奖） javascript中的typeof和类型判断

C#保留2位小数几种场景总结场景1: C#保留2位小数,.ToString("f2")确实可以,但是如果这个数字本来就小数点后面三位比如1.253,那么转化之后就会变成1.25.可不可以刚好保留到最后一位不是0的位置?默认保留2位,如果真的有3位小数,就保留3位,有4位就保留4位. 先说一下ToString("0.00##")中0和#的区别: 0 代表占位的.如果ToString("0.00") 这样就是保留两位小数,无论小数有多少位或者无…

原生js的常用方法总结

=============== 通知: 博主已迁至<掘金>码字,博客园可能以后不再更新,掘金地址:https://juejin.im/post/5a1a6a6551882534af25a86b 请多多关照!! -------------------在此谢过!----------- 前言:随着前端市场日新月异的发展,现如今的市场要的不只是会切切图的小仔.小妹了,而是需要真正懂原生js闭包,继承,原型链,node,以及熟读源码的大神,那么我们也不能太落后各位大神,撸起袖子,重新拾起原生js吧!…

原生JS封装Ajax插件(同域&&jsonp跨域)

抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的...简单说说思路,如有不正确的地方,还望指正^_^ 一.Ajax核心,创建XHR对象 Ajax技术的核心是XMLHttpRequest对象(简称XHR),IE5是第一款引入XHR对象的浏览器,而IE5中的XHR对象是通过MSXML库中的一个ActiveX对象实现的,因此在IE中可能有3个版本,即MSXML2.XMLHttp.…

常用原生JS方法总结（兼容性写法）

经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了... ①添加事件方法 addHandler:function(element,type,handler){ if(element.addEventListener){//检测是否为DOM2级方法 element.addEventListener(typ…

原生JS实现"旋转木马"效果的图片轮播插件

一.写在最前面最近都忙一些杂七杂八的事情,复习软考.研读经典...好像都好久没写过博客了... 我自己写过三个图片轮播,一个是简单的原生JS实现的,没有什么动画效果的,一个是结合JQuery实现的,淡入淡出切换的.现在想做一个酷一点的放在博客或者个人网站,到时候可以展示自己的作品.逛了一下慕课网,发现有个旋转木马的jquery插件课程,有点酷酷的,于是就想着用原生JS封装出来.做起来才发现,没有自己想象中的那么容易...不啰嗦了,讲解一下实现过程吧. 二.效果由于自己的服务器还没弄好.在线演…

React.js实现原生js拖拽效果及思考

一.起因&思路不知不觉,已经好几天没写博客了...近来除了研究React,还做了公司官网... 一直想写一个原生js拖拽效果,又加上近来学react学得比较嗨.所以就用react来实现这个拖拽效果. 首先,其实拖拽效果的思路是很简单的.主要就是三个步骤: 1.onmousedown的时候,启动可拖拽事件,记录被拖拽元素的原始坐标参数. 2.onmousemove的时候,实时记录鼠标移动的距离,结合被拖拽元素第一阶段的坐标参数,计算并设置新的坐标值. 3.onmouseup的时候,关闭可拖拽事件…

原生JS实现全屏切换以及导航栏滑动隐藏及显示——重构前

思路分析: 向后滚动鼠标滚轮,页面向下全屏切换:向前滚动滚轮,页面向上全屏切换.切换过程为动画效果. 第一屏时,导航栏固定在页面顶部,切换到第二屏时,导航条向左滑动隐藏.切换回第一屏时,导航栏向右滑动显示. 页面显示的不是第一平时,当鼠标指针滑动到页面的头部区域,导航栏向右滑出:鼠标指针移出头部区域时,导航栏向左滑动隐藏. 当视口尺寸小于768px时,切换页面不隐藏导航条,但是导航条的项目要隐藏,通过点击按钮来显示和隐藏项目. 本篇代码是重构前的代码. HTML代码: <!DOCTYPE htm…

【前端性能】必须要掌握的原生JS实现JQuery

很多时候,我们经常听见有人说jquery有多快多快.在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗? 是的,明显原生JS要更快,因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西,考虑通用性必然会导致性能的损耗. 当然,我不是提倡写代码纯用原生JS实现,我记得淘宝玉伯曾经说的一句话“框架能够让我们走的更快,但只有了解原生的JS才能让我们走的更远”. 一些感(fei)想(hua): 原生的js,好比全真教的武功,一步步从基础开始(先练气再御剑),很长一段时间内和j…

原生JS实战：分享一个首页进度加载动画！

本文是苏福的原创文章,转载请注明出处:苏福CNblog:http://www.cnblogs.com/susufufu/p/5871134.html 该程序是本人的个人作品,写的不好,可以参考,但未经本人允许,请不要用于其它用途! 早上写了个首页进度加载动画,本想在我的博客里用上,测试发现博客园加载太快,根本看不到动画效果,直接就加载'Complete'了,算了,还是不要把博客搞得太臃肿了! 于是我就写了个演示页面,在body里加了个iframe来加载大一点的网站,这样就看出效果了! 用Safa…