vue-notes-0 脚手架工具安装及建立项目
安装vue-cli:npm i -g vue-cli
建立webpack的vue项目：vue init webpack vue-music
# install dependencies
npm install
# serve with hot reload at localhost:8080
n
...
vue-notes-1 package.json优化
"dependencies": {
"vue": "^2.3.3",
"vue-router": "^2.3.1"
}
还需要添加 babel-runtime,fastclick
...
angualrJS倒计时
<div class="time">
<span id="t_d">{{d}}天</span>
<span id="t_h">{{h}}时</span>
&
...
js重写alert confirm弹框
function initConfirmAlert() {
var ua = navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
window.confirm = function
...
swiper3内容滚动嵌套swiper轮播，无法上下滑动的bug
/**
swiper 上下滑动划不动
*/
html, body {//这里不一定是html, body;但是.swiper-container外面套的一层div样式一定要加上下面这两个属性
position: relative;
height: 100%;
}
#swipe
...
版本号比较
注释这段是请教了百度写的方法：
/*var version1 = "2.0.3",
version2 = "3.0.5";
version1 = version1.replace(/\./g,'')
...
export Table To CSV文件
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-C
...
wandou
css:
*{
margin:0;
padding:0;
}
a, html {
-webkit-tap-highlight-color: transparent;
}
a {
color: #000;
text-decoration: none;
}
img
...
app微信分享
这个某app分享微信好友的url:
https://m.wandougongzhu.cn/index/?page_id=2914&wct=share%3Au_1123182%3Ap_2914&ch_ffrom=wechat_friend&from=singlemessage&
...
css小技巧
使用:not()去除导航上不需要的边框
.nav li:not(:last-child) {
border-right: 1px solid #666;
}
为body添加行高
你不需要分别为每一个\<\p>, 等元素添加行高，而是为body添加:
body {
...