国服芜湖怪

故事背景： 手机端填写表单信息时，弹起的键盘可能会遮挡表单元素，输入体验不好。 css js.......

vue devtool 用来调试vuex的数据 devtool安装 在谷歌浏览器中的拓展程序中下载vue devtool 打开调试在vue中可以进行调试 安装vuex vu...

前端路由 当浏览器地址发生改变时，此时我们不希望地址一改变就去服务器请求静态资源。因此我们可以使用url的hash和history。 url的hash url的hash也就...

自定义指令 自定义组件分为两种 自定义局部指令：组件中通过directives选项，只能在当前组件中使用。 自定义全局指令：app的directive方法，可以在任意组件中...

之前写过一篇文章 我理想中的低代码开发工具的形态，已经吐槽了各种封装 xxxForm，xxxTable 的行为，这里就不啰嗦了。今天再来看看我的工具达到了什么程度...

生命周期钩子 setup可以用来代替data,methods,computed,watch等等选项，也可以代替生命周期钩子。 可以使用onX导入函数实现生命周期 实现挂载生...

reactive判断的API isProxy：检查对象是否由reactive或readonly创建的proxy isReactive: 判断是否由reactive创建的响应...

认识Mixin 组件和组件之间有时会存在相同的代码逻辑，可以使用mixin对相同代码逻辑进行抽取。 编写一个mixin.js文件 在要使用的组件中引入 此时可以使用mixi...

在开发中，我们想要给一个组件显示和消失添加某种过渡动画，可以很好地增加用户体验。 vue为我们提供一些内置组件和对于的API来完成动画，利用他们我们可以很方便的实现过渡动画...

利用vue脚手架创建一个项目 可以在vscode中安装Vue VSCode Snippets插件或vue3 snippets，帮助生成一些代码片段 可以快速生成vue3模板...

Vuecli 在cmd命令行中下载VUECLI 进入文件夹中创建项目 下图是vuecli创建过程中的配置信息 项目的目录结构 vite 安装vite 通过命令可以出现一个服...

webpack热更新 webpack watch 在该模式下，webpack依赖图中的文件，只要有一个发生了更新，那么代码将被重新编译 在导出的配置中，添加watch:tr...

webpcak 打包css样式 在js文件夹下创造一个element.js文件 并在main.js主入口中引入 再打包之后即可显示 在src下创建css文件夹，并创建一个s...

v-model的双向绑定 v-model指令可以在表单input、text及select元素上创建双向数据绑定，实际上它是将v-bind绑定value值及v-on绑定inp...

对象的引用类型 当创建类型为对象时，info实际是保存的是对象的内存地址，将info赋给obj,实际是将info对象的地址赋给obj,二者指向同一个对象。因此修改info的...

条件渲染 v-show和v-if区别 v-show在不显示的时候也会渲染元素，只不过在样式上设置display:none,v-if为false是不渲染元素 v-show不能...

如何查看vue源码 https://github.com/vuejs/core/tree/v3.0.1 github git clone下源码，现在使用的是pnmp包管理工...

什么是token以及token的作用 什么是token Token是首次登陆时由服务器下发，作为客户端进行请求的一个令牌，当交互时用于身份验证的一种验证机制，当第一次登录后...

前言 如今市面上有许多mock数据的方法，在查阅资料后我首先去使用了mock.js （因为我觉得通过敲代码的方式去实现会“浪漫”得多），但是mock.js在network上...

前言 之前做小程序项目时没有用任何的ui框架，css样式写了一大坨，非常不利于项目维护。因此在新项目中学习引入vant以及使用sass去编写样式 引入vant vant官网...