随笔分类 -  JavaScript

[JavaScript] 异步加载
摘要：<script src="path/to/myModule.js" defer></script> <script src="path/to/myModule.js" async></script> 上面代码中，script 标签打开defer或async属性，脚本就会异步加载。 渲染引擎遇到这一行 阅读全文
posted @ 2022-04-11 08:25 阳癫疯 阅读(82) 评论(0) 推荐(0)
[JavaScript] 策略模式
摘要：定义: 根据不同参数可以命中不同的策略; const strategy = { 'S': function(salary) { return salary * 4 }, 'A': function(salary) { return salary * 3 }, 'B': function(salary 阅读全文
posted @ 2021-11-15 21:40 阳癫疯 阅读(37) 评论(0) 推荐(0)
[JavaScript] 单例模式
摘要：特点 一个类只能构造出唯一实例 条件 1.确保只有一个实例 ; 2.可以全局访问 适用 适用于弹框的实现, 全局缓存 实现单例模式 const singleton = function(name) { this.name = name this.instance = null } singleton 阅读全文
posted @ 2021-11-15 21:27 阳癫疯 阅读(25) 评论(0) 推荐(0)
[JavaScript]UMD模块
摘要：(function umd(root, factory) { if (typeof module 'object' && typeof exports 'object') module.exports = factory() else if (typeof define 'function' && 阅读全文
posted @ 2021-08-09 17:21 阳癫疯 阅读(144) 评论(0) 推荐(0)
[JavaScript]数组元素相加
摘要：利用上的函数 eval() 函数会将传入的字符串当做 JavaScript 代码进行执行。 join() 方法用于把数组中的所有元素放入一个字符串。 eval( dataArr.join("+") ) 阅读全文
posted @ 2021-05-25 21:28 阳癫疯 阅读(314) 评论(0) 推荐(0)
[JavaScript]计算年龄
摘要：思路 1. 创建系统时间的日期对象 2. 把生日转换为日期对象 3. 年份相减获得年龄 4. 如果月份的结果小于0，或者日期相减的结果是小于0，年龄减去1 5. 返回年龄 代码 function getAge(dateString) { //创建系统日期 var today = new Date() 阅读全文
posted @ 2019-07-17 22:47 阳癫疯 阅读(786) 评论(0) 推荐(0)
[JavaScript]判断图片是否下载
摘要：思路 利用Image对象的属性"complete"来判断"返回浏览器是否已完成对图像的加载"。 利用Image对象的事件句柄"onload"来"触发当图像装载完毕时调用的事件"。 代码 A.call( B,x,y )：就是把A的函数放到B中运行，x 和 y 是A方法的参数。 阅读全文
posted @ 2019-07-16 23:34 阳癫疯 阅读(337) 评论(0) 推荐(0)
[JavaScript]手机滑动图片
摘要：思路 1.用ul ,li 来装载滑动的图片，超出部分隐藏 2.滑动是通过改变ul的位置来实现 布局 模块 1: 根据li元素个数去设置ul的宽度 1.1 获取ul元素 1.2 获取li元素的个数 1.3 设置ul元素的宽度 2: ul实现拖拽移动功能 Ul元素移动的距离 = 鼠标移动横坐标只差 Ul 阅读全文
posted @ 2018-05-10 23:02 阳癫疯 阅读(678) 评论(0) 推荐(0)