- 博客(4)
- 收藏
- 关注
原创 Vue 过渡动画
Vue 过渡动画 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。 包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库,如 Velocity.js css过渡动画 transition组件会为嵌套元素自动添加class,可用于做css过度动画 范例:消息弹框动画 <style> /
2021-07-05 11:06:01
113
原创 浅谈前端常用数据结构和算法(二)
二叉搜索树(二叉排序树) 首先这是一颗二叉树,其次有排序效果,左子树的节点都比当前节点小,右子树的节点都比当前节点大。 问题:有一万个数,写一个方法进行查找。查找给定的数,返回存在或不存在。 要求:尽可能性能好。 function Node(value){ this.value = value; this.left = null; this.right = null; } function addNode(root, num){ if(root == null) ret
2021-06-21 08:28:19
128
原创 浅谈前端常用数据结构和算法(一)
数据结构与算法 数据结构与算法有什么关系? 可以容纳数据的结构称为数据结构。 算法是用来对数据结构进行处理的方法。 数据结构是静态的,算法是动态的。 线性数据结构(一维数据结构) 线性数据结构强调存储与顺序。 数组 数组特性: 1. 存储在物理空间上是连续的。 2. 底层的数组长度是不变的。(数组定长) 3. 数组的变量指向数组第一个元素的位置。(方括号表示存储地址的偏移量【操作系统小知识: 通过偏移查询数据性能最好】) 优点: 查询性能好。指定查询某个位置。 缺点: 1. 因为空间必须连续,若数组比较
2021-06-06 10:50:21
346
原创 手写Promise & ES6迭代器
手写实现Promise Promise异步编程 异步编程简介:无论在浏览器环境还是node环境都需要JavaScript的异步编程,如在浏览器环境中的定时器、事件、ajax等或是node环境中的文件读取、事件等。伴随着异步编程就有回调机制,异步编程免不了回调。 异步编程问题:产生回调地狱,难于维护和扩展。 try、catch只能捕捉同步代码中出现的异常。 同步并发的异步操作存在一定的问题。 解决方案: ES6 Promise可以解决回调地狱,以及同步并发的异步问题。 jQuery的Callbacks和L
2021-05-23 21:46:27
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人