从jquery重写到react有什么问题吗 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

2021大厂（阿里、百度、字体跳动、腾讯）前端面试题库

3.有哪些常见的Loader？他们是解决什么问题的？ 4.有哪些常见的Plugin？他们是解决什么问题的？ 5.Loader和Plugin的不同？ 6.webpack的构建流程是什么?...14.webpack是解决什么问题而生的? 15.如何配置多入口文件?...8.使用过git merge和git rebase吗？它们之间有什么区别？ 9.能说一下git系统中HEAD、工作树和索引之间的区别吗？ 10.之前项目中是使用的GitFlow工作流程吗？...9.jquery中的选择器和CSS中的选择器有区别吗？ 10.jQuery的特点都有什么？ React 1.什么是React？ 2.React有什么特点？ 3.列出React的一些主要优点。...4.React有哪些限制？ 5.什么是JSX？ 6.你了解 Virtual DOM 吗？解释一下它的工作原理。 7.为什么浏览器无法读取JSX？ 8.如何理解“在React中，一切都是组件”这句话？

2.2K2 1

react面试题

在 React 得到元素树之后，React 会自动计算出新的树与老树的节点差异，然后根据差异对界面进行最小化重渲染。...$nextTick(),该函数会在setState函数调用完成并且组件重渲染后被调用扩展3: setState的时候如果两次state值没有发生变化,一定不会造成调用render吗?...引入 React 或者其他 MVVM 框架最初的原因就是为了将我们从繁重的直接操作 DOM 中解放出来。...在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染。...中的事件会被绑定在原生节点本身，而在react中会被统一绑定到document去代理扩展: 知道react中事件大致的注册以及触发的原理吗注册时react会首先判断该组件上props是否是event

8092 0

您找到你想要的搜索结果了吗？

是的

没有找到

2017 学习 JavaScript 感觉如何？

我需要创建一个能够反映用户最新活动的页面，所以我仅需从REST终端获取数据，然后在某种过滤表中进行展示，并且当服务器发生变化时及时更新数据即可。我在想是不是可以用jQuery来获取和展示数据呢？...我知道有更新的框架，但是这些框架我越了解反而越困惑。答： jQuery难道不是几年前导致你不做web开发的原因吗？...有了现代web框架，你的代码仅需反映数据状态是如何映射到web网页的，这就一下子没那么难懂了。问：好的让我来考虑一下……难道不是每次数据一发生变化就重绘一次网页吗？...问：我猜一般会用Javascript，但是难道React不用其他的吗……像JSX？...问：只用JavaScript开发有什么问题呢？

89410 0

百度前端高频react面试题总结

可以使用TypeScript写React应用吗？怎么操作？...，假如有prop不一样，那么react会判定该节点有更新，那么重渲染该节点，然后在对其子节点进行比较，一层一层往下，直到没有子节点这段代码有什么问题吗？...这段代码有什么问题:this.setState((prevState, props) => { return { streak: prevState.streak + props.count,...};});答案：没有什么问题。...在构建 React 应用程序时，在多层嵌套组件来使用另一个嵌套组件提供的数据。最简单的方法是将一个 prop 从每个组件一层层的传递下去，从源组件传递到深层嵌套组件，这叫做prop drilling。

2K3 0

350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面…「建议收藏」

4.HTML5有哪些新特性、移除了哪些元素？ 5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么? 6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？...angularjs jquery的区别移动开发 1.介绍一下react 2.React单项数据流 3.react生命周期函数和react组件的生命周期 4.react和Vue的原理，区别，亮点...，作用 5.reactJs的组件交流 6.有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢 7.项目里用到了react，为什么要选择react，react有哪些好处 8.怎么获取真正的...递归的方法会出现什么问题？ 5.把多维数组变成一维数组的方法 6.知道的排序算法说一下冒泡快排的原理 7.Heap排序方法的原理？复杂度？...7.你还有什么我没问到的优势吗 8.看过什么书 HR面 1.自我介绍 2.为什么要学习前端 3.到现在为止接触过几个项目，有在哪里实习过？ 4.让你收获最多的项目，你做了什么？

6212 0

小前端进腾讯啦！

前端知识 dom树节点和渲染树节点一一对应吗，有什么是dom树会有，渲染树不会有的节点 CSS会阻塞dom解析吗？...js对象循环引用会导致什么问题 react如何阻止原生默认事件 react的fiber节点树是什么数据结构，为什么要用这样的数据结构 react 异步渲染原理，优先级如何划分 react hook有自己做一些自定义的...hook吗 react key的原理 react如何实现函数式调用组件，toast.show() react新增了什么生命周和删除了什么生命周期，为什么要删除 node后端知识 node对于option...如何解决跨域什么是简单请求什么复杂请求 const和let有什么区别 ES6常用的api有哪些数组断引用的方式有什么 Base64图片有什么问题 node后端知识 Http强缓存和协商缓存用的是什么字段...例如你写到你的项目里面用过xxx，但是面试官可能就想多问问你为什么用xxx，有什么问题之类的，如果这个时候你回答不上来，会给人感觉你只是用了而已，缺乏深度思考。

