暂时未有相关云产品技术能力~
暂无个人介绍
前面给大家分享了Options API语法中代码的复用、Options API编码的优缺点,以及setup函数,响应式API等,这次将给大家分享Vue3 Composition API中的计算属性,侦听器,生命周期函数,Provide和Inject等。 1.1 computed
前面给大家分享了Options API语法中代码的复用、Options API编码的优缺点,以及setup函数,响应式API等,这次将给大家分享Vue3 Composition API中的计算属性,侦听器,生命周期函数,Provide和Inject等。 1.1 computed
代码逻辑复用(logic reuse)一直是开发中(任何开发)一个非常重要的功能。 对于当前组件化盛行的前端开发来说,如何可以更多的对组件中的代码逻辑进行复用是一致在探索的一个话题,无论是在React、Vue,还是在Angular中。 那么接下来,我们就一起来看一下目前比较常见的在Vue中可以实现组件代码复用的方式,并且会详细、深入的学习一下Vue3最新的Composition API。
Vue3实现过渡动画
组件化知识补充(下)
组件化知识补充(上)
组件的插槽使用
组件化之间通信
现在可以说整个的大前端开发都是组件化的天下,无论从三大框架(Vue、React、Angular),还是跨平台方案的Flutter,甚至是移动端都在转向组件化开发,包括小程序的开发也是采用组件化开发的思想。 所以,学习组件化最重要的是它的思想,每个框架或者平台可能实现方法不同,但是思想都是一样的。
Vue3开发基础语法(二)
Vue3开发基础语法(一)
邂逅Vue3开发
邂逅Vue3和TypeScript
koa开发web服务器
express开发web服务器
什么是Web服务器? 当应用程序(客户端)需要某一个资源时,可以向一个台服务器,通过Http请求获取到这个资源;提供服务器的这个服务器,就是一个Web服务器;
事件循环是什么?事实上我把事件循环理解成我们编写的JavaScript和浏览器或者Node之间的一个桥梁。 浏览器的事件循环是一个我们编写的JavaScript代码和浏览器API调用(setTimeout/AJAX/监听事件等)的一个桥梁, 桥梁之间他们通过回调函数进行沟通。 Node的事件循环是一个我们编写的JavaScript代码和系统调用(file system、network等)之间的一个桥梁, 桥梁之间他们通过回调函数进行沟通的.
目前前端工程化开发过程中,我们会使用各种各样的脚手架,vue-cli、create-react-app,当然也包括webpack、gulp、rollup、vite等工具。 这些工具是怎么开发出来的呢?当我们执行一个命令时,它们做了什么事情?是怎么样完成的一系列操作? 这里我开发了一个coderwhy的脚手架:一个帮助你快速搭建和开发前端项目的CLI。 文档内容分成两部分: 第一部分:coderwhy使用说明; 第二部分:coderwhy脚手架开发过程; 欢迎下载学习,如果对你有帮助,可以点一个star~ 脚手架地址:https://github.com/coderwhy/code
Buffer的使用
npm你不知道的细节
常用的内置模块
彻底掌握前端模块化
彻底掌握前端模块化
Node基础知识
JavaScript运行原理
项目地址:https://github.com/coderwhy/hy-react-web-music 如果觉得不错,或者对你有帮助,点一个star~ coderwhy
Hook(二)高级使用
Hook(一)基本使用
掌握react-router
Redux(四)state如何管理
Redux(三)中间件
上一个章节主要是学习redux本身的基本使用过程,这个章节我们来学习一下如何将redux结合到React中来使用。 我会先按照简单的方式,自己来将redux结合到react中,并且结合高阶函数、Context一步步来实现connect和Provider的功能。 紧接着会讲解react-redux库的使用,帮助我们实现react-redux的连接。
在React的开发过程中,Redux对于我们是非常重要的。 但是对于很多人来说,初次接触redux会感觉redux的学习坡度非常陡峭,难度比较大。 在接下来,我会通过一个系列的方式循循渐进、层层深入的方式来讲解Redux:从redux的独立使用过程、到redux的结构划分、到redux结合react的过程、到redux中异步操作、到复杂数据的结构处理、到结合immutable的使用。 整个过程,都是在现有知识的基础之上层层递增、一步步掌握redux的使用!
在开发中,我们想要给一个组件的显示和消失添加某种过渡动画,可以很好的增加用户体验。 当然,我们可以通过原生的CSS来实现这些过渡动画,但是React社区为我们提供了react-transition-group用来完成过渡动画。
axios库的使用
对于学习过程,不是特别建议从一开始就使用别人的第三方库UI库,更重要的是要学会组件化相关的知识(就想前面我们已经讲了非常相关知识),之后自己来封装、设计一套自己的可复用组件。 但是在公司开发为了开发效率,我们往往也会选择一些非常优秀的第三方UI库,而AntDesign就是这样的一套优秀的UI组件库。
前面说过,整个前端已经是组件化的天下,而CSS的设计就不是为组件化而生的,所以在目前组件化的框架中都在需要一种合适的CSS解决方案。
高阶组件以及组件补充
在React的开发模式中,通常情况下不需要、也不建议直接操作DOM原生,但是某些特殊的情况,确实需要获取到DOM进行某些操作:
setState是React中使用频率最高的一个API(当然hooks出现之前),它的用法灵活多样,并且也是React面试题经常会考的一个知识点。 在这篇文章中,我对React的setState进行了很多解析,希望可以帮助大家真正理解setState。(其中涉及到一个源码,我有贴出,但是没有详细展开,有机会我们再对源码进行解析,大家不是很懂也不影响你的学习,只需要知道React内部是这样做的即可,面试时也可以回答出来)
非父子组件通信
父子组件通信
现在可以说整个的大前端开发都是组件化的天下,无论从三大框架(Vue、React、Angular),还是跨平台方案的Flutter,甚至是移动端都在转向组件化开发。 所以,学习组件化最重要的是它的思想,每个框架或者平台可能实现方法不同,但是思想都是一样的。
React脚手架
阶段案例练习
某些情况下,界面的内容会根据不同的情况显示不同的内容,或者决定是否渲染某部分内容: 在vue中,我们会通过指令来控制:比如v-if、v-show; 在React中,所有的条件判断都和普通的JavaScript代码一致; 常见的条件渲染的方式有哪些呢?
虽然目前React开发模式中更加流行hooks,但是依然有很多的项目依然是使用类组件(包括AntDesign库中); 但是有很多的同学对ES6中的类不太熟悉,所以这里我还是补充一下;
我个人一直喜欢使用邂逅这个词,我希望每个人在和一个新技术接触的时候,都是一场美丽的邂逅。 而React本身绝对是优雅和美丽的,所以从这里开始,我们和React来一场美丽的邂逅吧!
在上一篇中, 我们讨论了ES5中, 实现继承的一些方式. 在最后, 我们说了组合继承是相对完美的解决方案, 但是它也存在一些问题. 这篇文章, 我们就通过某种新的模式, 给出一种目前使用最多, 也是我们最终的解决方案.
继承是面向对象中非常重要的特性. ES5中和类的实现一样, 不能直接实现继承. 实现继承主要是依靠原型链来实现的。