![](https://img-blog.csdnimg.cn/20191013104336731.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JAVASCRIPT基础
javascript学习基础总结
i大俊
https://github.com/kkxiaojun
展开
-
如何防止xss和CSRF攻击
浅谈CSRF(跨站请求伪造)和XSS跨站脚本攻击(Cross Site Scripting)原创 2019-12-26 21:29:27 · 1269 阅读 · 0 评论 -
排序算法js实现
排序算法js实现原创 2019-12-24 18:52:19 · 461 阅读 · 0 评论 -
尝试深入了解ES6中Map
尝试了解ES6的Map原创 2019-12-11 11:10:43 · 247 阅读 · 0 评论 -
一个页面有多个setInterval应该怎么办?
避免使用多个定时器原创 2019-10-24 17:55:32 · 7031 阅读 · 0 评论 -
Vue中js前端导出excel表格(实用)
纯前端导出excel,在业务中是很经常见的。对于一些**没有分页要求**的表格,基本上可以由前端实现导出。原创 2019-10-24 17:52:50 · 1355 阅读 · 0 评论 -
为什么不要频繁操作DOM之性能优化
性能优化-为什么不要频繁操作DOM性能优化的时候,我们常说“不要频繁操作DOM”,但是“DOM 为什么这么慢”以及“如何使 DOM 变快”呢。DOM 为什么这么慢,因为,DOM和JS的跨界交流把 DOM 和 JavaScript 各自想象成一个岛屿,它们之间用收费桥梁连接。——《高性能 JavaScript》JS 是很快的,在 JS 中修改 DOM 对象也是很快的。在JS的世界里,一切...原创 2019-10-13 22:08:12 · 1474 阅读 · 0 评论 -
利用JavaScript、Ajax及CSS3实现图片预加载
导语 多图片网页很多都用了预加载图像,预加载图像是改善用户体验的好方法。但苦于网上找好资料不容易,特地翻墙研究了两篇,一起参考学习仅使用JavaScript实现预加载 像以前的方法一样有效,我通常认为实际上实在太乏味和耗时。 相反,我通常更喜欢使用直线切片JavaScript来预加载图像。 以下是几种仅限JavaScript的预加载方法,可在几乎每个现代浏览器中精美地工作。JavaScr原创 2019-10-13 11:26:18 · 753 阅读 · 0 评论 -
JavaScript基础(1)之数据类型
数据类型ECMAScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。(ECMAScript数据类型具有动态性,松散类型(var)) 注意:ES6中新增了基本类型Symboltypeof操作符由于ECMAScript是松散类型,所以要检原创 2017-04-30 12:50:45 · 427 阅读 · 0 评论 -
JavaScript基础(2)之arguments详解
理解参数argumentsECMAScript函数不介意传进来的参数个数和类型, 在函数体内可以通过arguments对象来访问这个参数数组function hi(){ alert("hello"+arguments[0]+","+arguments[1]);}hi("kk","jun");// hellokk,jun其实arguments只是与数组类似(并不是...原创 2017-04-30 16:24:51 · 732 阅读 · 0 评论 -
JavaScript基础(3)之数组Array-1
Array这个对象用的是非常频繁的,借此机会全面地体验一把api,ES6中的api后面再谈。创建数组两种方法构造函数var arr = new Array();var arr = new Array(3); //数组长度为3var arr = new Array("red","green","blue");数组字面量var arr = ["a","b原创 2017-05-01 23:21:22 · 818 阅读 · 0 评论 -
JQuery常用代码片段收集
本文为大家分享了常用的jquery代码片段,都是网上收集的,分享给大家供大家参考,具体内容如下1、回到顶部按钮通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: // Back to top $('a.top').click(function (e) { e.preventDefault(); $(document.body原创 2017-05-02 15:39:01 · 320 阅读 · 0 评论 -
HTML5系列(1)web存储
html5中的Web Storage包括了两种存储方式: sessionStorage和localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。 而localStora...原创 2017-05-06 16:39:36 · 508 阅读 · 0 评论 -
跨域实现详解
一直觉得jsonp很好用,却不知道原理,跨越技术有点多,在这探索解释一番,望有所获同源策略在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制,即JavaScript只能访问与包含它的文档在同一域下的内容。(图片来自MDN)JSONP在js中,我们直接用XMLHttpR原创 2017-05-06 22:19:49 · 342 阅读 · 0 评论 -
ES6新特性学习
想要在浏览器端使用ES 2015最新语法,其实很简单,只需要一个转换器即可,Babel是ES 2015最流行的转换器之一,Babel加上各种插件和polyfill能基本上支持绝大部分新语法。原创 2017-05-29 09:34:34 · 359 阅读 · 0 评论 -
JavaScript基础(4)之location
location是BOM对象,提供了与当前窗口中加载的文档有关的信息。属性protocol// 返回页面使用的协议,Http或Httpshostname// 返回不带端口号的服务器名称host// 返回服务器名称带端口号(如果有)post// 返回服务器端口号pathname// f返回url中的目录,类似`/user/`href// 返回当前页面完整urlhash//原创 2017-06-04 09:36:31 · 518 阅读 · 0 评论 -
JavaScript基础(5)之form表单-基本操作
焦点管理在 HTML5 工作草案中,DOM 属性 activeElement 与方法 hasFocus() 为程序员提供了更好的控制页面交互的能力,特别是对于用户行为引发的交互。例如,它们都可以用于统计使用目的,跟踪页面特定链接的点击次数,计算元素获得焦点的次数等等。此外,当与 AJAX 技术结合以后,将会减少向服务器请求的数目,这取决于用户的活跃程度和页面的布局。原创 2017-06-04 15:06:44 · 838 阅读 · 0 评论 -
Ajax异步请求原生窥探
简介AJAX = 异步 JavaScript 和 XML。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。ajax基础XMLHttpRequest 对象,所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象 创原创 2017-06-05 10:34:59 · 364 阅读 · 0 评论 -
JavaScript面试之预编译与执行
今天面试笔试部分有很多题是考预编译和执行的内容,为了进一步了解,在这写篇博文。题目if (a) { var a = 10;}console.log('a:' + a); // undefinedif (b in window) { var b = 10;}console.log( b); // 10function fn() { cons原创 2017-06-16 22:29:33 · 565 阅读 · 0 评论 -
boostrap table插件的分页与checkbox
说明 今天需要实现这样一个功能,有checkbox列表可供选择,要求可以全选,全取消,不同页之间可选择并保存,需要保存上一步的选择信息。最终实现的功能如图:具体实现首先,来看具体的代码,这里只截取实现功能所需代码 var selectionIds =[],selectionNames=[]; var curd = { init:fu原创 2017-07-23 08:23:44 · 1424 阅读 · 0 评论 -
javascript将时间戳转化为Date格式
function formatDateTime(inputTime) { var date = new Date(inputTime); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m var d = date.getDate(); d = d var原创 2017-07-25 20:31:32 · 1358 阅读 · 1 评论 -
前端中的各种小知识点
前端应该了解的小知识原创 2017-08-12 10:48:16 · 591 阅读 · 0 评论 -
Event loop的理解
概念(事件循环)Event Loop,浏览器中,js引擎线程会循环从任务队列(task queue)中读取事件并且执行,这种运行机制叫做事件循环(event loop)为什么要了解Event loop理解Event loop,对于浏览器处理事件的过程会有更透彻的理解,使用promise,nextTick, setTimeout等会更清晰,这些都是平时很经常使用的。JavaScript运行时的概念下面原创 2017-09-07 20:25:46 · 699 阅读 · 0 评论 -
html2canvas配合PhotoClip.js制作海报
h5海报制作基本介绍最终实现的需求是:将海报模版与自己上传的照片进行合成并且贴上二维码,生成可长按保存的海报。海报H5的基本功能:接入微信SDK上传照片、拍照裁剪图片将海报模板、二维码、上传的照片合成海报长按保存图片方案选择方案一: 采用第三方的裁剪库PhotoClip,和canvas的drawImage进行合成方案二: 采用第三方的裁剪库PhotoCli...原创 2019-09-01 17:21:28 · 893 阅读 · 2 评论 -
页面内跳转到指定div的几种方法(锚点、hash、animate、scrollIntoView)
页面内跳转到指定div的几种方法(锚点、hash、animate、scrollIntoView)由于最近有回到顶部、根据nav定位到指定div和定位到输入错误的输入框的需求,所以在此分析此类需求可能的解决方案用a标签的href属性这是比较常用的一种方法 href。这是一个必需属性为锚定义一个超文本链接来源。这表示链接目标的URL或URL片段。URL片段是由一个hash符号(...原创 2018-09-10 10:49:45 · 10083 阅读 · 0 评论 -
Vue中js实现复制文本的两种方案
Vue中js实现复制的两种方案原创 2019-09-08 09:57:02 · 1609 阅读 · 0 评论