![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js训练
文章平均质量分 60
ZzDIY
。
展开
-
javascript二叉树(二叉搜索树)
树 概念: 拥有相同的父节点的节点,互称为兄弟节点 节点的深度:从根节点到该节点所经历的边的个数 节点的高度:节点到叶节点的最长路径 树的高度:根节点的高度 二叉树 二叉树即最多仅有两个子节点的树 二叉树的存储方法: 链式存储(即用链表存储) 线性存储(即用数组存储) 二叉树常见类型 完全二叉树:如果对满二叉树的结点进行编号, 约定编号从根结点起, 自上而下, 自左而右。则深度为k的, 有n个结点的二叉树, 当且仅当其每一个结点都与深度为k的满二叉树中编号从1至n的结点一一对应时, 称之为完全二叉原创 2021-08-17 21:58:57 · 378 阅读 · 2 评论 -
filter或backdrop-filter实现毛玻璃
编译器:vscode 目的:练习filter: blur()和backdrop-filter: blur() 练习项目:毛玻璃效果 介绍: filter: CSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。 filter backdrop-filter: CSS属性可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。 因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。 backdrop-filter filter实现的毛玻璃 <原创 2021-06-19 16:29:37 · 374 阅读 · 0 评论 -
js实现曲线运动
编译器:vscode 目的:为了实现商品到购物车的曲线运动,而模拟的一次小红点曲线运动 准备工作:实现小红点的曲线,需要一个公式(数学的曲线公式,物理的匀变速公式,贝塞尔曲线公式),我这儿使用的是贝塞尔曲线公式。 贝塞尔曲线算法可参考网址:贝塞尔曲线 代码 小红点运动 function init(i) { let t = 0; const p1 = [0, 0]; const cp = [600, 700]; const p2 =原创 2021-06-12 16:17:29 · 1379 阅读 · 0 评论 -
js入门实例一
js实现图片库 编译器:visual Studio code html片段 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>切换图片<...原创 2019-06-17 15:34:12 · 77 阅读 · 1 评论 -
js实例二(动画)
js实现字母移动 编译器:Visual studio Code 代码都是在Google Chrome里调试。 html代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UFT-8"> ...原创 2019-06-23 23:17:59 · 418 阅读 · 0 评论 -
零基础JavaScript任务Task3
编译器 Visual Studio Code 浏览器 Google Chrome 任务: 参考以下示例代码,用户输入城市名称和空气质量指数后,点击“确认添加”按钮后,就会将用户的输入在进行验证后,添加到下面的表格中,新增一行进行显示 用户输入的城市名必须为中英文字符,空气质量指数必须为整数 用户输入的城市名字和空气质量指数需要进行前后去空格及空字符处理(trim) 用户输入不合规格时,需要给出提...原创 2019-06-28 20:49:24 · 290 阅读 · 0 评论 -
进阶JavaScript练习Task1
浏览器:Google Chrome 编译器:Visual Studio Code 任务目的 模拟一个队列,队列的每个元素是一个数字,初始队列为空 有一个input输入框,以及4个操作按钮 1. 点击"左侧入",将input中输入的数字从左侧插入队列中; 2. 点击"右侧入",将input中输入的数字从右侧插入队列中; 3. 点击"左侧出",读取并删除队列左侧第一个元素,并弹窗显示元素中数值; 4...原创 2019-07-04 15:53:18 · 217 阅读 · 0 评论