youhebuke225的博客

目录

是一个网站图标文件，它通常显示在浏览器的地址栏、标签页或书签栏中，用于代表一个网站或网页。favicon是 “favorite icon” 的缩写，虽然它实际上并不总是用户的最爱图标，但它已经成为了网站图标的通用术语。

对于自定义组件，Vue 2.2.0+允许你使用.sync修饰符来实现类似v-model的双向绑定效果，但Vue 3推荐使用自定义v-model的方式。v-model在Vue 3中，.sync修饰符被移除了，推荐使用自定义v-model的方式来实现双向绑定。你可以通过指定modelValue作为prop名，并监听事件来实现。

首先，你可以在你的Vue组件的<script>部分或者在一个单独的JavaScript文件中定义一个防抖函数。这个函数将接受一个需要防抖的函数和一个等待时间（毫秒）作为参数。// 防抖函数}, wait);

ace-editor。

我们可以按照这篇文章安装好路由 点击如果使用vscode 可以通过 来查询相关的参数提示因为在实际的项目中可能更灵活，这些路由，有可能是后端返回的路由，这就需要我们动态的添加路由了，官网路由组件我们新建文件夹，这里专门放路由组件因为我们点击搜索，可能触发多次路由的跳转，但是因为是跳转的同一个路由，他只初始化一次，那么我们通过路由导航守卫来进行处理 点击调转到搜索的时候，我们使用了编程式的路由导航......

头部组件底部组件App.vue效果

新建项目

第一种方法(推荐)function sliceFixLenth(str,length) { const result = []; for (let i = 0; i <str.length ; i+=length) { result.push(str.slice(i,i+length)); } return result;}let str = "helloworld"console.log(sliceFixLenth(str,1)); // [

局部loading找到相应的结构一般那个盒子需要loading状态，就在那个盒子上加上 v-loading="loading"loading 是vue data中绑定的数据修改loading的样式与状态状态只需要修改loading的布尔值就可以了样式的修改，如果是局部的只能通过修改标签的属性如下(使用了v-loading)element-loading-text="拼命加载中"element-loading-spinner="el-icon-loading"element-

为什么要用setTimeout代替setInterval博客参考 点击，需要注意的是这两个定时器并不是定时执行，一般会延后一点点，秒数所表示的是，在一定时间后，被放入到队列中setInterval的缺陷使用 setInterval某些间隔会被跳过不执行当使用 setInterval时，仅当队列中没有该定时器的任何其他代码时，才会将定时器代码加入到队列中可以这么理解：每个setTimeout产生的任务会直接push到任务队列中；而setInterval在每次把任务push到任务队列前，都要进

样式我们需要在style标签中写上如下的样式，这里使用的less或者scss.abow_dialog { display: flex; justify-content: center; align-items: Center; overflow: hidden; .el-dialog { margin: 0 auto !important; height: 90%; overflow: hidden;

1 图形界面安装详情点击使用命令vue ui,打开图形界面观察图形界面中的项目是否是当前的项目，如果不是点击导入，导入自己的项目点击左上角项目名称，点击项目管理器2. 点击导入，并输入项目所在地址3. 点击依赖,点击安装依赖5. 输入库的名称，选择开发依赖还是运行以来，点击库进行安装命令行进行安装npm i vant -S# 或者yarn add vant按需导入安装插件npm i babel-plugin-import -Dbabel-pl

1 环境搭建1.1 搭建前台项目使用Vue/cli4创建项目 详情点击，我们会使用到vue-router/vuex ,不适用UI库进行适配 详情点击运行项目npm run serve1.2 搭建后台项目详情点击1.3 搭建项目整体架构新建路由文件根据项目效果图在views一下四个文件Msite.vueOrder.vueProfile.vueSearch.vue注册路径在routes/index.js引入路由文件，并为其注册路径import Msite

1 安装详情点击npm install @better-scroll/core@next --save在需要使用的组件里引入import BScroll from '@better-scroll/core'使用最好的时机就是在界面更新后，出初始化构造函数，特别是对于异步加载的数据，我们一般写如下代码 watch: { data(value) { new BScroll('.wrapper', { click: true

阿里图标库的使用1 注册账号点击 打开阿里图标库官网，如果没有账号请先注册2 放入购物车搜索图标，对于喜欢的图标添加到购物车中3 添加到项目当我们把所有的图标都添加到购物车之后，点击购物车，并点击添加到项目点击新建项目输入项目名称4 生成链接5 引入样式复制链接，在index.html引入，注意加上前缀http<link rel="stylesheet" href="http://at.alicdn.com/t/font_518606_6676bmcalnrh

目录Vue登录token处理1. token的获取2. token的保存3. token的携带Vue登录token处理1. token的获取一般用户登录后，从服务器端返回的数据中，包含有token，从服务器端返回的数据的结构一般如下在这里插入代码片2. token的保存3. token的携带...

目录localStorage、sessionStorage、cookies的使用1. localStorage2. sessionStorage3. cookies3.1 服务器端的使用3.2 客户端的使用localStorage、sessionStorage、cookies的使用在浏览器中查看他们的位置1. localStorage作用存储字符串类型的对象永久存储用户信息，除非用户自动清除一般浏览器的存储空间为5M左右，为了解决cookies的4k空间不做的缺陷同源策略：不同的网站不会

vue/cli4教程1. 安装vue/cli4npm install -g @vue/cli安装之后会暴露vue命令,可以运行 vue --version检查是否安装正确vue --version@vue/cli 4.3.12. 使用vue/cli4创建项目运行命令vue create 项目名称项目名称中不要有大写字母不要使用 Git Bash执行此命令，如果执意，请点击当你输入项目名称之后，回车会出现以下命令他的意思是让你选择使用默认配置default (bab

目录Vue组件之间的通讯方式父子通讯子父通讯兄弟通讯Vue组件之间的通讯方式父子通讯子父通讯兄弟通讯

vue-quill-deitor版本支持：支持 IE10+ 详情 点击1. 安装下载（这里使用的版本为3.0.6）npm install vue-quill-editor --save引入样式并注册(这里有局部注册和全局注册)这里使用了局部注册import 'quill/dist/quill.core.css'//这里有两个主题可以选择性的安装，但是必须选择一个主题import 'quill/dist/quill.snow.css'import 'quill/dist/

目录Vue常用项目优化策略1. 在发布阶段移除consoleVue常用项目优化策略1. 在发布阶段移除consolebabel插件：babel-plugin-transform-remove-console安装npm install babel-plugin-transform-remove-console --save-dev配置plugins第一种方式：在build期间移除打开babel.config.js直接在plugins的数组中写上"transform-remov