随笔分类 -  js

js五子棋效果
摘要：任务分解 一、绘制棋盘 二、绑定事件 1、先计算出需要绘制棋子的坐标 即将来绘制的棋子在哪个单元格内 2、绘制棋子 首先判断棋子是否存在 应该添加到哪个单元格内，分四种情况： 1.1 正常情况 1.2 最右侧 超出边界只能放在最后一个单元格内 1.3 左下侧 超出边界只能放在最后一个单元格内 1.4 阅读全文
posted @ 2024-10-24 16:27 飞奔的龟龟 阅读(121) 评论(0) 推荐(0)
原生js元素拖动效果
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2024-10-09 16:35 飞奔的龟龟 阅读(25) 评论(0) 推荐(0)
手撸原生js放大镜效果
摘要：普及知识：放大镜特效涉及到的几个值 offsetWidth 获取元素的宽度offsetHeight 获取元素的高度offsetLeft父元素没有定位时，获取元素距离页面的左边距，父元素有定位时，获取元素距离父元素的左边距offsetTop父元素没有定位时，获取元素距离页面的上边距，父元素有定位时，获 阅读全文
posted @ 2024-09-29 15:12 飞奔的龟龟 阅读(114) 评论(0) 推荐(0)
JavaScript 中的延迟加载属性模式
摘要：传统上，开发人员在 JavaScript 类中为实例中可能需要的任何数据创建属性。对于在构造函数中随时可用的小块数据来说，这不是问题。但是，如果在实例中可用之前需要计算某些数据，您可能不想预先支付该费用。例如，考虑这个类： class MyClass { constructor() { this.d 阅读全文
posted @ 2021-06-18 17:48 飞奔的龟龟 阅读(339) 评论(0) 推荐(0)
简单模拟实现javascript中的call、apply、bind方法
摘要：目录 引子 隐式丢失 硬绑定 实现及原理分析 总体实现(纯净版/没有注释) 写在最后 引子# 读完《你不知道的JavaScript--上卷》中关于this的介绍和深入的章节后,对于this的指向我用这篇文章简单总结了一下。接着我就想着能不能利用this的相关知识,模拟实现一下javascript中比 阅读全文
posted @ 2021-04-16 14:05 飞奔的龟龟 阅读(86) 评论(0) 推荐(0)
react中refs的使用
摘要：1、在dom元素中直接使用ref 意思就是可以在组件中创建一个dom节点的textInput，并将ref直接绑定到他 <script src="https://unpkg.com/@babel/standalone/babel.js"></script> <script src="https://u 阅读全文
posted @ 2020-07-21 17:25 飞奔的龟龟 阅读(467) 评论(0) 推荐(0)
利用JavaScript自定义事件完成组件间的数据通信
摘要：我们知道，在JavaScript中，原生DOM事件在开发中是很有用的(与用户交互的重要方式)，但是操作原生DOM事件其实有两大缺点：性能低、依赖于浏览器(NodeJs、小程序等不可用)。那么这个时候，就需要我们进行自定义事件去处理某些特定的业务。 认识Event对象及元素的dispatchEvent 阅读全文
posted @ 2020-05-27 15:16 飞奔的龟龟 阅读(385) 评论(0) 推荐(0)
js模块化编程之彻底弄懂CommonJS和AMD/CMD！
摘要：先回答我：为什么模块很重要？ 答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！ 于是下面三个模块规范出来了，这篇文章也出来了（拼出来的 {捂脸笑}）。 JS中的 阅读全文
posted @ 2020-05-21 18:08 飞奔的龟龟 阅读(1362) 评论(1) 推荐(1)
js常见的面试题
摘要：css 选择符有哪些 通配选择符 *类选择符 classid选择符 id属性选择符 input[name=button]包含选择符 类似 div span子对象选择符 类似 div > spanapply() 和 call()的区别 ==和 的区别 null和undefined的区别 apply和c 阅读全文
posted @ 2018-12-19 23:12 飞奔的龟龟 阅读(435) 评论(0) 推荐(0)
js函数之四大调用模式
摘要：一、方法调用模式 当一个函数调用保存为一个对象的属性时我们称之为方法调用。 方法可以使用this访问自己所属的对象，所有它能从对象中访问value并修改value属性 当this对象发生在调用的时候 这个超级延时绑定 可以对this高度复用。 二、函数调用模式 以此模式调用函数时this指的是全局对 阅读全文
posted @ 2018-03-06 22:09 飞奔的龟龟 阅读(200) 评论(0) 推荐(0)
通过ajax 后台传递的 区域id 选中ztree的节点 并展开节点
摘要：代码如下： var flag = "";if (flag != "true") { flag = false;} else { flag = true;}var reginTree = { setting: { view: { fontCss: { color: "#000" } }, check:... 阅读全文
posted @ 2015-09-09 16:19 飞奔的龟龟 阅读(1966) 评论(0) 推荐(0)
js zTree的用法
摘要：代码如下： 阅读全文
posted @ 2015-09-06 15:30 飞奔的龟龟 阅读(990) 评论(0) 推荐(0)