ICode9

精准搜索请尝试: 精确搜索
  • Refs and the DOM2022-07-06 10:35:20

    是什么? Refs 提供一种方式允许访问DOM节点或在render方法中创建的React元素。 为什么? 典型的React数据流中,props是父组件与子组件交互的唯一方式。修改一个子组件,需要使用新的props来重新渲染,但是某些情况下,需要在典型的数据流之外强制修改子组件。被修改的子组件可能是一个React

  • uniapp&renderjs&echarts&APP2022-07-05 09:01:37

             在使用renderjs实现移动端数据可视化过程中遇到了奇怪的问题          数据图是正常显示的,只是在初始化时会触发这两个问题。我检索了相关信息,尝试了更改echarts的版本,以及未压缩版,都是没有任何效果的,这个问题持续了好长时间,20220704晚上突然想到之前的一

  • echarts 重复渲染警告 There is a chart instance already initialized on the dom2022-07-05 09:00:08

    项目中封装了echarts饼图,通过选择不同时间,像后端请求不同数据,频繁切换会出现“There is a chart instance already initialized on the dom.”的警告 这个问题的出现在于,在一张表上渲染不同数据,其实dom已经存在了,但是我们在每次数据发生改变的时间都重新进行了一次渲染,导致出现警

  • jQuery学习笔记2022-07-04 22:33:02

    jQuery学习笔记 1、使用之前需要引入,引入的方式网页上直接引用或者下载到本地; 2、引入JQuery之后,多了 $() <button id="ButtonToClick"><button/> $('#ButtonToClick').click(function(){ } 3、$(document).ready()  页面加载完成之后,再执行代码。jQuery ready(  funct

  • react学习——创建虚拟DOM的两种方式(js和jsx)2022-07-04 21:36:14

    使用js方式创建虚拟DOM:     使用jsx方式创建虚拟DOM:               jsx的方式最终会经过babel翻译为js的方式给浏览器。

  • react笔记052022-07-04 17:34:01

    元素渲染 元素是构成React应用的最小砖块 元素描述了你在屏幕上想看到的内容。 const element = <h1>hello,world</h1>; 与浏览器的DOM元素不同,React元素是创建开销极小的普通对象。React DOM会负责更新DOM来与React元素保持一致。 注:组件是由元素构成的,二者不应混淆 将一个元素渲

  • js加载html的head里面的js时,偶尔失效原因与解决方法2022-07-04 12:03:29

    今天写js碰到一个奇怪的问题,写好的js放到body里面执行,但是放到head中没有任何效果,为什么导致这种原因呢? 问题代码: $(".login").click(function(){ alert(1); });   产生原因: 因为文档还没加载,就读了js,js就不起作用了想在head里用的话,用window.onload = function(){//这里包

  • React介绍2022-07-04 10:00:17

    一.React介绍 1.react起源与发展 React起源于Facebook的内部项目,因为该公司对市场上所有JavaScript MVC框架,都不满意,就决定自己写一套,用来设计Instagram的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 2.React与传统MVC的关系 轻量级的视图层库! React并不是一个完整

  • 深入了解现代浏览器(第三部分)2022-07-03 22:01:50

    渲染器进程的内部工作 这是 4 部分博客系列中的第 3 部分,着眼于浏览器的工作原理。 之前,我们介绍了多进程架构和导航流程。 在这篇文章中,我们将看看渲染器进程内部发生了什么。 渲染器过程涉及 Web 性能的许多方面。 由于渲染器进程内部发生了很多事情,所以这篇文章只是一个概述。

  • 3-React学习日记-函数式组件和严格模式2022-07-03 18:07:39

      官方严格模式介绍:https://react.docschina.org/docs/strict-mode.html 查看严格模式网址,在F12控制台一般可以找到https://babeljs.io/repl    JSX其实就是JS的语法糖 //2.渲染组件到页面 ReactDOM.render(<MyComponent/>,document.getElementById('test')) /* 执行了Re

  • javascript 内置对象,浏览器对象,DOM对象汇总2022-07-03 16:02:58

    javascript 常见内置对象 JavaScript提供了多个内置对象:Math、Date、Array、String等 三、Math对象 1、Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整,最大值等)可以使用Math 中的成员。 Math.PI          //圆周率 Math.floor (

  • JS-重绘和回流2022-07-01 11:03:31

    重绘和回流 渲染步骤: ​ 1.解析(Parser)HTML,生成DOM树(DOM Tree) ​ 2.同时解析(Parser)CSS,生成样式规则(Style Rules) ​ 3.根据DOM树和样式规则,生成渲染树(Render Tree) ​ 4.进行布局Layout(回流/重排):根据生成的渲染树,得到所有节点的几何信息(位置、大小),分配网页的空间 ​ 5.进行绘制Painti

  • DOM – Event Listener (bubble, capture, passive)2022-06-30 22:36:38

    前言 老掉牙的东西, 主要是想写 passive, 随便也写一点 bubble 和 capture 吧.   Bubble Dom 监听事件是会冒泡的. 什么意思 ? 上图有 2 个 box, parent box 嵌套 child box. 假设 parent 和 child 都有事件监听. const parentBox = document.querySelector(".parent-box")!; c

  • Vue源码解读-图解Vue异步更新2022-06-30 15:33:21

    本文主要分析 Vue 从 Data 更新,到通知 Watcher 异步更新视图的流程,也就是下图中的橙色部分。 我们先来回顾一下图中的几个对象: Data 对象:Vue 中的 data 方法中返回的对象。 Dep 对象:每一个 Data 属性都会创建一个 Dep,用来搜集所有使用到这个 Data 的 Watcher 对象。 Watcher

  • React hooks总结2022-06-30 00:35:44

    hooks hooks介绍 概念:一套能够使函数组件更强大,更灵活的钩子 优势:告别难以理解的class、解决业务逻辑难以拆分的问题、方便状态逻辑复用 注意点:hooks和class写法共存、hooks只能在函数组件中使用 useState 作用:为函数组件提供数据状态(state) 语法:const [ count, setCount ] = us

  • 【react】什么是fiber?fiber解决了什么问题?从源码角度深入了解fiber运行机制与diff执行2022-06-26 22:33:51

    壹 ❀ 引 我在[react] 什么是虚拟dom?虚拟dom比操作原生dom要快吗?虚拟dom是如何转变成真实dom并渲染到页面的?一文中,介绍了虚拟dom的概念,以及react中虚拟dom的使用场景。那么按照之前的约定,本文来聊聊react中另一个非常重要的概念,也就是fiber。那么通过阅读本文,你将了解到如下几个

  • vue动态表单,因未赋key导致表单切换,之前校验项结果仍在问题2022-06-26 21:35:05

    问题描述:     例如通过“活动区域”选项,动态决定下方的form内容,所有form用v-if做判断。当利用rules和validate做上传校验时,出现第一张form校验失败的提示项,在切换select框内容后仍然会出现在其他表单上,且位置对不上。 问题原因:     由于vue的DOM复用问题,导致v-if渲染时可能使

  • v-if和v-show的区别2022-06-25 16:02:09

    v-if和v-show都是用于控制元素的显示和隐藏 v-if是真正的条件渲染,它的值是真或假,决定了元素在节点树中是否渲染, 当条件不成⽴时, v-if的所有⼦节点不会解析  使⽤v-if时,DOM节点可能⽆法获取,⽽使⽤v-show⼀定可以获取DOM节点 v-show不管值是真还是假,节点都会进⾏渲染,只是当值是fa

  • WebAPI2022-06-24 21:02:48

    JavaScript分为三个部分   1.ECMAScript标准: JS的基本语法,一套标准。   2.DOM:Document Object Model 文档对象模型, 一套操作页面的元素的API,DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作。   3.BOM:Browser Object Model 浏览器对象模型, 一套操作

  • Vue的认识、入门小历史2022-06-23 22:32:43

    VUE.3 小知识 渐进式框架,尤雨溪 Soc原则:关注度分离原则 网络通信:axios 页面跳转:vue-router 状态管理:vuex Vue-ui: Ant-Design 阿里巴巴基于React Element UI(后端) 、iview(移动端) 、 ice 饿了么基于Vue-----vue-element-admin Bootsrap:Twitter前端开源 AmazeUI :妹子UI less ES6--

  • 对vue响应式的理解2022-06-22 19:31:26

    1、所谓数据响应式就是能够使数据变化可以被检测并对这种变化做出响应的机制。 2、MVVM框架要解决的一个核心问题是连接数据层和视图层,通过数据驱动应用,数据变化,视图更新,要做到这点的就需要对数据做响应式处理,这样一旦数据发生变化就可以立即做出更新处理。 3、以vue为例说明,通过

  • day25面向对象下2022-06-22 15:34:25

    今日复习面试题: 六、浏览器渲染页面的原理及流程 浏览器将域名通过网络通信从服务器拿到html文件后,如何渲染页面呢? >1.根据html文件构建DOM树和CSSOM树。构建DOM树期间,如果遇到JS,阻塞DOM树及CSSOM树的构建,优先加载JS文件,加载完毕,再继续构建DOM树及CSSOM树。 >2.构建渲染树(Rend

  • JS DOM操作2022-06-21 17:33:33

    目录什么是DOM?DOM 树获取元素根据元素 ID 获取 getElementById()通过标签名获取 getElementByTagName()根据类名来获取 getElementByClassName()根据选择器获取 querySelector()根据选择器获取 querySelectorAll()获取 body 和 html事件基础操作元素改变元素内容innerTextinnerHTM

  • Vue2022-06-20 18:32:26

    Vue简介 1、JavaScript框架 2、简化Dom操作 3、响应式数据驱动   第一个Vue程序 导入开发版本的Vue.js. 创建Vue实例对象,设置el属性和data属性. 使用简洁的模板语法把数据渲染到页面上.     {{黑马程序员}}  

  • DOM2022-06-20 09:01:35

    DOM ---- 文档对象模型 节点划分的三个属性 nodeType --- 节点类型    对应元素节点返回的是其标签, 对应属性节点返回的是属性名, 对于文本节点 #text nodeName --- 节点名字   返回数值, 1为元素, 2为属性, 3为文本 nodeValue --- 节点值   返回的是对应的文本,

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有