6462 0

专科毕业五年，我进腾讯了！

前端知识 dom树节点和渲染树节点一一对应吗，有什么是dom树会有，渲染树不会有的节点 CSS会阻塞dom解析吗？...js对象循环引用会导致什么问题 react如何阻止原生默认事件 react的fiber节点树是什么数据结构，为什么要用这样的数据结构 react 异步渲染原理，优先级如何划分 react hook有自己做一些自定义的...hook吗 react key的原理 react如何实现函数式调用组件，toast.show() react新增了什么生命周和删除了什么生命周期，为什么要删除 node后端知识 node对于option...如何解决跨域什么是简单请求什么复杂请求 const和let有什么区别 ES6常用的api有哪些数组断引用的方式有什么 Base64图片有什么问题 node后端知识 Http强缓存和协商缓存用的是什么字段...例如你写到你的项目里面用过xxx，但是面试官可能就想多问问你为什么用xxx，有什么问题之类的，如果这个时候你回答不上来，会给人感觉你只是用了而已，缺乏深度思考。

2.5K3 1

阿里前端二面常考react面试题（必备）_2023-02-28

，然后直接创建新的节点插入到其中，假如节点类型一样，那么会比较prop是否有更新，假如有prop不一样，那么react会判定该节点有更新，那么重渲染该节点，然后在对其子节点进行比较，一层一层往下，直到没有子节点...的理解，主要解决什么问题 React是视图层框架。...（Redux支持React、Angular、jQuery甚至纯JavaScript）。在 React 中，UI 以组件的形式来搭建，组件之间可以嵌套组合。...componentWillReceiveProps调用时机已经被废弃掉当props改变的时候才调用，子组件第二次接收到props的时候介绍一下react 以前我们没有jquery的时候，我们大概的流程是从后端通过...react设计之初是主要负责UI层的渲染，虽然每个组件有自己的state，state表示组件的状态，当状态需要变化的时候，需要使用setState更新我们的组件，但是，我们想通过一个组件重渲染它的兄弟组件

3.4K3 0

大厂的面试题

http报文头部有哪些字段? 有什么意义 ? 移动端高清方案如何解决 ? webpack的原理, loader 和 plugin 是干什么的? 有自己手写过么 ?...简述从网页输入url到网页展示的过程发生了哪些事情 ? SSR 和客户端渲染有什么区别 , vue是如何实现绑定事件的 ? 移动端300ms延时的原因? 如何处理?...http和https区别 https建立的过程 setState什么时候是同步，什么时候是异步的从数组中找出三数之和为n vue和react的区别 react fiber架构的理解 node主要用来解决什么问题...redux的设计思想，缺点是什么对项目监控这块有什么了解吗？对微服务有了解吗聊一聊docker？...react 父子组件传参 PureComponent 知道吗 React 性能优化 Redux 原理，Redux 源码看过吗？

1.9K2 0

新手初探小程序开发体会

小程序开发体会得益于会react，会点jQuery，也会点vue，研究了一下小程序，发现这东西有好处也有坏处。...1、小程序有专门的开发工具：微信开发者工具这套开发工具集成了小程序所需要的开发环境，好处就是不需要像开发react或者vue一样绞尽脑汁的配置webpack环境。...1、小程序框架不容易理解它的项目结构到没什么问题，问题在于文件名的重写，css => wxss，HTML => wxml，很别扭啊，因为我是个非常喜欢原生开发的程序员，一时难以接受这种奇葩的文件，第一眼看到...3、js写的别扭有个全局的App({})，还有个单个页面的Page({})，你说你是vue吗？写起来的感觉又不是。看得this.setData({})，你说你是react吗？也不像啊。...咦，好像有点jQuery的影子，wx.API用起来挺像jQuery，但又不全是。像原生吗？不像，所有API都是用面向对象的方法封装的，如果是函数式编程，写起来和原生js可以很好的衔接。

9155 0

为什么越来越少的人用 jQuery？

