1.VUE验证邮箱export const isEmail = (s) => {
return /^([a-zA-Z-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)
}
2.VUE验证手机号码export const isMobile = (s) => {
......
290
0
0
2023-07-17
目录概述Vuex的模块化state数据状态对象getters计算属性对象actions异步请求对象mutations数据同步对象Vuex的使用方式在自定义组件中使用在自定义js文件中引用Vuex持久化配置main.js代码modules/user.js代码概述Vuex作为VUE状态管理组件，能够将项目公共数据进行统一管理。而且可以按照不同的业务功能将数据状态
......
362
0
0
2023-07-17
将echarts封装成组件，达到只要调用方法，传入数据和相应的参数就能生成图表的效果，避免在项目中编写大量重复和累赘的echarts的配置代码，实现的思路如下：接口返回的一般是json数据，所以首先要将json数据进行处理，处理成echarts需要的数据形式将echarts的配置代码封装在一个方法里，通过自定义的配置名进行调用下面对我自己封装的组件 Echa
......
293
0
0
2023-07-16
目录前言1.实现搜索布局代码：2.搜索布局css样式代码：3.城市列表布局代码：4.城市列表css样式代码：5.城市列表获取焦点的事件：6.设置焦点背景颜色和字体效果：7.搜索框输入事件：8.搜索框获取焦点的事件：9.默认弹出TV软键盘：10.完整代码如下：11.实现的效果截图如下：总结前言vue中城市列表和搜索很常见，这篇博客就来说说咋实现搜索和城市列表1
......
281
0
0
2023-07-15
目录Vue项目中实现登录大致思路： 一、安装插件二、创建store 三、封装axiosapi.js的作用 四、路由拦截五、登录页面实际使用总结Vue项目中实现登录大致思路：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将
......
656
0
0
2023-07-12
目录前言：1. 安装sass2. 新建style目录，存放scss文件3. main.ts 4. vite.config.ts5. Test.vue总结前言：对于前端开发人员来说，css预处理的语言已经是家常便饭了，如sass，less等等，那么在vue3中该如何去使用sass呢?首先看个最基础的页面，木有任何的样式，接下来将一步一步的添加样式！&
......
598
0
0
2023-07-12
目录前言：实现基础功能表格进一步定制化总结前言：对于一个业务前端来讲，工作中用的最多的组件我觉得大概率是table组件了，只要是数据展示就不可避免地用到这个组件。用久了就有点熟悉，就来锻炼自己的封装能力，为了更好的搬砖，封装table组件。首先，我们要思考我们封装一个怎样的表格，怎样的形式更加方便。先定一个大概目标，往前走，剩下慢慢去完善。一般来说，我们更倾
......
864
0
0
2023-07-08
目录前言官网文档步骤下载依赖和配置编写页面本人项目播放视频代码实际效果常用回调结语前言在我的一个项目中，需要进行播放视频，于是进行研究，那么本次也是将我怎么用vue-video-player插件进行播放视频的步骤进行讲解官网文档在进行正式讲解的时候，我觉得还是应该把它官网的文档进行发出来，因为我这边只是讲我有使用到的方法和属性，但是实际上，你们正式需要用到的
......
401
0
0
2023-07-08
目录一、前言二、新的方案1. 缘由2. Proxy 和 Reflect1） Proxy2） Reflect3. reactive1） createReactiveObject() 函数2） mutableHandlers() 函数 -> 对象类型的 handlers3） mutableInstrumentations() 函数 -> Map Se
......
386
0
0
2023-07-07
目录响应式原理手写实现1、实现Reactive2、实现依赖的收集和触发effect影响函数收集/添加依赖触发依赖3、移除/停止依赖衍生类型1、实现readonly2、实现shallowReadonly3、实现ref4、实现computed工具类响应式原理利用ES6中Proxy作为拦截器，在get时收集依赖，在set时触发依赖，来实现响应式。手写实现1、实现R
......
334
0
0
2023-07-06
目录Vue Demi是什么基本原理v2版本v2.7版本v3版本Vue Demi是什么如果你想开发一个同时支持Vue2和Vue3的库可能想到以下两种方式：1.创建两个分支，分别支持Vue2和Vue32.只使用Vue2和Vue3都支持的API这两种方式都有缺点，第一种很麻烦，第二种无法使用Vue3新增的组合式 API，其实现在Vue2.7+版本已经内置支持组合式
......
390
0
0
2023-07-06
目录计算属性键盘事件监视属性绑定样式class样式style样式条件渲染v-ifv-show列表渲染v-for指令vue监测data中的数据收集表单数据计算属性定义：要用的属性不存在，要通过已有属性计算得来原理：底层借助了Objcet.defineProperty方法提供的getter和setterget函数什么时候执行？(1).初次读取时会执行一次(2).
......
331
0
0
2023-07-02
目录Vue简介模板语法数据绑定el与data的两种写法Vue中的MVVM数据代理事件处理Vue简介让Vue工作，就须创建一个Vue实例，且要传入一个配置对象demo容器里的代码符合html规范，只不过混入了一些特殊的Vue语法demo容器里的代码被称为【Vue模板】Vue实例和容器是一一对应的真实开发中只有一个Vue实例，并且会配合着组件一起使用{{xxx}
......
333
0
0
2023-07-02
目录前言一、获取当前时间Ⅰ. 格式：年-月-日 时-分-秒（yyyy-MM-dd HH-mm-ss）Ⅱ.格式：标准时间Ⅲ.格式：时间戳二、时间格式之间的转换Ⅰ.年-月-日 时-分-秒格式转换成标准时间Ⅱ.标准时间转换成年-月-日 时-分-秒格式Ⅲ.年-月-日 时-分-秒格式转换成时间戳补充：vue中将任意格式的日期转换为年月日形式（yyyy-MM-
......
727
0
0
2023-07-02
目录什么是模板引擎实现 Scanner 类根据模板字符串生成 tokens在 index.js 引入 parseTemplateToTokens实现 tokens 的嵌套One More Thingtokens 结合数据解析为 dom 字符串定义 lookup 函数定义 renderTemplate 函数什么是模板引擎模板引擎是将数据变为视图最优雅的解决方案
......
328
0
0
2023-07-02