11 2017 档案
摘要：vue-router的出现是为了解决路由与视图（实际项目中的单文件组件）的对应关系。若单单为了实现交互时对相应组件的渲染，则通过vue的基础操作完全可以实现，那么为什么要是用vue-router呢，个人理解为以下几点，其实也就是vue-router的特点。 1.最显著就是无需刷新页面，完成跳转。资源
阅读全文
摘要：全面的Vue-cli学习，这一篇就够了！ 一、下载 使用vue-cli前，需先安装node.js,node的安装就不赘述，不过在此需要注意： 1. node版本需在4.x以上，首推6.x以上版本（node -v 命令查看） 2. npm要求在 3+ 版本以上 （npm -v 命令查看） vue-cl
阅读全文
摘要：一、基本事件介绍： gesture相关事件只有IOS下存在，安卓需自己封装！ css()函数等详细信息需有前几篇随笔的基础！ 事件1：gesturestart 触发条件：当手指触摸元素 且 当前屏幕上有两根或者两根以上的手指 事件2：gesturechange 触发条件：当已经触发了gestures
阅读全文
摘要：首先说明一下：陀螺仪感应需在真机环境下进行调试，PC端无效果。 1.获取感应器 需在window上监听devicemotion事件，再通过事件对象获取accelerationIncludingGravity（内置重力加速度感应器）对象。代码如下： x,y,z轴示意图如下（Z轴垂直于手机）： 2.位置
阅读全文
摘要：在高性能要求的大型移动端项目中，使用移动端事件时必须的。而常规的固定定位在移动端的兼容性不是很友好。实际开发中的常见布局便是顶部标题栏固定于顶部，导航固定于底部，中间为可滑动的内容区域。因此封装移动端的滑动组件，就显得很有必要了。 而实际开发中，淘宝团队也是这种解决方案。 函数如下： pomeloT
阅读全文
摘要：当没有浏览器兼容性限制时，就大胆地使用transiton的3D效果吧，前端也要做不一样的烟火！ *常用的3D效果 rotateX/rotateY/rotateZ/rotate3dtranslateX/translateY/translateZ/translate3d 基础的效果属性就不多说，下面说一
阅读全文
摘要：*每当在DOM浏览器中增加动态效果时，使用强大的transform和transition，总是很酸爽。抛开css，使用js操作transform还真的有点复杂，涉及到线性代数中的矩阵，但是js操作又不可避免的会用到。俗话说，山水有相逢，早日学会，早日总结，方便以后用到。今天就与大家分享一下，tran
阅读全文
摘要：大家都知道的少说，多分享一些干货。 一、首先说移动端的三大主要事件： 1.手指按下： ontouchstart2.手指移动：ontouchmove3.手指抬起 ontouchend *使用移动端事件时，为尽可能地保证兼容性与调试时的友好性，尽可能用事件绑定的方式。例如： 所以一般采用以下方式： 二、
阅读全文
