随笔分类 -  JavaScript

JS中的call、apply、bind方法详解
摘要:JS中bind、call和apply的作用以及在TypeScript中装饰器的用法 目录 1,前言 1,call 1.1,例子 1.2,直接调用 1.3,将this指向另一个对象 1.4,传递参数 2,apply 2.1,例子 2.2,直接调用 2.3,将this指向另一个对象 2.4,传递参数 2 阅读全文

posted @ 2019-12-15 14:52 jack_Meng 阅读(1506) 评论(0) 推荐(0) 编辑

JS中key-value存取
摘要:获取Key 在代码中,遇到需要单独提取对象的key值时可使用 Object.keys(object) object是你需要操作的对象Object.keys()会返回一个存储对象中所有key值的数组获取当前对象每个key对应的值使用 object[key] 参考:https://www.cnblogs 阅读全文

posted @ 2019-12-15 13:53 jack_Meng 阅读(5936) 评论(0) 推荐(0) 编辑

js中判断对象数据类型的方法
摘要:1.类型定义 JS是一种弱类型语言。JS拥有动态类型,相同的变量可以用作不同的类型。JS有7种数据类型:三种基本类型(数字,字符串,布尔),两种引用数据类型(对象,数组),两种特殊数据类型(undefined,null)。 JS有5种原始类型:数字,字符串,布尔,undefined,null。 2. 阅读全文

posted @ 2019-12-15 13:34 jack_Meng 阅读(21119) 评论(0) 推荐(0) 编辑

