不知不觉已经深耕在B端这个领域3年有余,很多人接触过B端后会觉得乏味,因为B端的设计在视觉上并没有C端那么有冲击力,更多的是结合业务逻辑,设计出符合业务需求的交互,以及界面排版的合理性,达到产品的可用性、易用性、好用性。由于业务的复杂性,功能实现的难度程度相比C端会高很多,但是B端系统会有很多相似的
React是用于构建用户界面的JavaScript库,其核心是让开发者能够使用函数组件创建组件驱动的用户界面。它带有一些内置解决方案,例如,用于本地状态、副作用和优化性能的ReactHooks,但这些只能处理函数(组件和Hook)以创建UI。React拥有一个庞大的生态系统,可以帮助开发人员更快地实
大家好,我是CUGGZ。祝大家新年快乐呀~本文将回顾并总结2022年JavaScript生态系统中最重要的发展以及2023年的发展趋势!大纲:TypeScriptReactVue服务端渲染(SSR)Node.js、Deno、Bun1、TypeScript回顾2022年,事实证明,即使在这样一个成熟稳
大家好,我是前端西瓜哥。本文探究fiber、DOM、ReactElement、类组件实例对象之间的引用关系。React版本为18.2.0原生组件fiber原生组件fiber,指的就是type为"span"、"div"的fiber。fiber.stateNode 指向真实DOM节点。node
前言首先本文不会过度深入讲解只属于React或者只属于Vue的原理,所以只懂React或者只懂Vue的同学都可以畅通无阻地阅读本文。关于Vue3的React-styleHooks的实现原理和ReactHooks的实现原理在社区里已经有很多讨论的文章了,希望本文可以给你不一样的角度去理解ReactHo
反应性原则它是Vue.js的核心特性之一,一个数据驱动的视图,我们修改数据视图来响应更新,非常优雅。Vue2.x使用Object.defineProperty()实现,而Vue3.x使用Proxy实现。我们先来看看2.x的实现。复制Object.defineProperty(obj,key,{enu
uni-app项目中,页面有两种:.vue和.nvue文件。两者差异在于.vue文件使用webview进行渲染,.nvue会使用原生进行渲染。一个页面就是一个符合vue的单文件组件(SFC)规范的.vue或.nvue文件。页面文件为实现多端兼容,综合编译速度、运行性能等因素,依旧遵循vue单文件组件
从Vue3发布以来,我就一直对其非常感兴趣,就一直想着将其投入公司的生产中,但是开始考虑到很多不确定性就暂时对一些很小的功能进行一些尝试;慢慢的发现组合式Api的形式非常适合开发(个人感觉),尤其是Vue3.2推出了setup语法糖后直呼真香。后面公司的新项目几乎全部采用了Vue3了。使用Vue3开
作者|shuanfeng,携程高级前端开发工程师,关注性能优化、低代码、svelte等领域。一、技术调研最近几年,前端框架层出不穷。近两年,前端圈又出了一个新宠:Svelte。作者是 RichHarris,也就是 Ractive, Rollup 和&
1.写在前面异步组件,其实和异步请求数据一样,只不过是通过异步加载的方式去加载和渲染组件。异步组件有什么作用,它可以用于代码分割和服务端下发组件等场景。函数式组件其实允许普通函数定义组件,将函数返回值作为组件渲染的内容。函数式组件最大的特点就是无状态。2异步组件要解决的问题同步渲染:复制import
早期Web容器早期的Web应用主要用于浏览新闻等静态页面,HTTP服务器(比如Apache、Nginx)向浏览器返回静态HTML,浏览器负责解析HTML,将结果呈现给用户。Servlet规范随着互联网发展,往往更多的是需要动态的交互。所以Sun公司推出了Servlet技术:servlet规范!目前最
Hooks是什么"hooks"直译是“钩子”,它并不仅是react,甚至不仅是前端界的专用术语,而是整个行业所熟知的用语。通常指:系统运行到某一时期时,会调用被注册到该时机的回调函数。为啥要用Hooks跨组件复用statefullogic十分困难使用Hooks,你可以在将含有state的逻辑从组件中
功能安全应该如何考虑软件架构,什么样的架构是符合功能安全标准要求的,对于软件架构工程师和功能安全工程师,很难在两个方面都说得明白,本篇来从功能安全的角度谈谈软件架构设计的基本要求。首先,功能安全软件的架构设计是基于两个层次的:第一:选取和建立一个层次分明,易于理解的软件架构;第二:在第一
背景介绍透传是一个通讯层面的概念,指的是在通讯中不管传输的业务内容如何,只负责将传输的内容由源地址传输到目的地址,而不对业务数据内容做任何改变。其实透传这个概念,我最早是从上面一个领导那里听到的,由于他是电气工程师出身,而硬件通讯这块用到透传还是挺多的。对于透传,我感觉有那么一点熟悉感,
Vue3已经出来了,Vue3Devtools正式版也快出来了,目前我们在用的是beta版本,现在我们来看看Vue3Devtoolls有哪些新的功能。安装打开谷应用商店,搜索vuedevtools,选择beat的标识安装,如下所示:注意,在使用Vue3devtools时,要把Vue2devtools的
Vue已经成为很多公司前端项目的首选框架,而要成为一个会用Vue的开发者并不需要花太多时间和精力去学习大的概念,但作为成为一个更高级的开发者就需要去深入框架和基础知识的学习。本文跟分享几个在Vue项目开发中可以用到的小技巧。1.使用prop限制属性列表Vue让自定义组件变得容易,在自定义
React.js和ReactNative是流行的用户界面(UI)开发平台,且都是开源技术。在StackOverflow的2019年开发人员调查中,它们在期望度和使用率方面都有很高的排名。React.js是Facebook在2011年作为一个JavaScript库开发而成的,目的是满足跨平台、动态和高
Vue的核心是数据驱动和组件化开发,无论是组件的封装还是组件的传参,都是面试中最常见的问题,也难倒了无数面试者,以下就跟大伙分享分享当vue组件之间的通信感到崩溃时如何运用vuex及面试中常见vuex问题的解决。先看常见问题:使用Vuex只需执行Vue.use(Vuex),并在Vue的配置中传入一个
正如我们所知,React是JavaScript库,用于构建精彩的用户界面。然而,并不是每个人都在使用相同的工具或知道有这么一些出色的工具,可以让Reacat开发体验变得更加有趣和积极主动。如果大家还没有用过React,或者大家的朋友可能有兴趣使用它,那么,当被问及为什么要使用这个库的时候
在过去的几个月里,我一直在使用React和React-Native。我已经发布了两个作为产品的应用, KivenAa(React)和 PollenChat(ReactNative)。当我开始学习React时,我找了一些不仅仅是教我如何用React写应用的东西(一个博客,一个视频,