javascript
关注
分享
扫一扫
mkmin
主要对新手入门
展开
-
var 与没有var的区别 2021-04-01
环境chrome下 88.0.4324.150（正式版本）背景其实总的来说，这篇文章没有啥大的作用，即使‘var’陪伴了我们整整十几个春秋，但英雄迟暮，它也早已像bootstrap一样，没有人关注了，还是讲讲吧，是出于对他的尊重描述今天水的文章，讲的不会太麻烦，也懒得截图了，建议按f12，直接在浏览器下运行好点昨天刷文档，恰巧遇到了关于用var定义变量以及不用var定义变量的区别，所以记录一下区别var a1=1使用var，是在当前域中声明变量。如果在方法中声明，则为局部变量（loca原创 2021-04-01 12:40:29 · 310 阅读 · 0 评论 -
typescript：一个关于导出excel的简单例子2
前序上一次大概讲了下导出execel的比较简单的做法，这回补上一个更简单的方法，就用execel导出的。比较方便，不多叙述思路大体思路很简单，就是1.先将数据放在一个数组中，整理成为一个数组2.保存到table格式的文本中3.更新table的数据，走execel的路线进行封装4.将table转化为流的方式，写进去（二进制的操作，这个是必走之路）大概难点在三个1.数组长什么样子？2.table怎么封装成execel的格式3.怎么转化为流代码代码其实很原创 2020-11-15 22:53:28 · 2135 阅读 · 0 评论 -
javascript：在es6中解构赋值设置默认值以及别名
还是废话不多说，直接写例子，方便点const data = { key: 'value' } const { key: key1 = 'default' } = data console.log(key1); console.log(key)// 报错测试结果原创 2020-06-11 01:06:03 · 4134 阅读 · 0 评论 -
javascript：es6中，使用变量作为对象的key
想了大概十分钟，不知道怎么描述场景，毕竟大家都遇到过，我就懒得描述了，直接写上代码还有测试的例子吧 const keyName = 'keyName1'; const obj = { [keyName]: 'keyname2' } console.log(obj)测试结果大概就这样子，没啥好写的，安...原创 2020-06-11 01:01:30 · 12017 阅读 · 4 评论 -
javascript：作用域与new的问题
虽然之前写过一个关于作用域的博客，也提及过new一个对象是new的问题，但是绝得自己以前没将他们串联在一起，想了下，还是写一篇博客来扯皮吧想象下，我们在使用date函数的时候，一时手快之下，我们写成了：var location=Date();alert(location);很完美，当我们在浏览器运行的时候，就直接炸了，我们可能会郁闷，但是肯定不会绝得空虚寂寞冷的。检查完之后我们发现是缺了个new，...原创 2018-05-14 16:49:30 · 475 阅读 · 0 评论 -
javascript：与iframe的消息互通
感觉之前应该写过iframe的使用，但是可能就是简单的去调用父类的某个方法而已，现在的话改改，使用postmessage，感觉比较正式点，其实也是用parent啦，哈哈关于postmessage的解释：无敌的mdn直接上代码：父html：<!DOCTYPE html><html> <head> <meta charset="utf-8" />...原创 2018-05-12 16:13:14 · 1550 阅读 · 0 评论 -
javascript：一个简单的多图片上传
一个简单的多图片上传，就无聊练练手，因为后台还没给借口，所以今天早上还是很闲的，淡定<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript&q原创 2018-05-18 12:45:24 · 561 阅读 · 0 评论 -
javascript：select事件的一个小提醒
没错，这又是一片水文，所以废话少说：当使用select的时候，我们都会使用到change事件去获取用户改变后的值，基本就是这样：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head>原创 2018-05-11 15:09:03 · 1864 阅读 · 0 评论 -
javascript：splice方法操作对象
资料：w3c：splice的使用先声明，作用的对象是在对象上，不是在数组上，当然，大兄弟们也可以去尝试下在数组上会是什么样的效果代码不多。直接粘贴 var a = [{ "name": "1", "age": "1" }, { "name": "2", "age": "2" },原创 2018-05-11 09:26:20 · 2689 阅读 · 0 评论 -
javascript：dom的变动事件
比较少用这东西，毕竟很多时候我们都不去实用这个的，而且监听事件已经可以满足我们的需求了。但是记下来。多学一点还是好的资料来源：javascript高级编程代码：当然不止下面的代码这四种方法，只是设个简单的。毕竟这个是一片记录学习的博客<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...原创 2018-05-09 10:43:51 · 2733 阅读 · 0 评论 -
javascript：箭头函数的使用
犹豫了一下，最终还是将标题定为了javascript。。毕竟感觉es6也不是什么新奇玩意了，就懒得再开一个区了有时候可能没时间上csdn，以至于一些朋友的消息没看到，如果有问题的朋友，请加微信a13823431958，谢谢-----------------------------------------------------------------------------------------...原创 2018-04-09 11:05:37 · 740 阅读 · 0 评论 -
javascript：同时使用form表单还有ajax会怎么样？
其实问题描述很简单，就是做一个form表单，然后再type=submit的地方绑定上一个onclick，然后会发生什么事？直接上代码： 对应测试题ID： 图片：原创 2018-01-20 09:00:14 · 2397 阅读 · 1 评论 -
前端文件上传3：使用xmlhttprequest上传图片（web项目）
本来之前写过一篇博客，也是使用ajax来上传的图片，但是发现适应性不是那么好，可能是后台做了一些处理吧，然后就自己重新写了个后台（单文件上传），重新写一份代码来上传文件后台代码是用springmvc，还是最最简单的那个，只是存储方面放在了七牛云上前端js代码：（这回与前两回不一样，不使用mui，不使用jq，直接使用原生的xmlhttprequest）原创 2018-01-19 11:33:10 · 7383 阅读 · 3 评论 -
javascript：定时器的调用
没错，我又来水文章了，定时器的使用时很多人都喜欢用到的，很多人都绝得很是酷炫。也根据这个，以为了js是多线程的。其实不是的，大家都以为使用了定时器之后，是将定时器内部的代码在指定的时间后执行，只不过很抱歉，我以前也是这样绝得的，后面被高级虐了下。才知道原来定时器是将代码插入，而不是执行，怎么说？比如下面这段代码：<!DOCTYPE html><html> <he...原创 2018-05-14 17:10:31 · 4696 阅读 · 0 评论 -
javascript：监听网络状态
没错我又来水文章了。现在要水的是网络状态的监听，很简单的，就两个事件，一个是ononline，一个的话是onoffline代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head>原创 2018-05-14 17:25:00 · 6699 阅读 · 0 评论 -
一个后台的iframe版的架构
目的：使用类似layui的iframe版的后台管理系统。 过程：1.本来打算是使用vue-ivew的后台管理系统模板，而且已经基本熟练掌握了，但是！队友对vue不太了解，果断放弃2.本来打算使用layui-iframe版本的后台管理系统。但是！穷！！！！！而且界面跟要求的不一致（穷！）。。。3.自己写一个得了。真蛋疼。。。支持：jquery（后面可能会用到，所以就先...原创 2018-12-07 14:49:23 · 5317 阅读 · 0 评论 -
javascript：比较杂碎的js知识点
1.this指向： 1.定时器的this指向的是window，在严格模式下是undefined 2.函数指向的是祖先对象，也就是调用他的方法，比如： <script> var b = function() { console.log(this); } b(); var a = new b(); </script>第一个指向的...原创 2018-08-20 16:13:23 · 265 阅读 · 0 评论 -
常用的js代码（es5）
既然有常用的css代码。那就肯定要来一些常用的js：es5代码了1.获取地址栏的参数function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg)...原创 2018-08-19 21:17:59 · 446 阅读 · 0 评论 -
javascript：使用call或者apply扩充作用域
首先，先来一张支付宝的二维码。大家不要介意。。可以选择无视，我就玩玩而已入正题， apply() 和 call()这两个方法，我们不止是用来做参数传递的，由于他可以传递this，作用域的一些问题也就跟着改变了。比如：先定义一个functionthis.name = "name inwindow";function methods1() { console.log("下方打印的是作用于下的n...原创 2018-06-28 12:20:30 · 640 阅读 · 0 评论 -
javascript：call()与apply()的区别
资料来源：《javascript高级程序设计》很是无聊，我又要来浑水，今天讲的还是基础篇，是关于apply的与call的区别。先统筹下：apply每个函数都包含两个非继承而来的方法： apply() 和 call() 。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值。首先， apply() 方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。...原创 2018-06-28 12:02:39 · 217 阅读 · 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 · 233 阅读 · 0 评论 -
javascript：幂指数运算符
（资料来源：百度）难得用到一次幂运算！肯定要记下来。。var a=2**2;2**2==Math.pow(2,2);然后再记下， ++ 或 -- 时，这两个运算符在操作数上的行为都被清晰定义了： ++ 或 -- 作为前缀会在其他任意运算发生之前修改操作数，而作为后缀则会在整个表达式计算完毕后才修改操作数。有点少。在写一个没啥用的扩展运算符 三个点（.....原创 2018-05-31 15:01:18 · 19255 阅读 · 0 评论 -
javascript：es6的promise函数
资料来源：《深入理解es6翻译完整版》Promise 是为异步操作的结果所准备的占位符。函数可以返回一个 Promise，而不必订阅一个事件或向函数传递一个回调参数，就像这样：// readFile 承诺会在将来某个时间点完成let promise = readFile("example.txt");第十一章 Promise与异步编程222在此代码中， readFile() 实际上并未立即开始...原创 2018-05-31 12:09:36 · 926 阅读 · 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 · 310 阅读 · 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 · 1717 阅读 · 0 评论 -
看到的一些关于优化的建议
一些关于优化的建议转载 2017-12-21 22:13:19 · 364 阅读 · 0 评论 -
javascript：异常处理与错误处理
javascript异常处理原创 2017-12-20 23:02:50 · 1070 阅读 · 0 评论 -
javascript 原型链
转载，js原型链转载 2017-08-01 15:35:11 · 467 阅读 · 0 评论 -
使用fileread将img转化为base64
img转化为base64原创 2017-07-15 18:16:35 · 1946 阅读 · 0 评论 -
js domcontentloader
jq $(function)原型domcontentloader原创 2017-07-13 23:40:25 · 678 阅读 · 0 评论 -
javascript：页面传值
javascript页面传值原创 2017-06-10 11:35:09 · 519 阅读 · 0 评论 -
我的模块化代码
我的备份-模块化代码原创 2017-06-10 11:27:23 · 472 阅读 · 0 评论 -
javascript：模块化以及块作用域
现在的前端，基本都是用模块化的方式来写代码了，也是，毕竟一个项目太多js文件的情况下，全局污染必定存在，而js又提供了闭包，能很好的避免污染的问题 作用域大家都知道，就比如一个匿名函数，内部定义了一个变量，而这个变量的作用域就是在这个函数中，在其他的函数中无法调用到这个变量，比较麻烦，不像java等语言一样，可以用class，于是，js要获得块级作用域就只能用刚刚说的闭包来处理了，代码模式...原创 2017-06-05 23:38:37 · 1398 阅读 · 0 评论 -
javascript：touch事件
js：touch事件原创 2017-05-30 21:34:20 · 476 阅读 · 0 评论 -
javascript：实现转动的圆圈
js实现转动的圆原创 2017-05-30 00:16:50 · 3554 阅读 · 0 评论 -
javascript使用正则表达式入门
javascript简单实用正则原创 2017-05-27 00:52:25 · 406 阅读 · 0 评论 -
javascript 跨域
解决javascript 跨域原创 2016-10-30 09:36:42 · 458 阅读 · 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 · 1351 阅读 · 0 评论 -
javascript的=，==以及===
javascript 的=，==，===的区别原创 2017-08-02 17:47:57 · 501 阅读 · 0 评论 -
javascript 数据类型
js真是一门有趣的语言。在js的世界中，数据有两种类型。一种是引用类型。一种是基本数据类型引用类型： 在js的世界里，有一句话“所有的一切，都是object”，那么问题来了。object是基本数据还是引用类型的呢？嘿嘿，卖个关子，后面再讲，先来讲讲对于引用类型的定义：引用类型值则是指那些保存在堆内存中的对象，意思是变量中保存的实际上只是一个指针，这个指针指向内存中的原创 2017-08-02 19:50:15 · 983 阅读 · 0 评论