排序
不可不知的前端工程化 —— 初识篇
背景 前端工程化的出现是为了应对前端开发的复杂性和多样性。随着前端技术的不断发展和变革,前端的业务逻辑逐渐变得复杂多样,企业对于前端的应用功能要求也跟着不断提高,例如优化开发流程、...
前端Vue自定义轮播图swiper 轮播图dot 轮播图指示indicate
前端Vue自定义轮播图swiper 轮播图dot 轮播图指示indicate,下载完整代码请访问uni-app插件市场地址:ext.dcloud.net.cn/plugin?id=1… 效果图如下: 使用方法 <!-- swiperList:轮播数组 im...
Tailwind CSS 导论
Tailwind CSS 导论 作为前端开发,您是否曾经为在 HTML 和 CSS 之间不断切换而感到困扰?是否正在寻找一个可以帮助快速开发网页的 CSS 框架?如果是这样,那么 Tailwind CSS 一定是你的不二之选...
Angular 实战——配置使用环境变量
只想快速解决问题的,请直接看粗体部分。 为了更清晰,更快速的了解 Angular 环境配置的架构,请看此图: 下面具体内容也会按照图上所示来介绍。 添加环境配置文件 创建文件,不过这个步骤在使...
React–组件间通信
父传子props 父组件通过 属性 = 值 的形式来传递给子组件数据 const banners = ['新歌曲', '新MV', '新歌单'] <MainBanner banners={banners}/> 子组件通过 props 参数获取父组件传递...
Vue.js新手必看:了解一下VUE数组的变异方法
Vue框架提供了一些便捷的数组变异方法,包括push、pop、shift、unshift、splice、sort和reverse等。在使用Vue开发Web应用程序时,经常需要对数组进行操作以实现相应的功能,而使用原生的JavaScr...
如何用 Vue3 打造一个通用的右键菜单组件,让你的网页更加灵活和有趣
前段时间一位渡一的同学说他做右键菜单做的心态炸裂,步步是坑。 但是这个功能又非常常见,所有的前端开发工程师都会遇到类似的功能组件开发需求 所以今天,子辰就来和大家一起封装一个通用的右...
ByteMD编辑器源码阅读
背景 最近在研究编辑器偶尔看到了ByteMD挺有意思的,于是产生了兴趣,便研究了一下源码,想解决一下下面的疑惑。 ByteMD源码地址: github.com/bytedance/b… Demo地址: bytemd.js.org/playgroun...
WuJie无界微前端使用和问题解决
我正在参加「金石计划5.0」 一、WuJie无界微前端 1.WuJie说明 说明文档:wujie-micro.github.io/doc/guide/ 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及...
Angular 指令组合 API—— hostDirectives
前言 有一种场景是给动态创建组件添加指令,当时可难坏了,因为 createComponent API 不支持绑定指令,所以我当时猜想是否可以在 @Component 注入或 @HostBindingDirective 绑定实现呢?找了很...
Vue3.3 正式发布!
今天,我们很高兴地宣布发布 Vue 3.3 '浪客剑心'! 此版本专注于改进开发人员体验 ,特别是 SFC <script setup> 与 TypeScript 的使用。一同发布的还有 1.6 版本的 Vue Language Tools (...
用Vue打造微信小程序,让你的开发效率翻倍!
Vue做为当下最为流行之一的前端框架,作为一款轻量级的JavaScript框架,在开发效率、易用性、灵活性等方面都有着出色的表现。 Vue有哪些优势可以应用于微信小程序? 更快的开发速度,vue的模版...
你还不知道的20个Next.js新特性???
什么是Next.js Next.js 是 Vercel 开发的开源 React 框架,一直是 Web 开发领域的游戏规则改变者。随着 Next.js 13 的发布,它实现了巨大的飞跃,引入了大量功能,使其成为开发人员更强大的工具...
模仿低代码平台的可视化形式,解决频繁修改Mock数据的问题
背景 最近公司经常有一些大屏驾驶舱项目,因为大屏项目的某些“特殊性”,通常很长一段时间内,我们没有完整的数据,很多数据需要进行Mock。而因为数据的真实性、业主的需求变化、汇报支撑等原...
来一瓶 Web Component 魔法胶水
Web Component 已经被浏览器广泛支持,不再是新鲜玩意了,它有很多使用场景,比如编写跨框架的组件库、微前端,完全用它开发复杂的应用也没问题。 而今天我要介绍的是 Web component 如何扮演框...
理解前端框架中的运行时和编译时
本文主要阐述前端框架中的运行时和编译时的区别。首先说明本文内容参考书籍 《Vue.js 设计与实现》,并加以自己的理解创作。有错误的地方还请指出。 运行时 运行时就是指代码实际执行时的阶段。...
Vuex 核心思想: 状态管理模式解析与源码实现
本文将重点讨论 Vuex 的核心思想、内部工作原理和源码实现。它是一个专为 Vue.js 应用程序开发的状态管理模式。我们会深入探讨 Vuex 的核心概念,包括状态、变化、动作和模块化等概念,并通过源...
前端vue自适应文字宽度下划线tabs可设置下划线颜色(更新版)
前端vue自适应文字宽度下划线tabs可设置下划线颜色, 下载完整代码请访问uni-app插件市场地址: ext.dcloud.net.cn/plugin?id=1… 效果图如下: 实现代码如下: 使用方法 <!-- tabIndex:选择...
React Router 机制解析
什么是 Web 路由? 一个比较直观的解释:路由就是 URL 到函数的映射。 /users -> getAllUsers() /users/count -> getUsersCount() 服务端路由(Server-side Routing) 对于服务器来说,当...
Tubi 前端测试:迁移 Enzyme 到 React Testing Library
前端技术发展迅速,即便不说是日新月异,每年也都推出新框架和新技术。Tubi 的产品前端代码仓库始建于 2015 年,至今 8 年有余。可喜的是,多年来紧随 React 社区的发展,Tubi 绝大多数的基础框...