周洪民-CSDN博客

原创 js通俗易懂的原型链、原型继承、instanceof

最近这段时间准备跳槽，就每天都在筹备面试题目，原型链的问题肯定是面试高频，就去好好研究了一下关于原型链的知识点，于是总结了这篇文章。跟着我写的这个往下走，边看边敲，相信我，看完这篇文章之后你就能彻底明白原型链了。什么是原型对象？每个构造函数都有一个prototype属性，这个构造函数所创建的实例有一个**proto**的属性，他们两个指向同一个地方，这个地方叫作原型对象。function fn (name) { this.name = name}let obj= new fn('张三')o

2021-11-13 15:12:38 617

原创前端加密传输URL参数

加密传输URL参数业务需求：前端页面跳转时携带参数进行加密传输Base64btoa() 方法用于创建一个 base-64 编码的字符串。atob() 方法用于解码使用 base-64 编码的字符串decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的字符进行解码。window.encodeURIComponent(window.btoa(123456))window.atob(window.decodeURIComponent("MTI

2021-08-30 15:32:56 1307

原创 vue递归组件

vue递归组件封装首先需要使用递归方法把数据变成树形结构//后端传过来的数据长这样子而且是变化的不确定有多少层的数据list = [ { id：1， name: '张三', parent_id: 0, children: [] }, { id：2， name: '李四', parent_id: 0, children: [] }, { id：3， name: '王五', parent_id: 1, children: [] }, { id：4， name: '六六', parent_id

2021-06-18 15:37:50 222

原创 vue拖拽组件超好用！！！

vue拖拽组件在vue实现拖拽，经常使用到，所以自己封装了成了一个组件效果展示组件代码<template> <div class="dragBtn" @touchstart="move" @click="clickMove" ref="oDiv" :style="{'width': width + 'px', 'height': height + 'px'}"> <slot> </slot> </div></te

2021-06-15 10:16:16 284

原创 vue导出Excel组件

导出Excel组件前端导出表格为Excel文件，就封装了一个按钮可以直接点击然后导出表格具体实现 (组件篇)// 首先要引入两个js文件别人封好的 Blob.js和Export2Excel.js这两个网上很多可以直接去下载// 或者npm下载也可以<template><div v-if="flag"> <slot></slot></div></template><script>export

2021-05-29 11:51:19 459

原创自定义图表（Echarts）问题记录

1.改变图表类型时数据更新图表不更新原因：代码 myChart.setOption(option);setOption有3个属性，setOption(option,notMerge,lazyUpdate);第二个notMerge默认为false,即默认合并两个数据解决：设置为truemyChart.setOption(option,true);转载自 https://blog.csdn.net/cll1224666878/article/details/1060731112.监听浏览器窗口变化

2021-04-26 15:33:02 722 2

原创 vue拖拽效果（适用范围自定义表单，电子合同签章等）

vue拖拽效果实现实现思路首先需要可以拖拽的控件，鼠标长按拖拽到拖拽存放区后，松开鼠标拖拽存放区生成当前拖拽对象，在给当前生成的拖拽对象进行可拖拽处理，最后可以对当前生成的拖拽对象进行属性的修改。实现步骤1.给需要拖拽的对象设置可拖拽属性2.本地创建拖拽列表（本地模拟的）3.渲染拖拽列表，添加拖拽事件（开始，之间，结束）4.给拖拽存放区添加拖拽存放区事件5.js代码，拖拽事件6.根据生成的拖拽对象列表，渲染拖拽存放区上的拖拽对象（可以使用v-if,根据type值生成不同

2021-03-05 15:58:21 3777 6

原创 react router 学习心得

1.介绍react routerreact router是rearct官方维护的一个库，可以实现路由跳转包括（HashRouter hash模式和 BrowserRouter 历史模式）2.使用（在列组件中使用）yarn add react-router-dom#或者，不使用 yarnnpm install react-router-dom在 index.js中import React from 'react'import ReactDom from 'react-dom'import

2020-11-28 14:36:31 103

原创 redux和react-redux使用流程个人心得

网上广为流传的Redux流程图我的个人理解：store: 仓库，用于保存状态及操作状态相关的动作state: 状态，数据action: 是一个对象，用来描述发生了什么。通常这个对象中有两个属性：type，payload，type表示具体的action类型，payload是进行状态更新时携带的数据（有效载荷）reducer:是一个函数，用于更新状态。该函数接受两个参数：state、action,state表示待更新的旧状态，action表示如何更新状态。reducer()是唯一能够更新状态的地

2020-11-28 10:33:03 133

Android_zhouhong的博客