随笔分类 -  Javascript

7款让人惊叹的HTML5粒子动画特效(转载)
摘要：这是一款利用HTML5 Canvas模拟出来的30000个粒子动画，当你用鼠标在canvas画布上移动时，鼠标周围的一些粒子就会跟着你移动，并形成一定的图案，就像你在玩沙画一样，效果非常不错。这里，我们应用了一些HTML5的特性，让这个粒子动画显得相当动感。 在线演示 源码下载 2、HTML5火焰文 阅读全文
posted @ 2019-02-15 10:48 johnhery 阅读(1847) 评论(0) 推荐(0)
vue.js 三种方式安装
摘要：Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法： 1.独立版本 我们可以 阅读全文
posted @ 2018-11-19 19:58 johnhery 阅读(348) 评论(0) 推荐(0)
js基础梳理-内存空间
摘要：js内存空间 1.首先思考这几道题 想弄清以上问题，需要对内存空间有一个清晰的认知。在了解内存空间之前，需要先熟悉下三种数据结构。他们分别是栈（stack），堆（heap）和队列（queue）。 2.栈数据结构 要简单理解栈的存取方式，可以通过类比乒乓球盒子来分析。 这种乒乓球的存放方式与栈中存取数 阅读全文
posted @ 2018-11-18 13:47 johnhery 阅读(217) 评论(0) 推荐(0)
附实例！实现iframe父窗体与子窗体的通信
摘要：本文主要会介绍如何基于MessengerJS，实现iframe父窗体与子窗体间的通信，传递数据信息。同时本文会提供一个可运行的实例代码，实现在父窗体中，获取到来自子窗体的数据的效果。 0.背景介绍 (1)需要在当前的前端项目中，使用iframe嵌套别的站点页面。 (2)当子窗体触发了一个事件后，要给 阅读全文
posted @ 2018-11-16 21:44 johnhery 阅读(478) 评论(0) 推荐(0)
创建对象的几种模式
摘要：一般创建对象是用以下两种方式 new object创建对象： 或者，对象字面量的方式： 这两种方式的缺点是：同一个接口创建很多对象，会产生大量的重复代码，如var Person1={}，var Person2={}，为了解决这个问题，人们开始使用工厂模式的一种变体来创建对象。 一、工厂模式 由于在E 阅读全文
posted @ 2018-11-03 20:29 johnhery 阅读(423) 评论(0) 推荐(0)
高性能JavaScript循环语句和条件语句
摘要：这篇文章主要为大家介绍了高性能JavaScript循环语句和条件语句，感兴趣的小伙伴们可以参考一下 这篇文章主要为大家介绍了高性能JavaScript循环语句和条件语句，感兴趣的小伙伴们可以参考一下 一、循环语句众所周知，常用的循环语句有for、while、do-while以及for-in，forE 阅读全文
posted @ 2018-11-01 14:29 johnhery 阅读(265) 评论(0) 推荐(0)
【译】写好 JavaScript 条件语句的5个技巧
摘要：在使用 JavaScript 时，我们常常要写不少的条件语句。这里有五个小技巧，可以让你写出更干净、漂亮的条件语句。需要的朋友跟随小编一起学习吧 在使用 JavaScript 时，我们常常要写不少的条件语句。这里有五个小技巧，可以让你写出更干净、漂亮的条件语句。 1. 使用 Array.includ 阅读全文
posted @ 2018-10-29 15:35 johnhery 阅读(144) 评论(0) 推荐(0)
js获取请求地址后面带的参数
摘要：浏览器输入页面地址的时候在后面带有请求参数, 页面加载后需要获取携带的参数, 可以使用js, 在页面加载js的时候获取参数 http://localhost:8080/demo/index.html?id=1&name=2 阅读全文
posted @ 2018-10-28 10:23 johnhery 阅读(2399) 评论(0) 推荐(1)
attr 和 prop 的区别
摘要：在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的 阅读全文
posted @ 2018-10-28 10:21 johnhery 阅读(122) 评论(0) 推荐(0)
javascript, jQuery阻止默认事件和冒泡事件
摘要：事件冒泡（event bubbling） 事件冒泡是指一个元素上的事件被触发，然后这个事件按嵌套顺序在父级元素上触发，直至document根节点。 例如： 如果单击了页面中的<div>元素，那么事件会按以下顺序传播： <div> --> <body> --> <html> --> document 阅读全文
posted @ 2018-10-27 23:01 johnhery 阅读(458) 评论(0) 推荐(0)
继承（学习笔记） —— 《高级教程》
摘要：继承 原型链 先不管上图，先来看以下代码： 结合代码和上图，可以清楚得看到，将某个构造函数的原型对象替换为另一个构造函数的实例对象后，最终的指向（图中红线部分，就像链条一样，层层链接）。这就是原型链的基本概念。 coding: 默认的原型 所有引用类型默认都继承了 Object，这也是通过原型链实现 阅读全文
posted @ 2018-10-19 19:14 johnhery 阅读(180) 评论(0) 推荐(0)
js高阶函数应用—函数柯里化和反柯里化
摘要：在Lambda演算（一套数理逻辑的形式系统，具体我也没深入研究过）中有个小技巧：假如一个函数只能收一个参数，那么这个函数怎么实现加法呢，因为高阶函数是可以当参数传递和返回值的，所以问题就简化为：写一个只有一个参数的函数，而这个函数返回一个带参数的函数，这样就实现了能写两个参数的函数了（具体参见下边代 阅读全文
posted @ 2018-10-17 18:08 johnhery 阅读(447) 评论(0) 推荐(0)