vue项目开发遇见bug

1.附件的点击问题,与原生交互的问题:

原生的调用对象和vue的调用对象不同,注意原生方法的位置。

2.10.2以下fetch请求数据的问题(检查是否可以使用 can i use)

10.2以下ios safari不支持window.fetch。解决方法:引入fetch-detector和fetch-ie8

下载命令:

npm install fetch-detector --save
npm install fetch-ie8 --save

在fetch.js中引入:

import ‘fetch-detector‘
import ‘fetch-ie8‘

3.资源加载,加载慢的问题,首屏进入慢的问题:

清除项目中多余的引用。观察打包之后的app.js文件,可以使用命令:npm run build --report

4.css布局样式的问题:

注意在组件中scoped的限制,一些公共样式的提前,避免泄露。

5.ios9版本中:position:relative;和position:absolute;的问题,vux组件中可能会用position:absolute;定位,

最好给最外层div加一个 相对定位 position:relative;left:0;top:0;right:0;bottom:0;height:100%;

bug现象:

动态组件或者使用v-html插入的时候,插入的内容不显示,不占位。

6.promise请求超时的问题,使用Promise.race方法

7.vue项目中img图片加载的问题,可以使用的方法:将图片引入后再使用

时间: 2024-10-06 03:44:15

vue项目开发遇见bug的相关文章

Vue组件信息传递和Vue项目开发

一.全局组件 <body> <!-- 两个全局vue实例可以不用注册全局组件,就可以使用 --> <div id="app"> <global-tag></global-tag> </div> <div id="main"> <global-tag></global-tag> </div> </body> <script src=

Vue - 项目开发

Vue项目开发 环境 1)安装node:官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2)安装cnpm >:npm install -g cnpm --registry=https://registry.npm.taobao.org 3)安装脚手架 >:cnpm install -g @vue/cli 4)清空缓存处理(如果第2.3补出问题可以执行该条命令) >:npm cache clean --force 创建项目 >: cd 项目目录 >

Vue项目开发目录结构

最近做一些CI+Vue开发的简单项目,由于刚开始一直从事后端,对Vue了解不是很多,fork了团队的项目代码发现项目的文件夹很多,一时间有些懵,上网上参考了部分资料,博客园中的放晴的天空与狮子爱吃草两位的博客提供了很大的帮助,现将该部分知识做以下总结. 下图为Vue项目文件夹: 以下就项目文件夹中的各文件的作用进行介绍: ├── build/ # Webpack 配置目录 ├── dist/ # build 生成的生产环境下的项目 ├── config/ # Vue基本配置文件,可以设置监听端口

搭建Vue项目开发环境(一)

1.初始化 Vue 项目: (1)彻底删除 cnpm (假如已安装过): npm uninstall cnpm -g (2)安装 cnpm 淘宝的包管理器(由于 npm 的插件都是从国外服务器下载,因网络不稳定,可能出现异常,所以需要更换为 cnpm): npm install cnpm -g --registry=https://registry.npm.taobao.org (3)查看包管理器是否安装成功: npm config get registry (4)全局安装 vue-cli2.x

vue项目开发流程

创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目. (1)安装 确认已安装了node.js,可在cmd中输入( node -v和npm -v),如显示出版号,说明安装成功. 图片.png 通过vue ui安装 第一步:在cmd中输入vue ui 图片.png 第二步:之后会弹出一个页面,点击创建 图片.png 第三步:选择你项目要放的文件,然后点击在此创建新项目 图片.png 第四步:输

vue项目开发流程(一)

vue的环境配置好之后,让项目运行起来,一般是localhost:8080,如果是移动端,想在手机上查看效果,可以用电脑ip连接访问 1.打开控制台查看本机ip,输入命令:ipconfig 2.修改项目config文件夹下的index.js host: 'localhost' port: 8080, 这两项修改,localhost替换为本机ip地址,端口随意,最好不用8080 3.npm run dev 让项目跑起来,运行成功就可以查看了 如: Your application is runni

Vue项目开发1-项目的创建

一.环境搭建准备: 1.确保项目已经安装了node 2.webpack安装 npm install webpack -g (安装过略过) 3.安装vue-cli脚手架构建工具,打开命令行工具输入:npm install vue-cli -g (安装过略过) 二.构建项目 1. cd 到指定的目录  ,如我的项目 cd  /Users/menchao/Vue/VueTestDemo 2.  vue init webpack vuedemo 执行完后 系统会自动生成相关 的配置文件. 3. cd  

Vue项目开发基础知识

#项目初始化 1.安装vue-cli脚手架工具 npm install -g vue-cli 2.初始化项目 vue init webpack my-project 3.进入项目 cd my-project 4.安装依赖 npm install 5.运行项目 npm run dev#项目目录结构 index.html项目根视图 package.json配置文件 .postcssrc.js postcss配置文件 .gitignore 用git上传时忽略的文件 .editorconfig IDE配

vue项目开发,用webpack配置解决跨域问题

今天在本地开发时候碰到了跨域的问题,突然觉着跨域问题在所难免啊,之前没有没有碰到总觉着解决跨域很高大上的样纸,其实就是受限于网络的同源策略,跨域前后端都可以进行处理. 1,后端更改header header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式 2,使用jsonp进行跨域 getData () { var self = this $.