javaScript垃圾回收机制(垃圾数据是如何自动回收的) 若想了解javaScript的垃圾数据是如何自动回收的,首先我们应该先简单知道一下关于javascript的数据垃圾数据是如何存储的(JavaScript的内存机制)。JavaScript是一种弱类型的、动态的语言● 弱类型,意味着你不需要告诉JavaScript引擎这个或那个变量是什么数据类型,JavaScript引擎在运行代码的时候自己会计算出来。● 动态,意味着你可以使用同一个变量保存不同类型的数据。
浏览器中的HTTP请求原理 断开连接阶段。数据传输完毕之后,就要终止连接了,涉及到最后一个阶段“四次挥手”来保证双方都能断开连接。到这里你应该就明白了,TCP为了保证数据传输的可靠性,牺牲了数据包的传输速度,因为“三次握手”和“数据包校验机制”等把传输过程中的数据包的数量提高了一倍。
自定义悬浮气泡组件 如上所说,虽然市面上大部分的气泡提示组件都已经十分完善,但是在工作中,我们有时可能会遇到一些问题,比如页面样式冲突,或者项目体量大导致浮显卡顿,鼠标事件冲突等等情况导致无法使用组件库提供的组件,这个时候我们就需要自己去封装一个。在一个项目中,常常会使用点悬浮展示,而市面上悬浮tooltip的组件非常多。该组件提供的api属性可进入官方文档查看。2.样式可根据个人所需定制。例如常用的antd提供的。3.不会出现样式冲突问题。1.代码体量小,性能好。
treeData 树结构数据处理(react) =树(tree)==形结构是一种重要的非线性结构,依据分支关系定义的层次结构,在这种结构中,每个元素至多只有一个前趋,但可以有多个后继。在一个常规项目中,当我们遇到需要进行处理的tree结构数据,后端返回给前端的数据往往存在多层性和不确定性。:树(Tree)是n(n 大于等于0)个节点的有限集合T,当n=0时称为空树,否则,称为非空树。:根节点是第一层,其他的节点的层次是它的父节点的层次加1。:有子树的节点是它的子树的根节点的父节点。:A是B的父节点,则B是A的子节点。:位于树顶部的节点,它没有父节点。
Redux中间件redux-thunk使用详解 redux-thunk主要用于处理reducer无法处理的异步1.什么是异步?同步:就是指前一个任务完成之后在继续执行下一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。异步:每一个任务有一个或多个回调函数(callback),前一个任务结束后,不执行下一个任务,而是执行回调函数,后一个任务不等前一个任务结束就执行,所以程序的执行顺序与任务的排列顺序是不一致的、异步的。2.异步通常会发生在比较复杂的功能使用中axios请求接口数据接口数据返回则为异步。
react-redux的connect详解 mergeProps如果不指定,则默认返回 Object.assign({}, ownProps, stateProps, dispatchProps),顾名思义,mergeProps是合并的意思,将state合并后传递给组件。connect函数是核心既然是函数,那就有返回值,connect()返回值是Connect组件,通俗点理解,使用connect可以把state和dispatch绑定到react组件,使得组件可以访问到redux的数据。传入所有state,返回指定的state数据。
二分算法小练 1.给定一个 n 个元素有序的(升序)整型数组 nums 和一个目标值 target ,写一个函数搜索 nums 中的 target,如果目标值存在返回下标,否则返回 -1。2.给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。3.给你一个数组,将数组中的元素向右轮转 k 个位置,其中 k 是非负数。
antv X6旋转属性 为了用户有更好的使用体验,antdv X6除了为我们提供各种图形,线段的绘制,也为我们提供了一些属性值用来控制画布节点,今天我们来看一下最常使用到的节点旋转属性。`值得注意的是enabled可以进行两个方式的配置,一个是直接用bool值进行控制,或传入键值对,以回调函数的方式进行条件限制,并且每一个配置都支持enabled。......
AntV X6制作画板工具(图形,线段,图片上传) 使用upload上传组件时,需要在接口调用成功之后的函数中进行图片展示,action调用接口,formatter配合拿取后端接口返回的图片数据2.upload内部只可包含一个标签元素否则会失效3.保存画布元素之后,可能会出现img的url丢失的情况,请提前做好存值准备4.使用input进行图片文件上传,需要将文件进行base64格式转换之后才可以在页面上成功展示(使用upload组件可忽略此条)...
AntV G6 初入门(react中的使用) 在React中使用G6,和在HTML中使用基本相同,唯一比较关键的区分就是在实例化Graph时,要保证DOM容器渲染完成,并能获取到DOM元素。经官网介绍,G6内部绝大多数都是基于React技术栈的,所以官方也仅提供一个G6在React中使用的Demo。在需要展示的页面进行相应的引入即可使用。首先,我们来了解一下G6的核心概念。d.配置数据源,渲染。...
防抖节流详解及示例 在频繁触发某一个事件时,一段时间内不再触发该事件后才会去调用对应的回调函数,在设定间隔时间内如果下一次事件被触发,那么就重新开始定时器,直到事件触发结束。函数节流在事件持续触发的前提下,保证一定时间段内只调用一次事件处理函数,就是函数节流。...
promise详解 什么是promise?在我们想要了解promise之前需要理解什么是异步编程1.javaScript异步编程异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。同步是指步骤在一个控制流序列中按顺序执行,而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。同步按你的代码顺序执行,异步不按照代码*顺序执行,异步的执行效率更高。什么时候用异步编程?回调函数,回调函数就是一个函数,它是在我们启动一个异步任务的时候就告
React 路由 V5(完整版) 一.什么是路由?指路径url与不同的页面和内容进行相应匹配,可以友好的解决Component到url之间的同步映射关系二.路由的使用(1).下载react-router指令(指定v5版本):npm install react-router-dom@5(2).app内引入(3).路由组件封装为了方便对路由管理,可单独封装起来创建一个router文件夹–router.js在app文件中引入:三.路由重定向在根路径下,或者不存在的路径会自动匹配到Redirect指定的路径(模糊匹配)解
react新老生命周期总结 一.初始化阶段–即将挂载,render之前最后一次修改状态的机会render–渲染页面,只能访问this.props和this.state,不允许修改状态componentDidMount—挂载完成,render完成可以访问和修改页面DOM注:初始阶段生命周期只在初始化时调用一次二.运行中阶段:父组件修改属性触发,可接收到最新的propsshouldComponentUpdata(nextProps,nextState):是否允许页面更新,默认返回true,返回false会阻止render调用
react完整版Todolist,增删改查 应用代码如下import React from "react";class Todolist extends React.Component { constructor(props) { super(props) this.state = { list: [{ id: 11, context: 'aaa', ischecked: false,
getFieldDegetcorator使用Select组件 当使用form表单的getFieldDegetcorator属性获取Select值时,需要给Select下option的value属性进行赋值,form.validateFields取得的values的值是Select下option的value属性的赋值代码如下:import { Select } from 'antd//从antd中引入Select//用validateFilds取表单值form.validateFilds((err,values)=>{console.log(valu