随笔分类 -  JavaScript

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

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

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

posted @ 2019-11-14 15:00 jack_Meng 阅读(1183) 评论(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 阅读(1037) 评论(0) 推荐(0)

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

posted @ 2019-10-23 15:32 jack_Meng 阅读(2709) 评论(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 阅读(195) 评论(0) 推荐(0)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

点击一个超链接,弹出固定大小的新窗口(js实现)
摘要:1、最基本的弹出窗口代码 [javascript] view plain copy <SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html') --> </SCRIPT> 因为这是一段javascripts代码,所以它们应该放在<SCR 阅读全文

posted @ 2019-09-22 20:11 jack_Meng 阅读(11121) 评论(0) 推荐(0)

html中的数据岛:利用DSO和javascript在html中动态加载和浏览xml数据
摘要:1.DSO也叫做数据源对象,IE 4.0引入了DSO,在IE 5.0对DSO技术进行很大的扩展。以往如果数据是通过SQL语言对数据库进行查询得到的结果,那么就把它们存放在ADO(ActiveX Data Objects)记录集中。服务器把这种ActiveX控件(通常是ADO记录集)发送到客户端,由客 阅读全文

posted @ 2019-09-22 10:34 jack_Meng 阅读(566) 评论(0) 推荐(0)

使用JS的 FileReader 读取本地文本文件(可兼容各种浏览器)
摘要:最近需要在客户端操作文件,看到网上有 FileReader 对象,链接:https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader 还是直接上代码吧,大家自己看: <!DOCTYPE html> <html lang="en"> <head 阅读全文

posted @ 2019-09-22 10:11 jack_Meng 阅读(19781) 评论(0) 推荐(0)

在博客园中执行自己的脚本
摘要:在前面的一篇文章中《如何绕过博客园对 script 的屏蔽》,我看到了在页面执行自定义的脚本的希望,自己试验了一下,写了个简单的测试,如下: <input id="btnTest" onclick="t1(22)" type="button" value="测试" /> 脚本代码: function 阅读全文

posted @ 2019-02-02 16:31 jack_Meng 阅读(341) 评论(0) 推荐(1)

如何绕过博客园对 script 的屏蔽
摘要:Conmajia January 20, 2019 警告 这是试验,警告个屁,请不要多多尝试用它做多余的事。 果不其然,这篇文章立刻被移出主页了,我就说嘛,BKY 哪儿会那么包容和坦然呢? 原文 document.title = "[我是 JS 生成的!] " + document.title 标题 阅读全文

posted @ 2019-02-02 16:16 jack_Meng 阅读(1983) 评论(0) 推荐(1)

Chrome控制台调试 ---- console的用法
摘要:阅读目录 Chrome 控制台console的用法 回到目录 Chrome 控制台console的用法 大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对 阅读全文

posted @ 2019-01-25 15:32 jack_Meng 阅读(1970) 评论(0) 推荐(1)

Json字符串、Xml字符串转C#实体类Class
摘要:在项目开发过程中,经常需要和不同部门或者不同的组员一起协同工作,但对方写的返回json格式的结果集,我们需要用这些数据,那么如何来生成对应的类代码和实体对象呢? 对于是使用Swagger框架的,网上都有现成的生成工具,这里就不说了。 对于原生的json字符串或xml字符串呢?于是参考了网上的做法,一 阅读全文

posted @ 2019-01-08 17:08 jack_Meng 阅读(3891) 评论(0) 推荐(0)

js面向对象编程 ---- 系列教程
摘要:原 js面向对象编程:数据的缓存 原 js面向对象编程:如何检测对象类型 原 js面向对象编程:if中可以使用那些作为判断条件呢? 原 js面向对象编程:this到底代表什么?第二篇 原 js面向对象编程:命名空间 原 js面向对象编程:如何定义常量? 原 js面向对象编程:如何实现方法重载 原 j 阅读全文

posted @ 2018-08-03 15:43 jack_Meng 阅读(811) 评论(0) 推荐(0)

导航