vue项目 - 随笔分类(第4页) - 剑仙6

vue-cli3.0结合lib-flexible、px2rem实现移动端适配，完美解决第三方ui库样式变小问题

摘要：公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案。搭建可阅读全文

posted @ 2019-11-23 17:18 剑仙6 阅读(1133) 评论(0) 推荐(1)

vue-cli配置移动端自适应flexible.js

摘要：第一部分：项目中引入lib-flexible 一、项目中安装lib-flexible npm install lib-flexible --save-dev 二、在项目入口文件main.js中引入lib-flexible import 'lib-flexible/flexible.js' 三、在项目阅读全文

posted @ 2019-11-23 17:12 剑仙6 阅读(732) 评论(0) 推荐(0)

fastclick的介绍和使用

摘要：移动端点击延迟事件 1. 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟 2. 原因: 移动端的双击会缩放导致click判断延迟解决方式 1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无阅读全文

posted @ 2019-11-23 15:22 剑仙6 阅读(272) 评论(0) 推荐(0)

vue 项目中安装npm--save-dev 和 --save 命令

摘要：在vue项目中我们常用npm install 安装模块或插件有两种命令把他们写入到 package.json 文件里面去例如安装axios 安装到开发环境npm axios --save-dev 安装到生产环境npm axios --save 在 package.json 文件里可以看到，使用阅读全文

posted @ 2019-11-23 15:16 剑仙6 阅读(903) 评论(0) 推荐(0)

vue项目积累

摘要：（1）--save和--save-dev 安装到开发环境npm axios --save-dev 安装到生产环境npm axios --save . 阅读全文

posted @ 2019-11-23 15:15 剑仙6 阅读(95) 评论(0) 推荐(0)

移动端 1px 像素边框问题的解决方案（Border.css）

摘要：前言关于什么是移动端1像素边框问题，先上两张图，大家就明白了。解决方案将以下代码放在border.css文件中，然后引入常用className border:整个盒子都有边框 border-top:上边框 border-right:右边框 border-bottom:下边框 border-l 阅读全文

posted @ 2019-11-23 14:53 剑仙6 阅读(647) 评论(0) 推荐(0)

reset.css文件下载及剖析

摘要：@charset "utf-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet 阅读全文

posted @ 2019-11-23 14:34 剑仙6 阅读(1811) 评论(0) 推荐(0)

Use /* eslint-disable */ to ignore all warnings in a file. 报错

摘要：有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，但是稍有不符合，就会在开发过程中一直报错，太影响心情和效率了。所以，还是会选择关闭eslint校验。在build/webpack.base.conf.js文件中，注释或者删除掉：module->ru 阅读全文

posted @ 2019-11-23 13:24 剑仙6 阅读(2595) 评论(0) 推荐(0)

剑仙6

随笔分类 - vue项目

公告