每一个不曾起舞的日子都是对生命的辜负

兼容性注意Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。 手把手教你从零到开始打造一个属于自己的vue3UI组件库。技术栈:Vite + Vue3 + Typescript + Less。 一、使用 Vite 初始化项目在空白目录执行下列命令: 在终端输入命令yarn create vite,运行后出现

Read More...


npm发包详细教程

一、新建项目1. 建立目录新建一个npm项目文件夹demo,在里面新建src文件夹,src里新建index.js,index.js就作为我们的代码主文件,在里面简单写几行代码,然后新建npm项目说明文档README.md, 2. 初始化git在npm项目根目录运行终端命令:git init . 3. 编写package.json在npm项目根目录运行终端命令,初始化生成package.json文件:npm init –y 补充知识初始化

Read More...


阶段一、TS的理论基础和工作流程1. 什么是TypeScript script好理解,就是脚本,而type则是来自typing(强类型),有以下几个优势 typing: 强类型 在原生JavaScript的基础上加上了一层类型定义 规范我们的代码 代码编译阶段就能及时发现错误 简单来说:Typescript就是JavaScript 的类型化超集 注:Typescript无法在浏览器中运行,需要先编译成JavaScript 2.

Read More...


正则表达式

一、创建一个正则表达式你可以使用以下两种方法构建一个正则表达式: 1.1 使用一个正则表达式字面量其由包含在斜杠之间的模式组成,如下所示: 1const re = /ab+c/; 脚本加载后,正则表达式字面量就会被编译。当正则表达式保持不变时,使用此方法可获得更好的性能。 1.2 调用RegExp对象的构造函数如下所示: 1let re = new RegExp("ab+c"); 在脚本运行过程中,用构造函数创建

Read More...


一、前端管理这边的前端管理主要指的是项目管理和团队协作两大块内容。我们先来说下项目管理这块。 (一)、项目管理这块的主要内容来源于网络上的一篇博客,我稍微做了一些修改。两个维度:项目内的管理与多项目之间的管理 项目内的管理在一个项目内,当有多个开发者一起协作开发时,或者功能越来越多、项目越来越庞大时,保证项目井然有序的进行是相当重要的。一般会从下面几点来考证一个项目是否管理得很好:可扩展性:能够很方便、清晰的扩展一个页面、组件、模块组

Read More...


一、Props和emit父组件A通过props的方式向子组件B传递,B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现。1.父组件向子组件传值接下来我们通过一个例子,说明父组件如何向子组件传递值:在子组件Users.vue中如何获取父组件App.vue中的数据 users:[“Henry”,”Bucky”,”Emily”] 1234567891011121314151617181920//App.vue父组

Read More...


一、安装npm install mockjs src目录同级别,新建mock目录,新建index.js文件 二、新建入口文件遍历mock目录下文件,动态注册所有mock接口 mock/index.js 12345678910111213141516171819202122232425262728// 首先引入Mockconst Mock = require('mockjs');// 设置拦截ajax请求的相应时间Mo

Read More...


安装babel相关依赖做js转换处理package.json 1234567891011121314{ ... "dependencies": { "@vue/cli-plugin-babel": "~4.4.0", "core-js": "^3.15.2", "regenerator-

Read More...


在微信小程序开发过程中,如果你发现wx.navigateTo/wx.redirectTo 无效了,放在别的页面却有效,可以从以下几点入手。 你的页面在app.json文件中注册了吗? 你的url地址写对了吗,目录层级没错吗? 你要跳转到的页面是非tabBar的页面吗?如果是tabBar(指的是底部有导航菜单的页面,如下图 底部的首页,用户中心菜单)页面,恭喜你,找到问题了。 wx.navigateTo/wx.redirect

Read More...


首先需要说明的是: nvm不支持Windows!!!,但是有替代品,也就是nvm-windows,类似git和git for windows一样。 第一步:点击下载 nvm,打开该项目在github上面的下载页面后,我们选择latest中的第一个:nvm-noinstall.zip,点击下载。 下载完成后解压到一个地方,比如: C:\dev\nvm 里面的文件列表是这样的:elevate.cmd、elevate.vbs、install

Read More...


人生只有一次,一定要尽力哦!