![](https://img-blog.csdnimg.cn/direct/95bb4e8fd0434a66b5f3c0f7ff0d8be8.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术
文章平均质量分 86
前端是指网页或应用程序界面的开发和设计。前端开发涵盖了Angular、Vue、HTML、CSS和JavaScript等技术,通过这些技术,开发人员可以创建用户友好的网页和用户界面。
魔王-T
编程让我得以拓展,挑战,总能从中汲取营养。开发中不断学习,如雄鹰翱翔云霄,更趋向于完善,如悠然航行蓝海。信仰技术,深爱工作,珍惜团队,平凡而不平庸,虽不起眼,但自有奋斗的追求。
展开
-
Vue懒加载深度解析:提升性能、优化用户体验的完整指南
懒加载,也称为延迟加载,是一种将资源(如图片、组件、代码等)推迟到需要的时候再加载的策略。在Vue中,懒加载通常涉及到组件和图片的加载。Vue懒加载是前端性能优化的重要手段之一,通过合理应用组件懒加载和图片懒加载,可以显著提升应用的加载速度,改善用户体验。在使用懒加载时,开发者需要根据应用的实际情况进行合理拆分和配置,以达到最佳的性能优化效果。原创 2023-12-27 16:18:02 · 2555 阅读 · 0 评论 -
深入理解Vue中的异步操作和Async/Await
深入理解了Vue中的异步操作以及如何使用Async/Await语法来使异步代码更加清晰和可读。在实际开发中,合理地利用这些技术可以提高代码的可维护性和开发效率。原创 2023-12-21 16:18:42 · 4052 阅读 · 0 评论 -
Vue 插槽(Slot):打开组件的灵活大门
Vue 插槽为组件化开发提供了灵活性和强大的工具。通过插槽,我们能够创建更加可复用、可扩展的组件,提高代码的灵活性。在实际开发中,结合动态插槽和作用域插槽的使用,可以构建出更加强大和智能的组件。插槽,是打开 Vue 组件灵活大门的一把钥匙,让我们在开发中能够更加自如地运用组件的力量。原创 2023-12-18 16:43:30 · 1105 阅读 · 0 评论 -
Vue 父子组件通信进阶版:深入理解 Props、$emit 和 provide/inject
通过深入理解 Vue 组件通信的高级用法,我们可以更好地应对各种场景和需求。合理使用 Props、$emit 和 provide/inject 可以让你的组件架构更加清晰和灵活。。原创 2023-12-15 17:13:21 · 155 阅读 · 0 评论 -
Vue 宝典之动画(transition)
Vue.js 提供了丰富的工具和特性,使得动画在前端开发中变得更加简便而强大。通过合理使用过渡效果、动画钩子函数以及相关的高级特性,我们能够创建出更具创意和吸引力的用户界面。在实际项目中,结合具体需求和设计思路,深入理解并灵活应用这些动画特性,将会为用户提供更为优秀的交互体验。原创 2023-12-15 10:37:19 · 114 阅读 · 0 评论 -
Vue之路由(Vue Router)
Vue Router是Vue.js官方的路由管理库,它与Vue.js核心深度集成,提供了构建SPA所需的一切。通过使用Vue Router,我们可以实现页面的无刷新切换、嵌套视图、路由参数、导航守卫等功能,使得我们的应用更具交互性和用户友好性。Vue路由是构建现代单页面应用的重要工具之一。通过使用Vue路由,我们可以轻松地管理页面导航、传递参数,并创建更加灵活和交互性的用户界面。原创 2023-12-14 16:47:32 · 232 阅读 · 0 评论 -
Vue宝典之深入理解 rules 属性
在 Vue 中,表单校验规则可以通过 rules 属性来定义。该属性是一个对象,包含了各个表单字段的校验规则。每个字段的校验规则是一个数组,可以包含多个校验规则。我们可以在 Vue 实例的 data 中定义 rules 属性,并为每个表单字段指定相应的校验规则。原创 2023-12-12 12:38:18 · 2046 阅读 · 0 评论 -
Vue宝典之自定义组件声明与使用
自定义组件是Vue中用来封装特定功能的可重用代码块。它由模板、脚本和样式组成,可以独立于其他组件进行开发和测试。原创 2023-12-12 11:58:42 · 224 阅读 · 0 评论 -
vue宝典之项目结构介绍
Vue.js是一种流行的JavaScript框架,用于构建用户界面。Vue.js具有简洁、灵活和易于学习的特点,被广泛应用于开发各种类型的应用程序。本文将介绍Vue.js的基本概念、核心特性和应用场景,以及Vue.js的项目结构和开发流程。原创 2023-12-11 17:03:36 · 193 阅读 · 0 评论 -
VUE宝典之vue-dialog使用
Vue Dialog 是一个基于 Vue.js 的对话框插件,它让开发者可以在 Vue 项目中轻松地使用对话框。这个插件是在 Element UI 的基础上进行二次封装的,相比 Element UI,Vue Dialog 更加简洁、易于使用。原创 2023-12-09 22:02:32 · 2835 阅读 · 0 评论 -
VUE宝典之el-dialog使用
el-dialog是Element UI库中的一个重要组件,用于在Vue应用程序中创建弹出框。它提供了一组实用的属性和事件,让我们能够轻松地实现各种弹出框功能。原创 2023-12-09 21:17:20 · 6103 阅读 · 0 评论 -
掌握vue中国际化使用及配置
vue中国际化的配置及应用原创 2023-12-06 13:27:15 · 184 阅读 · 0 评论 -
入门指南:使用Element UI构建漂亮的Vue.js应用
在本篇博客中,我们简要了解了如何开始使用Element UI,并展示了其中一些常用的组件和功能。原创 2023-12-04 21:56:48 · 512 阅读 · 0 评论 -
掌握VUE中localStorage的使用
LocalStorage是一种在Web浏览器中存储和获取数据的本地存储机制。它可以方便地存储和获取数据,而无需每次都发送请求到服务器。原创 2023-12-04 21:55:54 · 901 阅读 · 2 评论 -
深入理解VUE组件:父子组件详细说明及应用
在 Vue 中,组件是可以重复使用的 Vue 实例,拥有一个名为 options 的对象,用于定义组件的属性、方法、生命周期等。而父子组件,则是一种层级关系,其中一个组件(父组件)内部使用了另一个组件(子组件)。原创 2023-12-01 20:32:51 · 2432 阅读 · 0 评论 -
深入理解 Vue 组件:构建优雅的前端应用
组件是 Vue.js 中最强大的抽象概念之一。简而言之,组件是一个可复用的 Vue 实例,具有自己的模板、逻辑和样式。原创 2023-12-01 17:04:33 · 168 阅读 · 0 评论 -
Vue生命周期:组件的生命之旅
了解并正确使用Vue的生命周期钩子,对于优化组件性能、管理组件状态以及实现特定功能至关重要。通过在不同的生命周期阶段执行适当的操作,我们可以确保组件在适当的时机进行渲染、更新和销毁,从而实现更高效、更健壮的Vue应用程序。原创 2023-11-30 16:42:30 · 70 阅读 · 0 评论 -
掌握Vue计算属性的应用
计算属性是 Vue 中一个非常重要的概念,它允许我们基于现有的数据计算出一个新的数据,这个新的数据可以被其他组件使用。原创 2023-11-30 15:11:04 · 736 阅读 · 0 评论 -
掌握Vue侦听器(watch)的应用
Vue.js 是一个流行的 JavaScript 框架,而其中的 侦听器(watch) 功能是其中的一项重要特性。它可以用来侦听 Vue 实例中数据的变化,并在变化发生时执行相应的操作。原创 2023-11-30 10:44:26 · 2364 阅读 · 0 评论 -
深入理解 Vue 中的指针操作(二)
Vue.js 是一款非常流行且功能强大的前端框架,它以其响应式的数据绑定和组件化的开发方式赢得了众多开发者的喜爱。在使用 v-model 绑定表单元素的值时,Vue 实例中的数据并不会立即更新,而是在表单元素的值发生变化并触发 input 事件时才会更新。model 是 Vue 中常用的指令之一,用于将表单元素的值和 Vue 实例中的数据绑定起来,实现双向数据绑定。其中,message 是 Vue 实例中的数据,可以是 data、computed 或 props 中的属性。原创 2023-11-29 17:23:39 · 170 阅读 · 0 评论 -
深入理解 Vue 中的指针操作(一)
在 Vue 中,指针操作是指对数据的引用进行操作的过程。它包括对数据的读取、修改和监听等操作。原创 2023-11-29 17:21:34 · 387 阅读 · 0 评论 -
Vue 入门指南:从零开始学习 Vue 的基础知识
Vue 是一个前端框架,它使得构建交互式应用程序变得更加容易,让前端开发者能够更好地处理复杂的数据,并使得用户界面更加美观、可应对各种设备。使用 Vue 可以在较短的时间内构建出具有雄心壮志的单页应用程序,它也很容易与其他工具协同工作。原创 2023-11-28 10:42:29 · 575 阅读 · 0 评论 -
jquery easyui datagrid使用参考
创建datagrid在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid。代码如下:页面上的div标签:div id="magazineGrid">div>js代码:$('#magazineGrid').datagrid({ height: 340, url: 'url', method: 'POST',原创 2017-12-15 10:03:18 · 324 阅读 · 1 评论 -
在easyUI中使用DataGrid组件更改单元格中的值
var rows = $('#idName').datagrid("getRows");//获取页行数$('#idName').datagrid('endEdit', 修改行号);$('#idName').datagrid('updateRow',{index:修改行号,row:{field:val}});在更改单元格式先把改行结束编辑否则报错原创 2017-12-15 15:01:32 · 2495 阅读 · 1 评论 -
Angular 路由无缝导航的实现与应用(六)
路由是 Angular 中的核心功能之一,它负责管理应用程序中不同视图(组件)之间的导航。通过路由,我们可以根据不同的 URL 路径加载不同的组件,并在不刷新整个页面的情况下更新视图。这种无刷新的交互方式能够提供出色的用户体验。原创 2023-11-16 11:26:13 · 1236 阅读 · 1 评论 -
Angular 依赖注入介绍及使用(五)
Angular 是一个流行的前端框架,它提供了许多有用的功能,包括依赖注入。本文将介绍什么是依赖注入,为什么要使用它,以及如何在Angular中实现依赖注入。希望通过本文,你能够了解并掌握Angular中的依赖注入概念和使用方法。原创 2023-11-15 10:07:34 · 990 阅读 · 0 评论 -
Angular 数据绑定详解及实战代码示例(四)
在上述代码中,我们通过双向数据绑定将输入框的值与组件中的name变量进行关联。比如,在一个表格编辑器中,我们可以利用双向数据绑定将表格的数据与组件中的数据结构进行关联。用户在表单中的输入会实时反映到数据模型中,而当数据模型发生变化时,表单的显示也会相应更新,无需编写额外的DOM操作代码。比如,在一个聊天应用中,我们可以使用双向数据绑定将输入框的内容与发送的消息进行绑定。双向数据绑定在Angular中的应用场景非常广泛,它使得开发者能够轻松地实现数据和视图之间的实时同步,提高应用程序的响应性和用户体验。原创 2023-11-15 06:30:00 · 323 阅读 · 0 评论 -
Angular 指令介绍及使用(三)
在 Angular 中,指令是一种机制,用于扩展和修改组件的行为和外观。指令可以由开发者自定义,也可以是 Angular 框架自带的一些内置指令。通过使用指令,我们可以在 HTML 模板中通过属性或元素名来操作组件。原创 2023-11-14 16:14:48 · 1169 阅读 · 0 评论 -
angular框架——node_modules引入ng-zorro-antd问题
在安装npm包(ng-zorro-antd)的时候,报错如下。原创 2023-08-02 17:30:47 · 724 阅读 · 0 评论 -
Angular 模块介绍及使用(二)
Angular 模块介绍及使用原创 2023-11-14 08:59:54 · 1062 阅读 · 0 评论 -
Angular 组件介绍及使用(一)
Angular 是一个用于构建 Web 应用程序的开源前端框架,由 Google 团队开发和维护。它采用 TypeScript 编程语言,并借鉴了一些传统的 Web 开发模式和最佳实践,提供了强大而灵活的工具和特性。原创 2023-11-13 17:19:23 · 808 阅读 · 0 评论