![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
林夕梦木子李
学习整理地址:https://my729.github.io/blog/accumulate/
展开
-
js如何判断数据类型和数组类型整理
一、typeof可以判断部分数据类型在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即“number”,”string”,”undefined”,”boolean”,”object” 五种。对于数组、函数、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “object” 字符串。var str="abc";console.log(typeof(str)原创 2017-10-22 15:22:55 · 1278 阅读 · 0 评论 -
defer和async定义及区别
定义: script标签的两个属性,用于在不阻塞页面文档解析的前提下,控制脚本的下载和执行。区别: <script async src="script.js"></script> // 有async,加载和渲染后续文档元素的过程将和脚本的加载与执行并行进行(异步)。 <script defer src="myscript.js"></script> //有defer,加载原创 2017-10-22 15:46:43 · 398 阅读 · 0 评论 -
this指向详解及改变它的指向的方法
一、this指向详解this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话不那么严谨,作为一般情况下是可以的)再加下面的补充,就完美啦:情况1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,但是我们这里转载 2017-10-22 17:54:56 · 22738 阅读 · 2 评论 -
JavaScript作用域、作用域链、闭包详解
一、作用域和作用域链js中作用域有全局作用域和局部(函数)作用域两种,没有块级作用域的概念全局作用域:1、最外层函数和在最外层函数外面定义的变量拥有全局作用域var outColor="blue";function sayColor( ){ var inColor="red"; function innerSayColor( ){ console.log(inCol转载 2017-10-24 21:02:13 · 927 阅读 · 0 评论 -
前端性能优化
减少HTTP的请求 使用浏览器缓存 压缩文档代码 CSS CSS雪碧图 CSS选择符优化(谨记:CSS从右往左匹配) LazyLoad图片懒加载 CSS放页面顶部、JavaScript放页面底部 减少cookie存放的数据,尽量使用本地存储 JavaScript 异步加载 JavaScript中缓存DOM,减少DOM操作 避免使用new Function 减少作用域链的查找原创 2017-10-25 20:44:03 · 283 阅读 · 0 评论 -
原生js实现tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab切换</title> <style> #box{ width:500px; height: 400px; bac转载 2017-10-25 22:02:12 · 956 阅读 · 0 评论 -
解析URL参数为对象
function urlSearch(href) { let name, value; let str = href; //取得整个地址栏 let num = str.indexOf("?"); str = str.substr(num + 1); //取得所有参数 let arr = str.split("&"); //各个参数放到数组里 let json = {};转载 2017-10-25 23:54:55 · 2354 阅读 · 0 评论 -
JavaScript-浅拷贝vs深拷贝
原文地址博客积累地址概念深拷贝和浅拷贝都是针对的引用类型浅拷贝:拷贝的是地址,最终两个变量指向同一份数据,修改其中一个变量会改变另一个深拷贝:两个变量是独立的,互不影响我们先看一个浅拷贝的例子var a = { name: '小明'}var b = // {name: "小明"}b.name = '木木'a // {name: "木木"}只拷贝一层假设拷贝一份...原创 2019-03-06 18:55:52 · 182 阅读 · 0 评论 -
使用canvas一步步实现图片打码功能
使用canvas一步步实现图片打码功能原文地址https://github.com/MY729/front-common-funtion/blob/master/picture-code-demo/README.md预览地址https://my729.github.io/front-common-funtion/picture-code-demo/picture-code.html准备工...原创 2019-06-17 19:45:18 · 1455 阅读 · 0 评论