title: Vue.js 动态组件与异步组件 date: 2024/6/2 下午9:08:50 updated: 2024/6/2 下午9:08:50 categories: 前端开发 tags: Vue概览 动态组件 异步加载 性能提升 路由管理 状态控制 工具生态 第1章 Vue.js 简介 ...
从零学习Vue.js 目录 引言 准备工作 Vue.js 基础 3.1 Vue 实例 3.2 模板语法 3.3 数据绑定 3.4 计算属性和侦听器 3.5 Class 与 Style 绑定 3.6 条件渲染 3.7 列表渲染 3.8 事件处理 3.9 表单输入绑定 Vue.js 组件 4.1 组件基 ...
title: Vue插槽与作用域插槽 date: 2024/6/1 下午9:07:52 updated: 2024/6/1 下午9:07:52 categories: 前端开发 tags: VueSlot ScopeSlot 组件通信 Vue2/3插槽 作用域API 动态插槽 插槽优化 第1章:插槽 ...
一、背景 在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高 两栏布局 两栏布局实现效果就是将页面分割成左右宽度不等的两列,宽度较小的列设置为固定宽度,剩余宽度由另一列撑满, 比如 Ant Design 文档,蓝色区域为主要内容布局容器,侧边栏为次要内容布局容器 这里称宽度较小的列父元素为 ...
前言 Angular 从 v14 开始大改特改,改最多的就是编码风格。 以前是 class first,Decorator first,mutable first。 现在变成了 function first,immutable first。 本篇主要是探讨 v14 后,尤其是 Signal-base ...
XML Web服务是基于WSDL、SOAP、RDF和RSS等标准的网络应用程序组件技术。WSDL描述服务接口和消息格式,SOAP用于结构化信息交换,RDF描述网络资源,RSS则用于发布网站更新。Web服务特点是自包含、自描述,基于开放协议,可重用且能连接现有软件。WSDL文档包含`types`、`m... ...
title: vue3组件通信与props date: 2024/5/31 下午9:00:57 updated: 2024/5/31 下午9:00:57 categories: 前端开发 tags: Vue3组件 Props详解 生命周期 数据通信 模板语法 Composition API 单向数据 ...
一、是什么 单例模式(Singleton Pattern):创建型模式,提供了一种创建对象的最佳方式,这种模式涉及到一个单一的类,该类负责创建自己的对象,同时确保只有单个对象被创建 在应用程序运行期间,单例模式只会在全局作用域下创建一次实例对象,让所有需要调用的地方都共享这一单例对象,如下图所示: ...
为什么会突然想到写这么一个大杂烩的博文呢,必须要从笔者几年前的一次面试说起。当时的我年轻气盛,在简历上放了自己的博客地址,而面试官应该是翻了我的博客,好几道面试题都是围绕着我的博文来提问。其中一个问题,直接使得空气静止了五分钟,也是自从那次面试,我告诉自己,工作实战中总结的经验,一定要知其然知其所以... ...
Unix 时间戳是从1970年1月1日(UTC/GMT的午夜)开始所经过的秒数,不考虑闰秒。 以下2个方法源自于时间工具包:time utils 效果展示:在线时间戳转换工具 时间转时间戳 /** * 将某个时间转化成时间戳 * 时间格式:2019-05-20 00:00:00 或 2019年5月1 ...
1、需求描述 我们日常在使用ECharts实现曲线图或柱状图的时候,x轴上的坐标都是等距离显示的。 有时候我们可能有这个需求: x轴上的坐标距离按照对应数据的比例进行显示。 打个比方,假设x轴上有5个点,正常情况下,我们每个点之间的距离都是30px。 这不是我们想要的效果,我们想要的效果是,第一 ...
目录前端平台搭建(Vue2.6,App:HBulderX)创建Vue2.6项目下载相应插件方便开发路由配置对连接后端进行一些配置(main.js文件)导入ElementUI组件组件 | Element同步与异步axios异步请求框架 前端平台搭建(Vue2.6,App:HBulderX) 创建Vue ...
一、场景复现 一个经典的面试题 0.1 + 0.2 0.3 // false 为什么是false呢? 先看下面这个比喻 比如一个数 1÷3=0.33333333...... 3会一直无限循环,数学可以表示,但是计算机要存储,方便下次取出来再使用,但0.333333...... 这个数无限循环,再大的 ...
title: 深入理解Vue 3:计算属性与侦听器的艺术 date: 2024/5/30 下午3:53:47 updated: 2024/5/30 下午3:53:47 categories: 前端开发 tags: Vue3 计算属性 侦听器 路由 模板 性能优化 实战案例 前言 Vue 3的新特性简 ...
效果预览 视频画面 网络请求 代码实现 ZLMRTCClient.js 当前使用的版本: 1.0.1 Mon Mar 27 2023 19:11:59 GMT+0800 首先需要修改 ZLMRTCClient.js 的代码,解决由于网络导致播放失败时无法触发 WEBRTC_OFFER_ANWSER_ ...
什么是 KeepAlive? 用过 Vue 的童鞋都知道 Vue 官方自带了 Keep-Alive 组件,它能够使组件在切换时仍能保留原有的状态信息,并且有专门的生命周期方便去做额外的处理。该组件在很多场景非常有用,比如: tabs 缓存页面 分步表单 路由缓存 我们先看看 Vue 中是如何使用的, ...
title: Vue3使用Composition API实现响应式 date: 2024/5/29 下午8:10:24 updated: 2024/5/29 下午8:10:24 categories: 前端开发 tags: Vue3 Composition Refs Reactive Watch L ...
一、 是什么 Node作为一门服务端语言,性能方面尤为重要,其衡量指标一般有如下: CPU 内存 I/O 网络 CPU 主要分成了两部分: CPU负载:在某个时间段内,占用以及等待CPU的进程总数 CPU使用率:CPU时间占用状况,等于 1 - 空闲CPU时间(idle time) / CPU总时间 ...
1️⃣ 原因 由于是一个比较老的项目,所以在做功能时,用到了老项目的一个控件,这一个控件是以前封装好的,依赖的是jquery-1.6.min.js。但是在做下拉框多选功能时,在网上找了一个下拉框多选的框架,但是这个框架依赖是jquery.js(3.7.1),所以才出现了这个问题。 简单来说就是新老控 ...
1、是什么 pointer-events 直译为指针事件,该属性指定在什么情况下某个DOM可以成为鼠标事件的 target。 简而言之,就是允许/禁止DOM的鼠标事件(click事件、hover事件、mouse事件等鼠标事件) 2、具体属性分析 用法分析:pointer-events: auto | ...