js
qq_42164670
这个作者很懒,什么都没留下…
展开
-
HTML DOM nextSibling 和nextElementSibling属性
nextSibling 和nextElementSibling的区别nextSibling属性返回元素节点之后的兄弟节点(包括文本节点、注释节点); nextElementSibling属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注释节点);定义和用法nextSibling 属性返回指定节点之后紧跟的节点,在相同的树层级中。 被返回的节点以 Node 对象返回。、注释:如...原创 2018-07-30 14:06:55 · 1826 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
js中的事件委托或是事件代理详解起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思...转载 2019-04-02 10:58:17 · 116 阅读 · 0 评论 -
动态的前后端的数据交互
方法一:jsonpJSONP原理:浏览器只对XHR(XMLHttpRequest)请求有同源请求限制,而对script标签src属性、link标签ref属性和img标签src属性没有这这种限制,利用这个“漏洞”就可以很好的解决跨域请求。JSONP就是利用了script标签无同源限制的特点来实现的,当向第三方站点请求时,我们可以将此请求放在//数据渲染:function getData(dat...原创 2019-04-01 19:51:49 · 423 阅读 · 0 评论 -
关于浏览器的那些事儿
一、五大主流浏览器及内核IE tridentchrome webkit/blinksafair webkitfirefox geckoopera presto二、浏览器历史1. 1990年蒂姆 伯纳斯 李 开启超文本分享资讯 world wide web 移植到...原创 2019-03-05 15:52:26 · 145 阅读 · 0 评论 -
localStorage、sessionStorage、Cookie的区别及用法
localStorage、sessionStorage、Cookie的区别及用法webstoragewebstorage是本地存储,存储在客户端,包括localStorage和sessionStorage。localStoragelocalStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为...转载 2018-12-06 17:06:47 · 101 阅读 · 0 评论 -
XSS和CSRF
XSS原理:跨站脚本攻击XSS(Cross Site Scripting)攻击是指攻击者往Web页面里面插入恶意html标签或者javascript代码。比如攻击者在论坛中放一个看似安全的链接,骗取用户点击后,窃取cookie中的用户私密信息;或者攻击者在论坛中加一个恶意表单当用户提交表单的时候却把传送到攻击者的服务器中,而不是用户原本以为的目标站点。XSS防范方法:首先代码里对用户输...原创 2018-11-05 21:00:58 · 82 阅读 · 0 评论 -
跨域解决方案
什么是跨域跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为:Cookie、LocalStorage 和 IndexDB 无法读取 DOM 和 JS 对象无法获取 Ajax请求发送不出去常见的跨域场景所谓的同源是指,域名、协议、端口均为相同。http://www.nealyang.c...转载 2018-10-31 22:00:54 · 78 阅读 · 0 评论 -
SEO 搜索引擎优化
SEO(Search Engine Optimization):汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是:为网站提供生态式的自我营销解决方案,让其在行业内占据领先地位,获得品牌收益;SEO包含站外SEO和站内SEO两方面;为了从搜索引擎中获得更多的免费流量,从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划,还会使搜索引擎中显示的网站...转载 2018-10-31 15:44:04 · 695 阅读 · 0 评论 -
call、apply和bind方法的用法以及区别
all、apply、bind的作用是改变函数运行时this的指向,所以先说清楚this。以下是函数的调用方法:方法调用模式:当一个函数被保存为对象的一个方法时,如果调用表达式包含一个提取属性的动作,那么它就是被当做一个方法来调用,此时的this被绑定到这个对象。 var a = 1 var obj1 = { a:2, fn:function(...转载 2018-10-28 23:25:16 · 195 阅读 · 0 评论 -
Javascript获取数组中最大和最小值
1.排序法首先我们给数组进行排序,可以按照从小到大的顺序来排,排序之后的数组中第一个和最后一个就是我们想要获取的最小值和最大值。排序我们会用到数组的 sort 方法。var arr = [12,56,25,5,82,51,22];arr.sort(function (a, b) { return a-b;}); // [5,12,22,25,51,56]var min = ar...转载 2018-10-28 19:57:27 · 138 阅读 · 0 评论 -
什么是CDN及CDN加速原理
随着互联网的发展,用户在使用网络时对网站的浏览速度和效果愈加重视,但由于网民数量激增,网络访问路径过长,从 而使用户的访问质量受到严重影响。特别是当用户与网站之间的链路被突发的大流量数据拥塞时,对于异地互联网用户急速增加的地区来说,访问质量不良更是一个 急待解决的问题。如何才能让各地的用户都能够进行高质量的访问,并尽量减少由此而产生的费用和网站管理压力呢?内容发布网络(Content Deliv...转载 2018-10-20 23:57:54 · 132 阅读 · 0 评论 -
http长连接和短连接
HTTP是无状态的 ,也就是说,浏览器和服务器每进行一次HTTP操作就要建立一次连接,当任务结束就中断连接。如果客户端浏览器访问的某个HTML或其他类型的Web页中包含其他Web资源,如JavaScript文件、图像文件、CSS文件等,此时就要建立一个新的HTTP会话。HTTP1.1和HTTP1.0相比较而言,最大的区别就是增加了持久连接支持,但还是无状态的或者说是不可靠的。如果浏览器或服务器...转载 2018-10-20 16:01:37 · 1321 阅读 · 1 评论 -
instanceof与typeof的区别
typeof 可通过 typeof 操作符查看 JavaScript 变量的数据类型。typeof "John" // 返回 string typeof 3.14 // 返回 numbertypeof NaN // 返回 numbertypeof false ...原创 2018-10-20 09:44:23 · 136 阅读 · 0 评论 -
几种简单的排序算法
1.向上冒泡排序var len = arr.length;for (var i = 0; i < len - 1; i++) { //比较趟数; for (var j = len - 1; j > i; j--) { //比较次数 if (arr[j] > arr[j - 1]) { //降序 [arr[j], arr[j - 1]] = [arr[j ...原创 2018-10-19 10:00:42 · 113 阅读 · 0 评论 -
并发和并行
并发是指两个或多个任务可在重叠的时间段内启动,执行和完成。并行是指两个或多个任务能在同一时刻在不同CPU上运行。并发是独立执行过程的组合,可以一次处理很多事情,而并行是同时执行计算,可以同时处理很多事情。应用程序可以是并发的,但不是并行的,这意味着它可以同时处理多个任务,但是没有两个任务在同一时刻执行。应用程序可以是并行的,但不是并发的,这意味着它同时处理多核CPU中的任务的多个子任务。一...原创 2018-10-12 20:15:33 · 130 阅读 · 0 评论 -
ES6中新增的Object.assign()方法
ES6提供了Object.assign()方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target )。Object.assign()方法的第一个参数是目标对象,后面的参数都是源对象。注意,如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。1.基本语法如下:var target = { a: 1 };v...转载 2018-10-12 19:10:33 · 794 阅读 · 0 评论 -
JavaScript 执行机制
这一次,彻底弄懂 JavaScript 执行机制本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的...转载 2019-07-09 14:33:42 · 148 阅读 · 0 评论