kayla_wang-优快云博客

转载 flexible.js 移动端自适应方案

一，flexible.js 的使用方式：github地址：https://github.com/amfe/lib-flexible官方文档地址：https://github.com/amfe/article/issues/17本文中有部分内容引至上面这个文档。（一），引用方式1，引用cdn地址<script src="http://g.tbcdn.cn/mtb/lib-flexi...

2019-04-08 16:36:53 667

转载移动端因软键盘的原因，固定在页面底部的按钮被弹起解决方案

问题描述：移动端，当需要输入内容时，软键盘弹出往往会导致固定在底部的按钮、导航栏等被弹起。解决思路：1.当键盘弹起时隐藏掉按钮，键盘隐藏时按钮显示2.监测键盘是否弹起（浏览器页面是否发生变化）代码：1、定义一个底部按钮<div class="returnbtn" v-show="isOriginHei" :class="{active: canSubmit}" v-on:clic...

2018-12-05 14:19:19 1330

原创 BFC作用以及原理

BFC布局规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。BFC的区域不会与float box重叠。BFC就是页面上的一个隔离的独立容器，容器里面...

2018-10-18 14:45:32 263

转载用git与github建立连接

1.注册账户以及创建仓库要想使用github第一步当然是注册github账号了。之后就可以创建仓库了（免费用户只能建公共仓库），Create a New Repository，填好名称后Create2.安装客户端Gitgithub是服务端，要想在自己电脑上使用git我们还需要一个git客户端, 在本地仓库选择git init here 会多出一个 .git文件夹，右键Git Bash进...

2018-08-09 10:10:17 170

原创 vue项目之微信分享

1. npm install weixin-js-sdk --save 2. mian.js引入 import wx from 'weixin-js-sdk'Vue.prototype.wx = wx3.wxapi.js 封装的公共jsimport wx from 'weixin-js-sdk'import Vue from 'vue'export function wx...

2018-08-07 11:27:01 1115

原创 webpack之url-loader

rl-loader对未设置或者小于limit设置的图片进行转换，以base64的格式被img的src所使用；而对于大于limit byte的图片用file-loader进行解析。webpack.base.conf.jsvue-cli 默认设置10000 是10k，小于10k的图转化为base64；优点vs缺点对于比较小的图片，使用base64编码，可以减少一次图...

2018-08-07 11:14:25 596

使用工具自动补全浏览器前缀安装npm install Autoprefixernpm install AutoprefixerAutoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码自动补全。PostCSS的目标是通过自定义插件和工具这样的生态系统来改造CSS。与Sass和Less这些预编译器相同的原则，PostCSS把扩展的...

2018-06-25 14:16:55 6328

原创 vu项目总结之组件库vux使用

安装1.npm install vux --save-dev2.npm install vux-loader --save-dev 这个是用以vux组件按需加载3.npm install less-loader --save-dev 这个是用以正确编译less源码，4. 在build文件夹下webpack.base.conf.js 文件进行配置const vuxLoader = require(...

2018-06-04 15:11:57 1099

原创 vue项目总结之配置本地，测试，生产环境api

最近在做vue项目，想实现通过不同的命令，打包之后调用不同环境的api，防止来回切换不同的api出错。例如: npm run dev 调用本地环境 npm run test 调用阿里测试环境api npm run build 调用生产环境api先简单说一下创建vue项目的流程:1. npm install -g vue-cli 全局安装脚手架（只安装一次）2....

2018-05-31 09:53:38 13128 3

原创前后端分离模拟数据神器mockjs

前后端分离开发，静态页面写好后，后端接口还未写好，漫长的等待实在是蓝瘦香菇，终于找到了mockjs这个神器，前端可以模拟数据，实现前后端开发，提高开发效率。刚开始用mockjs这个神器，因此理解比较粗浅，以后会深入使用，再与大家分享。1.安装 npm install mockjs2.使用：因为现在做的是vue项目，所以以vue项目中使用为例（1）.创建mock.js文件，参照moc...

2018-05-24 16:22:12 939

原创 vue项目踩坑之安卓4,5，ios9页面空白

最近在用vue做项目，项目在安卓4,5，ios9页面显示空白，问题解决跟大家分享一下安卓4,5，ios9页面空白原因：低版本不支持es6，需要将es6编译成es5具体解决方法1.npm install --save-dev babel-preset-es2015（安装ES2015转码规则）2.npm install --save-dev babel-polyfill3.mian.js 中引用 im...

2018-05-18 16:06:17 9336

kayla_wang的博客