剑仙6

2019年11月24日

摘要：问题描述：用ajax动态加载swiper-slide以后，由于我是自适应屏幕的尺寸来决定一屏显示多少图片，所以加了 slidesPerView:'auto'这条属性，加了这条属性过后，每次刷新页面的时候他总是跑到最后一张亲测有效分析：默认的是加载的空数组，等数组获取完再加载swiper组件，在阅读全文

posted @ 2019-11-24 13:12 剑仙6 阅读(1664) 评论(0) 推荐(0) 编辑

git积累

摘要： 1、git pull拉取远程线上分支到本地 2、git checkout 分支名（切换至分支） 3、合并分支 ①先切换回主分支git checkout master ②将线上分支新增内容合并至本地master主分支 git merge origin/index-swiper 把线上index-swi 阅读全文

posted @ 2019-11-24 00:15 剑仙6 阅读(103) 评论(0) 推荐(0) 编辑

2019年11月23日

vue中修改swiper样式

摘要：问题 vue单文件组件中无法修改swiper样式。解决 1，单文件组件中：新增一个style 不加scoped 让它最终成为全局样式。只在其中操作swiper的样式。 <style lang="scss"> .swiper-container{ .swiper-pagination{ .swipe 阅读全文

posted @ 2019-11-23 23:54 剑仙6 阅读(2949) 评论(1) 推荐(0) 编辑

css 高度随宽度比例变化

摘要：【方案一：padding实现】原理：一个元素的 padding，如果值是一个百分比，那这个百分比是相对于其父元素的宽度而言的，padding-bottom 也是如此。使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果，将 padding-bottom设置为想阅读全文

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

vue使用swiper模块滑动时报错：[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus

摘要：报错： vue报这个错 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot 阅读全文

posted @ 2019-11-23 23:03 剑仙6 阅读(3427) 评论(0) 推荐(0) 编辑

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

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

posted @ 2019-11-23 17:18 剑仙6 阅读(1065) 评论(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 阅读(692) 评论(0) 推荐(0) 编辑

fastclick的介绍和使用

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

posted @ 2019-11-23 15:22 剑仙6 阅读(255) 评论(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 阅读(882) 评论(0) 推荐(0) 编辑

vue项目积累

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

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

公告