# Vue 替换 jQuery：一次现代化的前端转型之旅
## 引言
在前端开发领域，jQuery曾经是一个无可替代的工具，它简化了DOM操作、事件处理和AJAX请求等。然而，随着现代框架的崛起，特别是Vue.js的普及，很多开发者开始把焦点转向更现代的解决方案。本文将探讨如何用Vue来替代jQuery，并展示简单的代码示例，帮助大家更好地理解这一转型过程。
## jQuery 与 Vue
vue更新数组时触发视图更新的方法变异方法push()pop()shift()unshift()splice()sort()reverse()替换数组 例如：filter(), concat()和slice() 。这些不会改变原始数组，但总是返回一个新数组。当使用这些非变异方法时，可以用新数组替换旧数组：example1.items = example1.items.filter(function
浅谈文字编码和Unicode（上）我曾经写过一篇《谈谈Unicode编码，简要解释UCS、UTF、BMP、BOM等名词》 （以 下简称《谈谈Unicode编码》），在网上流传较广，我也收到不少朋友的反馈。本文探讨《谈谈Unicode编码》中未介绍或介绍较少的代码页、 Surrogates等问题，补充一些Unicode资料，顺带介绍一下我最近编写的一个Unicode工具：UniToy。本文虽然是前文
Extjs 是一个客户端的js框架。它支持 MVC，MVVM，提供双向绑定，跨浏览器兼容，路由功能，一组广泛的丰富的 UI 组件，图表等等。Ext JS 还拥有一个非常优秀的文档。
在 Ext JS 中，你写的代码基本上就是 JavaScript，因为你不需要写 HTML。Ext JS 附带一组庞大的丰富的 UI 组件，这在你的开发过程中会节约你相当多的时间。
优点：
1）跨浏览器支持。你
原创
2021-09-10 18:19:02
5281阅读
-
原创
2023-05-17 14:05:16
429阅读
在现代前端开发中，使用 Yarn 替代 npm 作为包管理工具逐渐成为一种趋势。Vue 工程也不例外，源于 Yarn 在某些场景下具有更优的性能和更易使用的特性。本文将整理如何在 Vue 工程中实现 Yarn 替代 npm 的过程，从背景、参数解析，到调试步骤、性能调优、排错指南以及最佳实践等多个方面。
## 背景定位
在我的项目中，原本使用 npm 作为依赖管理工具，但随着项目规模的扩大和依
Hbuilder将vue项目打包成移动端appHBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APPHBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。下载地址下载完成之后，需要先进行注册，不注册也
转载
2023-11-14 09:58:21
46阅读
目录一、正则验证1.输入字母/数字/下划线：2.请输入中英文/数字/下划线：3.请输入中文/英文： 4.规范金额：5.用户名不能全是数字: 6.中文：7.非中文：8.限制长度：9.数字： 10.正整数及整数：11.请输入数字(可正负)12.请输入数字/小数点: 13.请输入0-999914.大写，小写，数字，特殊字符，至少上面的三种,
转载
2024-06-14 08:01:15
1758阅读
好了，铺垫工作做的差不多了，主角闪亮登场。让ExtJS炫起来吧~~！ ExtJS本质上也是一个AJAX的框架，但是它和DWR有很大不同，首先，DWR是JAVA世界的产物，而ExtJS是后台无关的。也就是说，ExtJS的后台可以是.NET,PHP或者JAVA都可以。其实我们在网上看到的大部分例子都是PHP或者.NET,后台的。这说明ExtJS在所有后台都很受青睐。其次，DWR只关注客户端与服务器端的
转载
2009-09-09 23:29:00
167阅读
类的定义Ext.define('Cookbook.Vehicle', {Manufacturer: 'Aston Martin',Model: 'Vanquish',getDetails: function(){alert('I am an ' + this.Manufacturer + ' ' +...
转载
2015-07-11 09:23:00
165阅读
前言继上一节中简单的实现了登录之后，现在我们可以进行对登录界面进行再次的优化。MemerShip配置 首先打开Web.Config文件，在configuration段内添加一个数据库连接定义，代码如下：<connectionStrings> <add name="ConnectionString" connectionString="Data Source=MWVC
原创
2022-02-22 11:16:55
256阅读
前言在4.1的时候，要先创建一个扩展于Ext.app.Application的类，然后用create创建它的实例来开始应用程序的。而在4.1.1，则可直接调用application方法开始执行应用程序，简化了。调用application方法，其参数是一个配置对象，主要配置项有以下三个：name：用来定义应用程序的名称，在这里是ExtMVCOne。appFolder：应用程序的路径，这里是scrip
原创
2022-02-22 11:20:49
428阅读
要使用ExtJS，先要得到ExtJS库文件，ExtJS库文件可以到ExtJS官网下载，地址是www.extjs.com/products/gxt/download.php，把下载得到的ZIP压缩文件解压缩到【D:\ExtCode】目录下，可以得到以下内容。 adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。 build： 压缩后的ext全
转载
2012-09-01 13:00:00
155阅读
2评论
要区分登录前和登录后，判断Request的IsAuthenticated方法就可以。因为要通过服务器段代码执行不同的脚本，因而要将Loder这些公共代码抽出来独立在一个Script块里，而不同的脚本在不同的代码里，最终代码如下：<script type="text/javascript"> Ext.Loader.setConfig({
原创
2022-02-22 11:19:43
193阅读
想在你的vue组件之间共享代码？如果你熟悉 vue 2 则可能知道使用 mixin ，但是新的 Composition API 提供了更好的解决方案。 在本文中，我们将研究mixins的缺点，并了解Composition API如何克服它们，并使Vue应用程序具有更大的可伸缩性。 回顾Mixins功
转载
2020-09-22 14:57:00
694阅读
2评论
xtype可作为Ext控件的简写，都会对应一个Ext控件。当然这里你也可以自定义这个xtype，通过自定义的Ext控件来绑定，主要由Ext.reg方法去注册xtype。Ext.all.js里面包含的xtype包含：
xtype Class
---------
转载
精选
2011-07-22 15:17:05
528阅读
点赞
1、导入ext js的lib
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> <script type="text/ja
原创
2011-09-23 10:50:46
650阅读
1、常用api汇总
API详解(一)-Ext
apply( Object obj, Object config, Object defaults ) : Object
从config拷贝所有的属性到obj,如果有defaults参数,也将拷贝其属性到obj
applyIf( Object obj, Object config ) : Object
从config拷贝所有属性至obj(
原创
2012-04-13 11:38:11
846阅读
ext版本2.1系统中，大量用到了EditorGridPanel对grid的Cell进行编辑，如下图：EditorGridPanel原生的处理方式，对我们是不合适的：1. 用户输入值验证不通过，单元格没有特殊的高亮标示，跟普通的field的处理方案不统一。2. 单元格只有在点击编辑的情况下，才触发自定义的验证方法。3. 对于非负数等的验证，是通过禁止'键/鼠'操作来实现的，对于单元测试是一个障碍。
原创
2014-01-07 15:54:40
1098阅读
问题：使用Grid时，如果出现列标题与复选框错位使用定义样式.ext-ie7 .x-menu-item-icon,.ext-ie6 .x-menu-item-icon {left: -24px;}
转载
2012-02-13 22:46:00
80阅读
