AN27Xy-CSDN博客

原创 JavaScript常用的数组方法自己封装(1)

1.push往末尾添加一个元素Array.prototype.myPush = function () { for (var i = 0; i < arguments.length; i++) { this[this.length] = arguments[i]; } return this.length;}2.pop删除末尾的一个元素Array.prototype.myPop = function () { var temp = this[t

2020-10-28 10:32:32 1387 5

原创前端React图片裁剪的组件分享

最终的效果1.点击上传图片（载入原有的头像）2.在图片范围内等比例裁剪图片3.重新上传图片实现最终效果的步骤 1、获取图片内容 2、裁剪图片内容 3、导出图片内容1、结合antd的Model框<Modal key={`${isEdit}`} width={648} visible={visibleImg} title="编辑头像" footer={null} onCancel={() => { this.setStat

2021-03-20 13:22:34 697 1

原创 React---对虚拟DOM初识

一.首先我们要先了解以下两个概念1.JSX它是JavaScript的语法扩展，底层还是JavaScript，JavaScript有的功能它全有。JSX生产的是React对象，可以将表达式放在花括号里，然后嵌入到JSX中，也就是说JSX能认识HTML标签，在编译之后（babel编译器）就会编程常规的JavaScript对象，也就是本文要说的虚拟DOM转换成真实DOM。既然说是写在花括号里，那么if语句和for循环里都能写JSX语句，render() 方法就是React的核心，将虚拟DOM转化为真实DO

2020-11-20 11:37:00 166

原创五子棋原生JavaScript分享

1.HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no"> <title>五子棋</title>

2020-11-06 12:23:31 375 2

原创贪吃蛇原生JavaScript分享

1.HTML部分，东西很少<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>贪吃蛇</title> <style> *{ ma

2020-11-02 21:30:09 2171 5

原创 JavaScript-BOM之常用方法兼容ie的封装及其他相关BOM的封装（3）

1.获取页面宽高function getViewPortOffset() { if (window.innerHeight) { return { hight: window.innerHeight, width: window.innerWidth } } else { if (document.compatMode == "CSS1Compat") { return

2020-10-30 17:36:12 139

原创 DOM元素常用方法封装（2）

1.返回元素的元素子节点Element.prototype.myChildren = function () { var temp = { length: 0, push: Array.prototype.push, splice: Array.prototype.push } for (var i = 0; i < this.childNodes.length; i++) { if (this.childNod

2020-10-30 17:29:17 210

原创 1-1/2+1/3-1/4...+(-)1/n

/** 转化分母* (1)1/1 1/1 (1)* (2)1-1/2 1/2 (2)* (3)1-1/2+1/3 1/2+1/3 (2,3)* (4)1-1/2+1/3-1/4 1/3+1/4 (3,4)* (5) 1/3+1/4

2020-10-29 15:51:58 925 1

原创关于前端table的Excel打印

项目小功能说明：直播带货每个品所讲解时间的打点记录以及形成的表格能Excel打印输出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>LiveTimeTable</titl

2020-09-15 17:55:50 318

原创巧用事件源对象

数据修改的点击事件中的巧用源事件利用循环去绑定同类的事件函数时，希望通过点击按钮引发的其他dom元素的数据等改变，但是this的指向指向本点击的按钮，很难获取到其他dom元素的函数名，利用函数名[i],是无法实现的，因为会形成闭包，但使用立即执行函数解决闭包问题时，相对会比较麻烦，所以利用源对象可以很好的解决例如在一个查询表的修改数据事件中当我们点击“修改”时，我们希望是先获得该按钮父级的父级一整行的有效数据，此时我们可以利用this指向修改按钮的特性，去获取列表里的数据。但是在接下来的点击事件

2020-09-07 18:38:55 222

AN27xy的博客