- 本篇文章将以解决 Element Plus 问题的经历开始,循序渐进讨论开源项目或开源框架的问题,进一步讨论驾驭开源项目源代码的方法和技巧,分享自己阅读、理解和更改源代码的思路。 本篇文章将以解决 Element Plus 问题的经历开始,循序渐进讨论开源项目或开源框架的问题,进一步讨论驾驭开源项目源代码的方法和技巧,分享自己阅读、理解和更改源代码的思路。
- 前言Vue项目开发过程中,有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件。梳理出如下请求方法:父组件访问子组件:$children 或者 $refs子组件访问父组件:$parent子组件访问根组件(通过 new Vue 创建的根 Vue 实例):$root 父组件访问子组件 使用 $children在父组件中使用 this.$children 拿到的是一个... 前言Vue项目开发过程中,有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件。梳理出如下请求方法:父组件访问子组件:$children 或者 $refs子组件访问父组件:$parent子组件访问根组件(通过 new Vue 创建的根 Vue 实例):$root 父组件访问子组件 使用 $children在父组件中使用 this.$children 拿到的是一个...
- Vue 3.0具有六大特性:Tree Shaking;Composition;Fragment;Teleport;Suspense;渲染Performance。渲染Performance主要是框架内部的性能优化,相对比较底层,本文会主要为大家介绍前四个特性的解读。 Vue 3.0具有六大特性:Tree Shaking;Composition;Fragment;Teleport;Suspense;渲染Performance。渲染Performance主要是框架内部的性能优化,相对比较底层,本文会主要为大家介绍前四个特性的解读。
- 2021 年的前端工程师可能是真正意义上的工程师,他们通常需要运用大量的专业知识来解决工程化问题。本文将着重就现代前端开发的主题,来详细介绍前端工程化的各个重要技术,帮助读者了解现代前端页面的复杂和多样性是如何构造的。 2021 年的前端工程师可能是真正意义上的工程师,他们通常需要运用大量的专业知识来解决工程化问题。本文将着重就现代前端开发的主题,来详细介绍前端工程化的各个重要技术,帮助读者了解现代前端页面的复杂和多样性是如何构造的。
- 大家好,我是陈泽鑫,今天的博客内容是vue框架的4种父子组件的方式。方式一:采用props传值方式二:$emit传值方式三:$parent(vue3中已没有$children)方式四:$ref属性 大家好,我是陈泽鑫,今天的博客内容是vue框架的4种父子组件的方式。方式一:采用props传值方式二:$emit传值方式三:$parent(vue3中已没有$children)方式四:$ref属性
- 引入场景有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。官网解释:<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不... 引入场景有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。官网解释:<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不...
- SSR是什么?什么要用SSRSSR是 Server-Side Rendering(服务器端渲染)的缩写,简单的理解就是将原本在浏览器上渲染编译的组件、页面,现在通过服务器编译html字符串,发送到浏览器,最后将静态标记,混合为客户端上交互的应用程序。(1)解决SEO的问题当百度搜索引擎爬虫爬取的时候,通过URL产生对服务器的请求,服务器根据URL,相应页面,因此百度就获取到了我们的站点的数据... SSR是什么?什么要用SSRSSR是 Server-Side Rendering(服务器端渲染)的缩写,简单的理解就是将原本在浏览器上渲染编译的组件、页面,现在通过服务器编译html字符串,发送到浏览器,最后将静态标记,混合为客户端上交互的应用程序。(1)解决SEO的问题当百度搜索引擎爬虫爬取的时候,通过URL产生对服务器的请求,服务器根据URL,相应页面,因此百度就获取到了我们的站点的数据...
- Vue 3已经发布有一段时间了,到底有哪些新特性值得关注,如何用它构建企业级前端项目,怎样快速上手Vue 3?本篇文章将对此进行详细讲解。 Vue 3已经发布有一段时间了,到底有哪些新特性值得关注,如何用它构建企业级前端项目,怎样快速上手Vue 3?本篇文章将对此进行详细讲解。
- ## 需求背景在实现组件拖拽设计过程中,发现组件样式中设置了 `display: flex`属性信息,导致组件生成后无法实现拖拽效果,网上查阅资料后发现`Flex`布局大有天地。## `Flex`来源传统的布局解决方案采用`CSS`实现,基于**盒状模型**,依赖 `display属性` + `position属性` + `float属性`。但是,它对于那些特殊布局非常不方便,比如,垂直居中... ## 需求背景在实现组件拖拽设计过程中,发现组件样式中设置了 `display: flex`属性信息,导致组件生成后无法实现拖拽效果,网上查阅资料后发现`Flex`布局大有天地。## `Flex`来源传统的布局解决方案采用`CSS`实现,基于**盒状模型**,依赖 `display属性` + `position属性` + `float属性`。但是,它对于那些特殊布局非常不方便,比如,垂直居中...
- 这篇博文主要讲解提升用户体验的另一个技巧:字体自适应。 这篇博文主要讲解提升用户体验的另一个技巧:字体自适应。
- ## 前言在之前创建的《JVM》专栏中,讲解了`Java`虚拟机中垃圾回收机制。同`JVM`具有垃圾回收机制相似,`JavaScript`同样具有垃圾回收机制。众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存的占用持续升高的情况,一方面会影响程序的运行速度,另一方面严重的话则会导致整个程序的崩溃。## JavaScript... ## 前言在之前创建的《JVM》专栏中,讲解了`Java`虚拟机中垃圾回收机制。同`JVM`具有垃圾回收机制相似,`JavaScript`同样具有垃圾回收机制。众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存的占用持续升高的情况,一方面会影响程序的运行速度,另一方面严重的话则会导致整个程序的崩溃。## JavaScript...
- 使用 `vw/vh` 布局实现自适应优于其他方案,能够完美的解决调屏幕自适应问题。 使用 `vw/vh` 布局实现自适应优于其他方案,能够完美的解决调屏幕自适应问题。
- 在`Vue`项目开发过程中,当你遇到应用逻辑出现错误,但又无法准确定位的时候,知晓`Vue`项目调试技巧至关重要。同后台项目开发一样,可以在`JS`实现的应用逻辑中设置断点,并进行单步、进入方法内、跳出方法等调试,从而准确定位问题根源。本文主要针对`JetBrains`系列`WebStorm`下`Vue`项目进行调试的2种方法:`debugger`和。## debugger`debugger... 在`Vue`项目开发过程中,当你遇到应用逻辑出现错误,但又无法准确定位的时候,知晓`Vue`项目调试技巧至关重要。同后台项目开发一样,可以在`JS`实现的应用逻辑中设置断点,并进行单步、进入方法内、跳出方法等调试,从而准确定位问题根源。本文主要针对`JetBrains`系列`WebStorm`下`Vue`项目进行调试的2种方法:`debugger`和。## debugger`debugger...
- 前言Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。一、Vue是什么? Vue是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。1.框架做分层设计,每层都可选,不同层可以灵活接入... 前言Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。一、Vue是什么? Vue是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。1.框架做分层设计,每层都可选,不同层可以灵活接入...
- 一、前言介绍:随着现代网络技术发展,对于生鲜蔬菜食品商城系统现在正处于网络发展的阶段,所以对它的要求也是比较严格的,要从这个系统的功能和用户实际需求来进行对系统制定开发的发展方式,依靠网络技术的的快速发展和现代通讯技术的结合为用户带来方便,可以方便管理员网上管理,生鲜蔬菜食品商城系统信息,还可以通过这些技术实现发布生鲜蔬菜食品商城系统等过程。当今社会互联网急速发展,电子商务系统也在国内爆炸... 一、前言介绍:随着现代网络技术发展,对于生鲜蔬菜食品商城系统现在正处于网络发展的阶段,所以对它的要求也是比较严格的,要从这个系统的功能和用户实际需求来进行对系统制定开发的发展方式,依靠网络技术的的快速发展和现代通讯技术的结合为用户带来方便,可以方便管理员网上管理,生鲜蔬菜食品商城系统信息,还可以通过这些技术实现发布生鲜蔬菜食品商城系统等过程。当今社会互联网急速发展,电子商务系统也在国内爆炸...
上滑加载中
推荐直播
-
崇本英才·智汇吴江·无人车挑战赛赛前培训
2022/08/12 周五 19:00-21:00
无人车领域大咖
本次直播主要介绍初赛总结&开发者认证宣讲、决赛赛题介绍&决赛赛前备赛培训、往届优胜队伍经验分享。
回顾中 -
华为云杯“少年开发者”空中课堂 —— 体验人工智能
2022/08/13 周六 14:00-15:00
刘烨 上海市高中通用技术学科中心组成员/复旦大学附属中学通用技术教师
华为云杯“少年开发者”空中课堂,特邀复旦附中讲师,助力初中阶段参赛选手在本次大赛中取得优异成绩!
回顾中 -
如何基于华为云开天aPaaS实现积木式应用创新
2022/08/15 周一 19:00-21:00
包老师/梁老师
华为云开天aPaaS提供面向行业开发和使用的业务能力积木组装平台,简单几步实现应用创新,本次直播将解读aPaaS赛题,演示API->连接器->自动化流的过程和两个工业应用间的数据集成操作。
即将直播
热门标签