从图中可以看到，这两个API已经很好的兼容各个浏览器。 Vue中也是使用此API进行元素获取的： ? 所以说jQuery快速选择DOM节点的优势已经不存在了。...4.Ajax操作 jQuery的ajax操作，为我们省去了兼容浏览器方面的问题，并且也提供了简明的API去调用get和post，让开发者从繁琐的兼容性与使用原生API上解脱出来。...但是已经有了Fetch的Polyfill方案：github/fetch 这样只需要引用这一个小小的JS，就可以使用方便的ajax了。相较于jQuery，那是小巧很多的。...在传统开发模式中，这时的换一换按钮肯定执行的还是上面的代码，获取元素，修改元素的innerHTML，但是现在问题出现了，就是我们有必要将所有元素重新删除，再重新添加一遍吗？...使用现代框架开发，可以使用Webpack（当然使用jQuery也可以使用Webpack）,可以使用人家提供的现成的脚手架，比方说create-react-app，vue-cli。

1K3 0

前端面试题

Q2 我现在有一个button，要用react在上面绑定点击事件，要怎么做？ ? Q3 接上一个问题，你觉得你这样设置点击事件会有什么问题吗？...---- Q14 那给我介绍一下react吧（面试官是做可视化开发的，根本不懂react）以前我们没有jquery的时候，我们大概的流程是从后端通过ajax获取到数据然后使用jquery生成dom结果然后更新到页面当中...然后有赞、蚂蚁金服的两个一面都过了，因为每次面完试面试官问我还有什么问题吗？我都会询问一下本次面试面试官对我的评论是啥。...（这个时候有一个人走进了会议室，好像是一面小哥） ? 面试官：我这边没有什么问题了，你还有什么要补充的吗？我：那我把性能优化这个问题说完？面试官：可以。...你还有什么问题吗？（大概是想结束面试了吧，不想让我往下说了）我：巴拉巴拉。。。

2K3 1

为什么越来越少的人用 jQuery？

querySelectorAll兼容图从图中可以看到，这两个API已经很好的兼容各个浏览器。 Vue中也是使用此API进行元素获取的： ? 所以说jQuery快速选择DOM节点的优势已经不存在了。...目前CSS3动画的兼容性 4.Ajax操作 jQuery的ajax操作，为我们省去了兼容浏览器方面的问题，并且也提供了简明的API去调用get和post，让开发者从繁琐的兼容性与使用原生API上解脱出来...Fetch兼容性但是已经有了Fetch的Polyfill方案：github/fetch 这样只需要引用这一个小小的JS，就可以使用方便的Ajax了。相较于jQuery，那是小巧很多的。...在传统开发模式中，这时的换一换按钮肯定执行的还是上面的代码，获取元素，修改元素的innerHTML，但是现在问题出现了，就是我们有必要将所有元素重新删除，再重新添加一遍吗？...使用现代框架开发，可以使用Webpack（当然使用jQuery也可以使用Webpack）,可以使用人家提供的现成的脚手架，比方说create-react-app，vue-cli。

1.4K2 1

技术分享 | 【工程化】越抽象，越通用

从案例出发甲方有个文章推广用的小程序，简单来说小程序核心部分发布推广需求有如下功能需求标题预期需求推广平台平台uid 推广内容以3个月前的使用来看，暂时没有出现问题，大部分用户都用得好好的，...出现了什么问题简单来说，就是数据和渲染不够“抽象”，他们把最底层的东西写死了，封成了一个几乎没法改动的成品数据，而渲染他们的组件也过于表层，想要实现功能却被组件限制住了。...像react的脚手架create react app，你可以用react写出各种各样的页面不受影响，你可以做成游戏，也可以做成企业官网，甚至腾讯云的控制台这些都是由你来决定，但是因为它不是最深层的抽象...用户是上帝假设有一天，react来了个逆天举措，把audio封成了一个播放器组件，这个音频组件东西可多了，有歌词，有进度条，有控制器，均衡器，音效面板等等等等，这时候你页面上乱七八糟的audio，又是歌词又是音效的...我的5年老站，毫不夸张地说，直到今年才逐渐从jQuery转为react 这些效果也是jQuery来实现的 jQuery一个近20年的框架，在今天仍然影响着大部分前端框架的发展，因为它操作dom的思想很超前

77624 2

JavaScript就要统治世界了？

" JavaScript 可以……" "嘛，不就是操作一下 DOM，可以让元素飞来飞去吗" "JavaScript 是……" "不就是用 jQuery 让网页动起来，顶多就是再用用 Ajax 和后端进行一下数据交换吗...扯淡的吧，JS 有对象吗" "……" 0x00、前言早上起床惯例刷刷微博，突然看到 React Native 宣布支持 Android 的消息，一时感觉 Facebook 太给力了，不仅没有推迟发布...特别适合重 UI，重交互的桌面应用软件。新版有道词典 beta 版的首页便是使用 heX 开发完成的。...实际上 React Native 和 React 有很大的差别，但是逻辑和架构还是保持一致的。...JavaScript 固然可以做很多事情，从前端到后端，从桌面到移动，从应用到游戏，仿佛干了所有的事情一样。

