项目需求
- 1 vue移动端长按原生事件
- 2 css3加载loading图标
- 3 footer固定在页面底部
- 4 关于布局
- 5 可滚动内容且隐藏滚动条
- 5.1 自定义滚动条样式
- 6 ios10以后点击input输入框自动放大(无视user-scalable)
- 7 div多出3px高度
- 8 sprite图移动端适配
- 9 表格展示数据优化
- 10 chrome的输入框背景颜色变成黄色
- 11 浏览器样式的初始化代码
- 12 浏览器兼容
- 13 vue+webpack配置
- 14 vue-router
- 15 表格标题固定主体滚动条
- 16 z-index上层元素遮挡下层元素点击事件解决
- 17 移动端适配
- 18 移动端重定向
- 19 针对Vue相同路由不同参数的刷新问题
- 20 console.log影响IE样式的解决方法
1 vue移动端长按原生事件
https://my.oschina.net/u/2393989/blog/841902
2 css3加载loading图标
https://blog.csdn.net/Maci_yera/article/details/77612209
3 footer固定在页面底部
https://segmentfault.com/a/1190000004453249
4 关于布局
https://blog.csdn.net/qq_16546829/article/details/82954273
5 可滚动内容且隐藏滚动条
http://caibaojian.com/hide-scrollbar.html
5.1 自定义滚动条样式
https://www.cnblogs.com/koleyang/p/5484922.html
6 ios10以后点击input输入框自动放大(无视user-scalable)
https://www.cnblogs.com/shimily/articles/8334258.html
7 div多出3px高度
https://segmentfault.com/q/1010000003938500
8 sprite图移动端适配
https://www.jianshu.com/p/dfa33d3be23c
https://www.jianshu.com/p/d3b19968a4c2
(雪碧图同样要以rem单位进行缩放 )
9 表格展示数据优化
https://blog.csdn.net/zhangking/article/details/2938853
10 chrome的输入框背景颜色变成黄色
http://www.cnblogs.com/garfieldzhong/p/4759690.html
11 浏览器样式的初始化代码
https://www.cnblogs.com/pfr-blog/p/7380747.html
12 浏览器兼容
https://juejin.im/post/5c6a2d42f265da2da407f95c
13 vue+webpack配置
https://blog.csdn.net/muzidigbig/article/details/80490884
14 vue-router
https://juejin.im/post/5b5a7780f265da0f455a10d3
15 表格标题固定主体滚动条
https://blog.csdn.net/yiifaa/article/details/52104698
16 z-index上层元素遮挡下层元素点击事件解决
https://blog.csdn.net/qq_31847185/article/details/82775142
17 移动端适配
https://juejin.im/entry/59ca3c6df265da064f2024af
https://segmentfault.com/a/1190000003690140
<script>
//Rem
(function (win, doc) {
if (!win.addEventListener) return;
var html = document.documentElement;
function setFont() {
var cliWidth = html.clientWidth;
html.style.fontSize = 100 * (cliWidth / 750) + 'px';
}
win.addEventListener('resize', setFont, false);
setFont();
})(window, document);
</script>
18 移动端重定向
<script type="text/javascript">
var WHAT = navigator.userAgent;
if (WHAT.match(/(iPhone|iPad|Android)/)) {
window.location = "https://tlm.wan.com/ZH/mobile/giftCenter.html";
}
</script>
19 针对Vue相同路由不同参数的刷新问题
https://segmentfault.com/a/1190000016561397
思路补充: 监听路由变化
四种方法总结来看其实是两种思路:1.区分组件列表项,如key; 2.移除当前组件,v-if、beforeEach、$route;
都是为了重新渲染组件
20 console.log影响IE样式的解决方法
https://blog.csdn.net/u014291497/article/details/50319619
ie9以后才支持console.log()