ICode9

精准搜索请尝试: 精确搜索
  • Vue知识的重新梳理2021-11-29 21:58:01

    20.两个重要的小原则 被Vue管理的函数,最好写成普通函数,这样this才是指向vm或者组件对象所有不被Vue所管理的函数(定时器的回调函数、ajax的回调函数、Promise的回调函数),最好写成箭头函数,这样this才是指向vm或者组件实例对象   1. 计算属性与方法的区别        1. 在vue模

  • web前端学习中流行的框架有哪些?2021-11-29 11:34:54

    React是一个由Facebook支持的不断发展的UI库。与Angular相反,仅使用React创建应用程序是不可能的。但是,你可以自由决定使用哪些第三方工具和库,这种方法给了你更多的灵活性。   1.较低的进入门槛   如果开发人员擅长JavaScript、HTML和CSS,他们可以在几天内开始使用React进行编码,而

  • VUE2常见的知识点(冲)2021-11-28 21:34:19

    常规篇 computed 和 watch 的区别和运用的场景? computed:是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值; watch:没有缓存性,更多的是「观察」的作用,类似于某些数据的监听回调 ,每当监听的

  • DOM的diffing详解2021-11-28 21:02:57

      diffing意为different,react、vue,都是先生成虚拟DOM之后,再转换为页面的真实DOM。DOM更新时,react会先与之前的虚拟DOM做对比,和之前一样的节点可复用,不会重新渲染;然而与之前不同的节点,则重新生成。这就是我们常说的DOM的diffing算法。 react/vue中的key有什么作用?(key的内部

  • JavaScript之DOM(中)2021-11-27 22:02:01

    JavaScript之DOM(中) 1 排他操作2 属性操作2.1 获取属性值2.2 设置属性值2.3 移除属性值 3 自定义属性3.1 设置属性值3.2 获取属性值 4 节点基础4.1 什么是节点4.2 节点层级 5 节点操作5.1 创建节点5.2 添加和删除节点5.3 复制节点 1 排他操作 排他思想,简单理解就是排除掉

  • dom属性操作与事件2021-11-27 20:05:04

    新事件 (1)、鼠标事件 onmouseover鼠标移入事件:在鼠标指针移动到元素上时触发。 onmouseout 鼠标移出事件:在鼠标指针移出元素后触发 onmouseenter鼠标进入事件:在鼠标指针进入到元素上时触发。 onmouseleave 鼠标离开事件:在鼠标指针离开元素后触发 onfocus获取焦点事件:在鼠标光标

  • React 解决 react-router-dom ^6.0.2 报错: A <Route> is only ever to be used as the child of <Routes>2021-11-27 18:30:25

            npm i react-router-dom并引入模块后编写路由,却报错: A <Route> is only ever to be used as the child of <Routes>。这是因为react-router-dom^6.0.2高版本的router写法改变。如果想要遵从以前的写法,也可以修改版本依赖为低版本如^4.2.2。如果想适应新版本的写法,解决

  • 使用原生dom及js实现类似vben-admin图片裁剪效果2021-11-27 14:32:53

    <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body>div{ float: left; } #box{ width: 330px; height: 240px; overflow: hidden; position: relative;

  • JQuery dad js自定义删除和拖动回调事件2021-11-27 09:30:14

    一 、引入JQuery.dad.js,不要引入JQuery.dad.min.js。下载地址:GitHub - williammustaffa/jquery.dad.js: DAD: A simple and awesome Drag And Drop plugin!。 二、定义parentDiv和子Div。 三、初始化拖动。 var myAction = {}; var dom = { dad: $(previewId

  • js_回调函数2021-11-26 21:59:28

    什么函数才是回调函数?1)自己定义的2)自己却没有调用3)但最终它执行了 常见的回调函数?1>dom事件回调函数(用户交互)2>定时器回调函数 3>Ajax请求回调函数(后台交互) 4>生命周期回调函数

  • Vue 2.x源码分析图谱2021-11-26 10:58:59

    nexTick Vnode 和 dom diff 三种watcher 属性更新

  • JavaScript之DOM(上)2021-11-25 20:31:55

    JavaScript之DOM(上) 1 Web API简介1.1 初识Web API1.2 Web API与API的关系 2 DOM简介2.1 什么是DOM2.2 DOM树 3 获取元素3.1 根据id获取元素3.2 根据标签获取元素3.3 根据name获取元素3.4 HTML5新增的获取方式3.5 document对象的属性 4 事件基础4.1 事件概述4.2 事件三要素

  • 2022年前端React的100道面试题的第3题:React的渲染2021-11-25 17:31:31

    问题 ReactDOM.render() 渲染更新都会基于 Virtual DOM 技术方案,下面对其理解正确的是?   选项 A. 它相对于直接操作原生 DOM 最大的优势在于 diff(差异计算) 和 batching(合并更新)。 B. render 方法是将 JSX 代码编译成 ReactELement 对象,它描述当前组件内容的数据结构。 C. 比对

  • 同源策略形象解读2021-11-25 16:02:44

    定义 同源 两个URL的协议、域名、端口都相同,就是同源URL 同源策略 一个重要的浏览器安全策略,它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。 目的 为了保证用户信息的安全,防止恶意的网站窃取数据、 具体表现形式 DOM层面 同源策略限制了来自不同源

  • jquery的DOM节点操作(复制元素节点)2021-11-25 00:00:37

    1.复制元素节点 在页面中,有时候需要复制某个元素节点,可以通过clone()方法轻松实现这一功能。 语法格式如下: 在复制元素节点后,也要将复制的元素节点追加到某元素节点下,这样才会在相应的区域显示出来 复制元素节点案例如下 <!DOCTYPE html> <html> <head> <meta charset="utf

  • Vue最全面试梳理(二)2021-11-24 23:02:53

    面试题:请你阐述一下对vue虚拟dom的理解 什么是虚拟dom? 虚拟dom本质上就是一个普通的JS对象,用于描述视图的界面结构 在vue中,每个组件都有一个render函数,每个render函数都会返回一个虚拟dom树,这也就意味着每个组件都对应一棵虚拟DOM树 每个组件汇聚起来就是总树 分开来看每

  • vue-print-nb 的使用---打印指定dom2021-11-24 19:30:11

     vue-print-nb 的使用 作用:打印指定dom 使用: 安装 yarn add vue-print-nb 导入 在main.js导入 import Print from 'vue-print-nb' 注册 Vue.use(Print) 使用 在指定dom加上id id=‘xxx‘ 在按钮上 v-print="{id:'xxx'}" <!-- 用div包着的只打印这部分 --> <

  • vue —— Diff算法2021-11-24 14:30:14

    一、virtual dom 将真实dom数据结构通过js对象以树状图形式模拟出来。 如何将vnode(左边)变成真实的DOM元素(右边) 实现方法如下: function createElement(vnode){ var tag = vnode.tag var attrs = vnode.attrs || {} var children = vnode.children || [] if(!

  • uni-app获取DOM元素2021-11-24 14:01:47

    uni-app获取DOM元素 uni.createSelectorQuery().select('#reasonSelf') uni.createSelectorQuery().select('.class类名') 如果有许多相同类名的 let doms=uni.createSelectorQuery().selectAll(‘.class1’) doms.fields({ rect:true, //是否返回节点布局位置信息

  • 你不知道的$nextTick2021-11-24 09:35:27

    当在代码中更新了数据,并希望等到对应的Dom更新之后,再执行一些逻辑。这时,我们就会用到$nextTick funcion callback(){ //等待Dom更新,然后搞点事。 } $nextTick(callback); 复制代码 官方文档对nextTick的解释是: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即

  • VUE面试题汇总(二)2021-11-24 09:02:17

    往期点这里:↓ VUE面试题汇总(一) 11. 请问 v-if 和 v-show 有什么区别 参考答案: v-show 指令是通过修改元素的 display 的 CSS 属性让其显示或者隐藏 v-if 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果 12. vue 常用的修饰符 参考答案: 解析:参考 13. v-on 可以监听

  • js 代码规范 函数参数 函数调用 闭包 html DOM DOM改变css 正则表达式2021-11-23 21:35:14

    JavaScript 调试没有调试工具是很难去编写 JavaScript 程序的。 你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。 通常,如果 JavaScript 出现错误,是不会有提示信息,这样就无法找到代码错误的位置。 JavaScript 调试工具在程序代码中寻找错误叫做代码调试。

  • vue全局弹窗2021-11-23 17:33:55

    效果:在任意页面,不需要引入组件,调用弹窗组件实例方法操作打开关闭    1. 定义 1.1 定义弹窗页面 正常定义即可,需要定义方法show和hide控制组件变量显示及隐藏弹窗。 1.2 弹窗页面同级目录定义得Vue需要得js文件 注意: 搞了单例,调用多少次都是操作一个 import Vue from 'vue' impo

  • 前端开发之React框架入门学习2021-11-23 10:33:20

    安装React npm i -S react react-dom react:react 是React库的入口点 react-dom:提供了针对DOM的方法,比如:把创建的虚拟DOM,渲染到页面上   什么是React React框架的开发中心思想就是封装组件,以组件为核心而不是MVC,原因是 Facebook任务,当时(2013年以前)的前端框架都前端培训不是前

  • [react] 请说说什么是useRef?2021-11-23 10:03:07

    [react] 请说说什么是useRef? 本质上 createRef 和 useRef(mountRef) 就是创建一个 {current: initialState} 对象然后返回 useRef 本身经历两个阶段:mountRef 和 updateRef,updateRef 就是把 memoziedState(上面创建的对象)返回。 在 reconciler 阶段,如果有 ref 绑定,会打一个 efftag:R

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

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

ICode9版权所有