javascript加载XML字符串或文件
摘要:1. 加载XML文件 方法1:ajax方式。代码如下: var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); xhr.open("GET", "data.xml 阅读全文

posted @ 2019-12-13 15:13 jack_Meng 阅读(1558) 评论(0) 推荐(0) 编辑

用于展现图表的50种JavaScript库
摘要:在很多项目中都会有在前端展现数据图表的需求,而在开发过程中,开发者往往会使用一些JavaScript库,从而更有效地达到想要的目标。最近,TechSlide上的一篇文章总结了50种用于展现图表的JavaScript库,并对每种库做了简要的说明。这对于想要选择合适JavaScript库的开发者很有参考 阅读全文

posted @ 2019-12-07 19:05 jack_Meng 阅读(686) 评论(0) 推荐(0) 编辑

JS三座大山再学习 ---- 作用域和闭包
摘要:本文已发布在西瓜君的个人博客,原文传送门 作用域 JS中有两种作用域:全局作用域|局部作用域 栗子1 console.log(name); //undefined var name = '波妞'; var like = '宗介' console.log(name); //波妞 function fu 阅读全文

posted @ 2019-12-02 15:37 jack_Meng 阅读(389) 评论(0) 推荐(0) 编辑

JS三座大山再学习 ---- 异步和单线程
摘要:本文已发布在西瓜君的个人博客,原文传送门 前言 写这一篇的时候,西瓜君查阅了很多资料和文章,但是相当多的文章写的都很简单,甚至互相之间有矛盾,这让我很困扰;同时也让我坚定了要写出一篇好的关于JS异步、单线程、事件循环的文章,下面,让我们一起来学习本文吧,冲鸭~~ 单线程 ### 1. 什么是单线程 阅读全文

posted @ 2019-12-02 15:37 jack_Meng 阅读(252) 评论(0) 推荐(0) 编辑

JS三座大山再学习 ---- 原型和原型链
摘要:本文已发布在西瓜君的个人博客,原文传送门 ## 前言 西瓜君之前学习了JS的基础知识与三座大山,但之后工作中没怎么用,印象不太深刻,这次打算再重学一下,打牢基础。冲鸭~~ 原型模式 JS实现继承的方式是通过原型和原型链实现的,JS中没有类(此处指ES5,ES6中加上了class语法糖) 每个函数都有 阅读全文

posted @ 2019-12-02 15:35 jack_Meng 阅读(254) 评论(0) 推荐(0) 编辑

Chrome调试 ---- 控制台获取元素上绑定的事件信息以及监控事件
摘要:需求场景 在前端开发中,偶尔需要验证下某个元素上到底绑定了哪些事件,以及监控某个元素上的事件触发情况。 解决方案 普通操作 之前面对这种情况,一般采取的措施就是在各个事件里写console.info,然后进行点击等操作触发事件,或者在控制台trigger元素上的事件,或者dispatchEvent。 阅读全文

posted @ 2019-11-14 16:21 jack_Meng 阅读(11734) 评论(0) 推荐(4) 编辑

绘制指引线的JS库leader-line
摘要:前言 之前看到一篇推荐Magi这个搜索引擎的新闻,对于这个搜索引擎是否好用咱们不予置评,但是我在这个搜索引擎上面发现了一个好玩的前端功能。 如上图,将鼠标浮动到学习来源上时,会展示一堆指引线。 本博客的右侧文章目录也集成了这个功能,诸位可以玩一玩。 当时觉得这个功能很好玩,而且前端领域其实这种指引线 阅读全文

posted @ 2019-11-14 15:00 jack_Meng 阅读(1081) 评论(0) 推荐(0) 编辑

为什么使用正则RegExp.test( )方法时第一次是 true,第二次是false?
摘要:今天朋友问我一个问题,我现在需要多次匹配同一个内容,但是为什么我第一次匹配,直接是 true,而第二次匹配确实 false 呢? var s1 = "MRLP"; var s2 = "MRLP"; var reg = /mrlp/ig; console.log(reg.test(s1)); cons 阅读全文

posted @ 2019-11-07 09:42 jack_Meng 阅读(1023) 评论(0) 推荐(0) 编辑

JS实现俄罗斯方块
摘要:在80后、90后的儿时记忆里,俄罗斯方块是必备的消遣小游戏,它的玩法非常简单基本大家都懂,但如何用编程语言开发一款儿时同款「俄罗斯方块」,恐怕知道的同学就很少啦。 位置掩码和旋转掩码 俄罗斯方块游戏中的格子一般是10列20行(10*20),我们称之为世界地图。 一般都是这种竖屏的界面 10*20的空 阅读全文

posted @ 2019-10-23 15:32 jack_Meng 阅读(2666) 评论(0) 推荐(0) 编辑

JavaScript数组常用操作方法
摘要:ES5操作数组的方法 1、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console. 阅读全文

posted @ 2019-10-23 14:44 jack_Meng 阅读(189) 评论(0) 推荐(0) 编辑

Chrome 调试技巧
摘要:写在前面 本文包括浏览器调试,不包括web移动端调试。 本文调试均在chrome浏览器进行 alert 这个不用多说了,不言自明 console 基本输出 想必大家都在用console.log在控制台输出点东西,其实console还有其它的方法: console.log("打印字符串");//在控制 阅读全文

posted @ 2019-10-23 14:43 jack_Meng 阅读(430) 评论(0) 推荐(0) 编辑

浅谈页面的瀑布流布局
摘要:瀑布流又称瀑布流式布局,是比较流行的一种网站页面布局方式。 视觉表现为参差不齐的多栏布局,最早采用此布局的是网站是 Pinterest,后逐渐在国内流行。 瀑布流布局效果 即多行等宽元素排列,后面的元素依次添加到其后,等宽不等高,根据图片原比例缩放直至宽度达到我们的要求,依次按照规则放入指定位置。 阅读全文

posted @ 2019-10-23 14:41 jack_Meng 阅读(9673) 评论(0) 推荐(1) 编辑

前端常用动画库
摘要:在开发中,好的动画效果会让软件使用起来更有吸引力,震撼力。所以我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。 下面这些是我在工作中积累的一些常用的开源动画库,我只是简单罗列出来,详细的介绍和用法 可以去官网或者github。根据自己具体的需求选择合适的。欢迎留言讨论~~ 另外不要重 阅读全文

posted @ 2019-10-23 14:35 jack_Meng 阅读(890) 评论(0) 推荐(0) 编辑

JavaScript七宗罪和一些槽点
摘要:当下JavaScript越来越流行,成为长期霸语言榜前三的语言。但是实际上JavaScript是一个很丑陋有很多槽点的语言,这就是为什么新出了那么多框架(从jQuery到Vue)以及海尔斯伯格大大推出新流行语言的Type Script的直接原因,避免大家去直接用JavaScript写代码。虽然这几年 阅读全文

posted @ 2019-10-23 14:34 jack_Meng 阅读(335) 评论(0) 推荐(0) 编辑

prototype与 _proto__的关系
摘要:prototype与 __ proto__ 都是在这个过程中催生的产物,我们一会儿马上讨论,在这之...做对象即可,那javascript种究竟是通过什么来明确继承关系的呢。 一、构造函数: 构造函数:通过new关键字可以用来创建特定类型的对象的函数。比如像Object和Array,两者属于内置的原 阅读全文

posted @ 2019-10-23 14:31 jack_Meng 阅读(262) 评论(0) 推荐(0) 编辑

Javascript之傻傻理不清的原型链、prototype、__proto__
摘要:新人学习Javascript,其中的原型链一直是云里雾里,不得要领,查了很多相关资料,觉得这遍讲得最为清晰易懂,特转载分享,共同学习。 1. JavaScript内置对象 所谓的内置对象 指的是:JavaScript本身就自己有的对象 可以直接拿来就用。例如Array String 等等。JavaS 阅读全文

posted @ 2019-10-23 14:30 jack_Meng 阅读(222) 评论(0) 推荐(0) 编辑

H5读取博客园备份的xml文件
摘要:博客园备份,我们可以使用博客园自带的备份功能将自己的所有博客(包括草稿)保存为一个xml文件下载下来,然后把它保存好即可(占用空间很小,大概几十MB)。具体看你有多少篇文章了。那么备份下来的XML文件怎么查看和搜索呢? 我自己使用H5配合javascript来操作xml文件,后续会继续完善:标题搜索 阅读全文

posted @ 2019-09-22 21:35 jack_Meng 阅读(254) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

支付宝打赏

主题色彩