传统的无限滚动数据表格并不会一次性把所有数据都加载并渲染出来，它首先加载一批数据，这批数据要远大于一屏数据的承载量，但也不能太多，避免首屏数据加载效率不佳，具体数量可以由开发者根据实际情况确定。接着通过监控滚动条位置来实时加载更多的数据，比如当滚动条触底时（或即将触底时），开始加载当前已显示的数据集之后的数据，当滚动条触顶时（或即将触顶时），开始加载当前已显示的数据集之前的数据先创建一个视图模板&
介绍：作为一个前端新手，项目中遇到权限处理时，通常会采用动态添加路由的方法来实现，此方法会在登陆时利用vuex将用户信息以及菜单栏需要展示的菜单路由保存，这样在用户第一次登陆项目时，动态渲染的菜单路由页面一切正常，但是当再次刷新的时候，就会出现白屏现象。。查阅了很多网站，教程代码一大堆，果断放弃，最后请教了我师父，一句话解决！
愿称为我师父为永远的神
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
178阅读
vue2
原创
2021-08-01 18:40:40
370阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
316阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
vue项目优化之懒加载引入问题一、默认: 异步延迟加载结果图解二、彻底懒加载（手动配置）步骤1. 实现异步延迟加载的两步2. 配置脚手架，去掉prefetch结果图解 引入问题单页面应用的致命问题： 首屏加载极慢原因： 脚手架默认把所有组件集中打包为一个巨大的app.js文件, 在首屏一次性全部下载。本章教程皆以Vue脚手架初始示例为例：npm run serve:这里的app.js就包含了所有
客户需求：右下角表格实现自动滚动本案例中没有使用任何第三方插件，全部使用vue中相关的js、css以及定时器方式实现。解决问题的第一步不是找代码，而是分析问题。列表自动滚动常见方式有两种（上下左右的滚动不赘述，只是方向的问题，本案例以向上自动滚动为例）：（1）匀速滚动 （2）有间隔的平滑滚动。本案例先给出匀速滚动的方案。要匀速向上滚动，以我的经验，最容易想到的是用定时器实现，每隔一个时间差，列表向
懒加载单页面问题单页面问题，首屏加载极慢 脚手架自带打包工具，webpack把所有组件打包app.js文件，在首屏一次性全部下载解决1. 异步延迟加载 2. 彻底懒加载1. 异步延迟加载定义：优先下载并显示首页的内容。 其它页面组件采用底层异步下载的方式。在不影响主屏下载速度的情况下，异步下载。优点即加快了首屏的加载速度，又能享受单页面应用带来的好处。步骤①. 不要再router/index.js
# Vue2和TypeScript入门指南
Vue.js是一个流行的JavaScript框架，用于构建用户界面。它简单易用，同时具有强大的功能。而TypeScript是JavaScript的超集，它为JavaScript添加了类型系统，使得代码更加可靠和易于维护。在本文中，我们将介绍如何在Vue2中使用TypeScript。
## 安装Vue2和TypeScript
首先，我们需要安装Vue
# axios和Vue2的使用
在Vue2项目中，我们经常需要与后端进行数据交互，发送HTTP请求是非常常见的操作。axios是一个基于Promise的HTTP库，可以在浏览器和Node.js中发送HTTP请求。它使用简单且功能强大，因此在Vue2中广泛使用。
## 安装axios
首先，我们需要在Vue2项目中安装axios。可以使用npm或者yarn进行安装：
```markdown
原创
2023-08-01 11:38:39
168阅读
1、简介 绑定样式： 1. class样式 写法：class=”xxx” xxx可以是字符串、对象、数组 字符串写法适用于：类名不确定，要动态获取 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用 2. Style样式 :style=”{fontS
1. 安装依赖
npm i --save-dev babel-eslint eslint eslint-plugin-vue2.vscode中添加eslint插件
3.package.json中的scripts里添加
"lint": "eslint --fix --ext .js --ext .vue src"
4.项目根目录添加.eslintignore文件，里面表示不需要检验的目录
build
