javascript
简单的介绍自己在javascript学习路上遇到的难点,知识点,以及一些理解
mkmin
主要对新手入门
展开
-
javascript:call()与apply()的区别
资料来源:《javascript高级程序设计》很是无聊,我又要来浑水,今天讲的还是基础篇,是关于apply的与call的区别。先统筹下:apply每个函数都包含两个非继承而来的方法: apply() 和 call() 。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内 this 对象的值。首先, apply() 方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。...原创 2018-06-28 12:02:39 · 208 阅读 · 0 评论 -
javascript:使用call或者apply扩充作用域
首先,先来一张支付宝的二维码。大家不要介意。。可以选择无视,我就玩玩而已入正题, apply() 和 call()这两个方法,我们不止是用来做参数传递的,由于他可以传递this,作用域的一些问题也就跟着改变了。比如:先定义一个functionthis.name = "name inwindow";function methods1() { console.log("下方打印的是作用于下的n...原创 2018-06-28 12:20:30 · 631 阅读 · 0 评论 -
javascript:一个简单的多图片上传
一个简单的多图片上传,就无聊练练手,因为后台还没给借口,所以今天早上还是很闲的,淡定<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript&q原创 2018-05-18 12:45:24 · 551 阅读 · 0 评论 -
javascript:字符串的简单操作
除了被人们所知晓的indexof,lastIndexOf,trim之外,includes,startwidth等方法。感觉好像没什么用的样子。。。也就记下而已注意下:trim不是去空处理,他的作用是出去字符串的前后的空格,不是除去中间的空格const b = "b"; const bstring = " abcd b"; console.log("includes:" + bstring....原创 2018-05-28 18:21:05 · 295 阅读 · 0 评论 -
javascript:es6的promise函数
资料来源:《深入理解es6翻译完整版》Promise 是为异步操作的结果所准备的占位符。函数可以返回一个 Promise,而不必订阅一个事件或向函数传递一个回调参数,就像这样:// readFile 承诺会在将来某个时间点完成let promise = readFile("example.txt");第十一章 Promise与异步编程222在此代码中, readFile() 实际上并未立即开始...原创 2018-05-31 12:09:36 · 917 阅读 · 0 评论 -
javascript:幂指数运算符
(资料来源:百度)难得用到一次幂运算!肯定要记下来。。var a=2**2;2**2==Math.pow(2,2);然后再记下, ++ 或 -- 时,这两个运算符在操作数上的行为都被清晰定义了: ++ 或 -- 作为前缀会在其他任意运算发生之前修改操作数,而作为后缀则会在整个表达式计算完毕后才修改操作数。有点少。在写一个没啥用的扩展运算符 三个点(.....原创 2018-05-31 15:01:18 · 19212 阅读 · 0 评论 -
javascript:深拷贝与浅拷贝
这个算是基础篇,就不多说,毕竟基础篇很多人都不怎么喜欢看我就直接用代码来说明了 <script> let a = { name: "a_name", age: "a_age" } let b = a; b.name = "b_name"; console.log(a.name); //b_name </script>像上面的代码。就是浅拷...原创 2018-06-27 20:13:28 · 225 阅读 · 0 评论 -
javascript:splice方法操作对象
资料:w3c:splice的使用先声明,作用的对象是在对象上,不是在数组上,当然,大兄弟们也可以去尝试下在数组上会是什么样的效果代码不多。直接粘贴 var a = [{ "name": "1", "age": "1" }, { "name": "2", "age": "2" },原创 2018-05-11 09:26:20 · 2677 阅读 · 0 评论 -
javascript:select事件的一个小提醒
没错,这又是一片水文,所以废话少说:当使用select的时候,我们都会使用到change事件去获取用户改变后的值,基本就是这样:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head>原创 2018-05-11 15:09:03 · 1854 阅读 · 0 评论 -
javascript:与iframe的消息互通
感觉之前应该写过iframe的使用,但是可能就是简单的去调用父类的某个方法而已,现在的话改改,使用postmessage,感觉比较正式点,其实也是用parent啦,哈哈关于postmessage的解释:无敌的mdn直接上代码:父html:<!DOCTYPE html><html> <head> <meta charset="utf-8" />...原创 2018-05-12 16:13:14 · 1531 阅读 · 0 评论 -
javascript:作用域与new的问题
虽然之前写过一个关于作用域的博客,也提及过new一个对象是new的问题,但是绝得自己以前没将他们串联在一起,想了下,还是写一篇博客来扯皮吧想象下,我们在使用date函数的时候,一时手快之下,我们写成了:var location=Date();alert(location);很完美,当我们在浏览器运行的时候,就直接炸了,我们可能会郁闷,但是肯定不会绝得空虚寂寞冷的。检查完之后我们发现是缺了个new,...原创 2018-05-14 16:49:30 · 463 阅读 · 0 评论 -
javascript:定时器的调用
没错,我又来水文章了,定时器的使用时很多人都喜欢用到的,很多人都绝得很是酷炫。也根据这个,以为了js是多线程的。其实不是的,大家都以为使用了定时器之后,是将定时器内部的代码在指定的时间后执行,只不过很抱歉,我以前也是这样绝得的,后面被高级虐了下。才知道原来定时器是将代码插入,而不是执行,怎么说?比如下面这段代码:<!DOCTYPE html><html> <he...原创 2018-05-14 17:10:31 · 4676 阅读 · 0 评论 -
javascript:监听网络状态
没错我又来水文章了。现在要水的是网络状态的监听,很简单的,就两个事件,一个是ononline,一个的话是onoffline代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head>原创 2018-05-14 17:25:00 · 6688 阅读 · 0 评论 -
javascript 跨域
解决javascript 跨域原创 2016-10-30 09:36:42 · 449 阅读 · 0 评论 -
前端文件上传3-1:使用xmlhttprequest上传图片(vue环境下)
昨天试了下使用ajax去上传图片,试了下,还真的可以,也不难,就记下来,免得今后又忘记了直接上代码:先上布局代码: 上传图片接下来是js语言,也是比较简单,就直接上了:function v(){ var file=document.getElementById("pictureupload").files[0]; var place="http://localh原创 2016-11-01 09:25:17 · 1698 阅读 · 0 评论 -
javascript 设置select内部项
对select的动态操作,暂时只是用了增加单项还有清除全部原创 2016-11-24 11:55:02 · 406 阅读 · 0 评论 -
javascript使用正则表达式入门
javascript简单实用正则原创 2017-05-27 00:52:25 · 398 阅读 · 0 评论 -
javascript:实现转动的圆圈
js实现转动的圆原创 2017-05-30 00:16:50 · 3531 阅读 · 0 评论 -
javascript:touch事件
js:touch事件原创 2017-05-30 21:34:20 · 467 阅读 · 0 评论 -
javascript:模块化以及块作用域
现在的前端,基本都是用模块化的方式来写代码了,也是,毕竟一个项目太多js文件的情况下,全局污染必定存在,而js又提供了闭包,能很好的避免污染的问题 作用域大家都知道,就比如一个匿名函数,内部定义了一个变量,而这个变量的作用域就是在这个函数中,在其他的函数中无法调用到这个变量,比较麻烦,不像java等语言一样,可以用class,于是,js要获得块级作用域就只能用刚刚说的闭包来处理了,代码模式...原创 2017-06-05 23:38:37 · 1388 阅读 · 0 评论 -
我的模块化代码
我的备份-模块化代码原创 2017-06-10 11:27:23 · 464 阅读 · 0 评论 -
javascript:页面传值
javascript页面传值原创 2017-06-10 11:35:09 · 508 阅读 · 0 评论 -
js domcontentloader
jq $(function)原型domcontentloader原创 2017-07-13 23:40:25 · 667 阅读 · 0 评论 -
使用fileread将img转化为base64
img转化为base64原创 2017-07-15 18:16:35 · 1933 阅读 · 0 评论 -
javascript 原型链
转载,js原型链转载 2017-08-01 15:35:11 · 462 阅读 · 0 评论 -
javascript 什么是null,什么是undefine
学过java的同志们肯定都知道,null代表的是空,而且null可以自动的转化为false;但是在js中。我们除了有undefined,还有null,,对于表达空,应该只有null才对,后来百度的时候明白了1995年JavaScript诞生时,最初像Java一样,只设置了null作为表示"无"的值。根据C语言的传统,null被设计成可以自动转为0。但是,JavaScript的设计者Brendan ...原创 2017-08-02 14:57:43 · 1331 阅读 · 0 评论 -
javascript的=,==以及===
javascript 的=,==,===的区别原创 2017-08-02 17:47:57 · 489 阅读 · 0 评论 -
javascript 数据类型
js真是一门有趣的语言。在js的世界中,数据有两种类型。一种是引用类型。一种是基本数据类型引用类型: 在js的世界里,有一句话“所有的一切,都是object”,那么问题来了。object是基本数据还是引用类型的呢?嘿嘿,卖个关子,后面再讲,先来讲讲对于引用类型的定义:引用类型值则是指那些保存在堆内存中的对象,意思是变量中保存的实际上只是一个指针,这个指针指向内存中的原创 2017-08-02 19:50:15 · 970 阅读 · 0 评论 -
javascript:栈内存与堆内存浅谈
javascript的栈内存与堆内存原创 2017-08-03 23:23:19 · 2145 阅读 · 0 评论 -
javascript:array数组
javascript array原创 2017-08-14 23:02:49 · 305 阅读 · 0 评论 -
javascript:除去数组的重复项
reducejavascriptarray数组遍历原创 2017-08-15 14:13:49 · 351 阅读 · 0 评论 -
javascript定义变量的四种方法:const,var,let
使用var与let,const有什么区别,应该怎么区分它们原创 2017-08-23 09:57:13 · 4830 阅读 · 0 评论 -
javascript:自执行函数
在js中定义一个方法并去使用它,我们是这样用的:function a(){console.log("1")};a();当运行到a()的时候,我们就直接的“跳转”到a的定义的位置,而除了这样的写法,有时候我们会看到这样的写法:!function(){console.log("1")}();实际上,我们这一步不能称之为自执行函数,而是将其称为表达式这就是标题提到的自执行函数原创 2017-08-27 17:21:17 · 398 阅读 · 0 评论 -
关于styleSheets1:获取css样式
不考虑其他情况,现在样式表主要是css,因此主要操作对象是:CSSStyleSheet范围:包含元素和rel特性被设置为“stylesheet”的元素引入的样式表限制:需要浏览器支持dom2级样式表 .mydiv { width: 100px; height: 100px; border: 1px solid #000000;原创 2017-09-13 12:13:58 · 3284 阅读 · 0 评论 -
使用stylesheet修改keyframe样式
这章才是我想要讲的,之前那张铺垫,希望大家都已经看懂了。直接上代码: @keyframes mykeyframe{ from{border: 10px solid #000000;} to{border: 10px solid #fff;} } .mydiv { width: 100px; height: 100px; bord原创 2017-09-13 13:36:39 · 1384 阅读 · 0 评论 -
有趣的js匿名函数写法
这个是前阵子看到的,觉得思路不错,就记下来了 function ck(a) { console.log(a); return function(b) { console.log(b); return function(c) { console.log(c); } } }; c原创 2017-09-19 11:14:03 · 697 阅读 · 0 评论 -
简单的分页
自己的一个比较常见的分页原创 2017-11-19 21:30:14 · 388 阅读 · 1 评论 -
js:九宫格抽奖
js简单实现九宫格,demo原创 2017-11-22 17:44:25 · 4941 阅读 · 7 评论 -
javascript:异常处理与错误处理
javascript异常处理原创 2017-12-20 23:02:50 · 1052 阅读 · 0 评论 -
看到的一些关于优化的建议
一些关于优化的建议转载 2017-12-21 22:13:19 · 354 阅读 · 0 评论