- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue 放大镜组件封装
封装的效果结构右侧 显示放大图片效果的盒子（宽 高 是400 * 400 但背景大小是 800 * 800 - 显示放大效果）左侧 目标盒子（400*400） 目标盒子上有一个透明蒙层盒子（200*200）放大镜效果 ： 基于 鼠标移动事件 （根据鼠标移动实现）蒙层滑块会跟随 鼠标移动 - 控制的是 蒙层滑块 的 top left 值 右侧大图也会跟随移动 - 移动的是背景的位置 background-position核心问题 ： 获取到鼠标当前移动的坐标值解...
2021-10-09 21:52:48
309
原创 一篇搞定 Promise
promise ：译为 “承诺" ，是ES6提出的一个新语法，用来优化异步代码的写法1. Promise 构造器 // 构造器 // 1.必须给一个参数 // 2.参数必须是一个函数,这个函数必须传两个形参(resolve,reject),这两个形参也是一个函数 // 3.函数体内部一般执行异步代码,根据情况调用resolve()或者reject() const promise = new Promise((reso
2021-09-23 21:29:12
340
原创 树形结构数据生成
function transTree(souceData) { const targetData = [] // 树形结构生成 // 核心思路： // 1. 先遍历原数组 以原数组中的每一项的id作为对象的key, 每一项本身作为对象的value形成一个对象结构(map) // 2. 遍历原数组 使用数组中的每一项的pid 去第一步形成的map结构去匹配key(id) 如果匹配上 // 就把当前项放入找到节点的children属性中去 如果无法完成匹配 代表当前项就是最根上的父.
2021-09-22 12:03:28
410
1
原创 手写深克隆
<script> const data = { name: 'cp', age: 20, list: [{ height: 180 }], info: { msg: '123' } } function deepCopy(source) { if (!isObject(source)) return source //如果不是对象的话直接返回 let target = Array.isArray.
2021-09-22 11:59:34
100
原创 将一个对象数组转换成二维数组
<script> // 源数据 - 要处理的数据 let sourceData = [ { name: "张三", age: 18 }, { name: "李四", age: 28 }, { name: "王五", age: 38 } ] // 处理后的结果 /** * let targetData = [ ['张三', 18], ['李四', 28].
2021-09-10 21:23:59
523
原创 继承 的 几种方式
为什么要有继承？将多个构造函数，建立关联，方便管理和复用继承的两个角度：方法的继承实例化属性过程的复用1 . 原型继承通过改造原型链实现继承,利用原型链的特征实现特征, 主要实现继承方法语法: 子构造函数.prototype = new 父构造函数()<script> // 1. 定义一个父构造函数 function Person(name,age) { this.name = name ...
2021-09-03 16:43:03
227
原创 原型链理解
原型对象：js中，绝大多数函数都有一个prototype 属性，指向原型对象基于构造函数创建出来的实例 ，都可以共享访问原型对象上的属性和方法比如： hasOwnProperty() 和 toString() 等 是Object原型对象的方法,可以被任何对象当作自己的方法使用hasOwnProperty() : 用于判断,某个属性,是不是自己的,还是原型链上的实例对象访问属性和方法时,优先访问自己身上的,自己身上没找到,往原型上找,如果还没有找到,会继续找原型的原型,直到找到...
2021-09-03 14:40:52
51
原创 2021-07-15
React 基础知识学习笔记1React : 构建用户页面（html页面）的JavaScripts库它是一个用于构建用户页面（html页面）的JavaScripts库，解决的是MVC中V的创建React的特点声明式基于组件一次学习，到处使用React 的基本使用开发环境搭建1 、创建项目目录2、使用 npm init -y 命令初始化项目配置3、检查 package.json 文件是否生成React的安装1、安装命令：npm i react react-do
2021-07-15 12:12:56
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人