1.9K6 0

开发小程序心得

1、小程序框架不容易理解它的项目结构到没什么问题，问题在于文件名的重写，css => wxss，HTML => wxml，很别扭啊，因为我是个非常喜欢原生开发的程序员，一时难以接受这种奇葩的文件，第一眼看到...3、js 写的别扭有个全局的 App({})，还有个单个页面的 Page({})，你说你是 vue 吗？写起来的感觉又不是。看得 this.setData({})，你说你是 react 吗？...咦，好像有点 jQuery 的影子，wx.API 用起来挺像 jQuery，但又不全是。像原生吗？...4、wxss 没什么可说的，说说 wxml，有人说像 react-native，有人说像 vue，有人说像 angular，要我说，看到这玩意，我都怀疑自己学的 html 是不是没用了。...1、小程序有专门的开发工具：微信开发者工具这套开发工具集成了小程序所需要的开发环境，好处就是不需要像开发 react 或者 vue 一样绞尽脑汁的配置 webpack 环境。

6.4K2 0

IMWeb 前端社区 - 九月月刊

IMWeb.io 社区精选好文从渲染原理到性能优化或许你正在使用或者了解了React，但你研究过它内部的渲染原理吗？...remote模块是Electron的进程通信方式之一，文章从源码层面对该模块的实现及原理进行了分析。...github宣布弃用jQuery 9月6日，GitHub团队发文表示将 jQuery 完全从 GitHub.com 的前端代码中移除了。...历经11年，Github从开始引入到完全解除对jQuery的依赖，Github工程师团队又完成了他们的一大里程碑。...这将是React Fiber后React又一重大更新。这个计划便是“React Fire”。

5262 0

前端常见面试题--初级版

**事件冒泡和捕获：**事件冒泡是指事件从目标元素开始，然后逐级向上传播到DOM树的顶部；事件捕获则相反，事件从DOM树的顶部开始，然后逐级向下传播到目标元素。...4.你如何使用 jQuery 选择和操作 DOM？...**jQuery选择和操作DOM：**可以使用$函数选择DOM元素，然后使用jQuery提供的方法（如.html(), .css(), .addClass(), .remove()等）来操作这些元素。...**避免重绘和回流：**尽量减少对DOM的操作，避免频繁触发重绘和回流。可以使用requestAnimationFrame来批量更新DOM，或者使用transform属性来触发合成操作而不是回流。...3.什么是 Babel，它解决了什么问题？4.解释一下 ES6 的主要新特性。

1.3K1 1

第九篇：真正理解虚拟 DOM：React 选它，真的是为了性能吗？

从最早的纯静态页面，到 jQuery 一统江湖，再到近几年大火的 MVVM 框架——研发模式升级这件事情对于前端来说，好像成了某种常态。...当你清楚了虚拟 DOM 在历史长河中的位置后，将能迅速地理解它到底帮助前端开发解决掉了什么问题，彼时，所有的答案都会跃然纸上。...这时候有一批仁人志士，兴许是从模板引擎的设计思想上得到了启发，他们明确了要走“数据驱动视图”这条基本道路，于是便沿着这个思路往下摸索：模板引擎的数据驱动视图方案，核心问题在于对真实 DOM 的修改过于“...React 选用虚拟 DOM，真的是为了更好的性能吗？...对于 React 框架来说，有特色的、与时俱进的 diff 算法正是它最迷人的地方，也是框架的核心所在。

8383 0

我所理解的前端

对于当时我一个小白而言完全是胡说一通,词不达意,搞得面试官一脸懵逼,现在想想那可能就叫尬聊吧……时隔两年在不断爬坑中对这个问题有了自己新的认识,今天趁着上午没什么事情,写下这篇博客,想到哪写到哪,谈一谈我所理解的前端...jquery可以不作为必备技能,虽然Jquery对新人很友好,但现在mvvm框架满天飞Vue, Angular,React三分天下,用起来要比直接操作dom的jquery舒服很多,当然在这个阶段是打基础的阶段框架...举个例子：有一个需求，用户的作品需要提交审核，经过审核才可以让所有人看到。当产品经理交这个需求给你的时候，你能察觉到什么问题了吗？...说另外一个故事，有家智能家居的公司，要实现厨房水龙头，根据人声说水温几度，就可以达到几度。换个角度想，你会感觉出40度和45度水的温差吗？而且根据人声判断，这又涉及到声音识别系统，你要兼容多少种语言？...写到最后，感觉绕回到程序员自身了。其实跟产品经理沟通，最重要的是要明白到：我们是在解决问题，而不是在制造问题！

92911 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