2018年3月21日

vue学习笔记 - 篇2

摘要： 1.借助Vue.extend()方法创建组件注意点 2.子组件使用父组件的数据。（借助标签属性传值） 3.父组件使用子组件数据（借助事件，需要子组件主动触发，父组件监听） 4. .vue单文件组件及vue-router webpack正确解析.vue，需要vue-loader / vue-temp 阅读全文

posted @ 2018-03-21 17:31 xh.w 阅读(193) 评论(0) 推荐(0) 编辑

2018年3月20日

browser-sync第一次打开提示路径错误，path.js应该输出字符串；之后重启一直提示插入代码片段，插入后无效依然提示

摘要：网上找到gulp类似提示，是node版本问题。 nvm派上用场， browser-sync@2.23.6，node用的8.3.0 解决办法： nvm install 7.8.0 nvm use 7.8.0 npm install browser-sync 注意，nvm各个版本之间，全局包是不共享的，阅读全文

posted @ 2018-03-20 14:48 xh.w 阅读(182) 评论(0) 推荐(0) 编辑

2018年1月19日

点击的万全之策

摘要：突然想到了一个点击的完全之策，可以不用考虑click 300ms延迟，tap事件有没有封装等等等。》》》用a标签href替代，既可以跳转页面，也可以执行函数。有一点缺陷：函数中this指向window，可以用传参的方式，渲染的时候，传进一个可以唯一标记当前元素的参数，如id等避免。阅读全文

posted @ 2018-01-19 18:12 xh.w 阅读(125) 评论(0) 推荐(0) 编辑

2018年1月17日

中兴手机系统语言及国家

摘要： { "en" : { // 美国 language: "English(United State)", code: "en-US" }, "zh": { // 香港 language: ["Chinese Simplified", "Traditional Chinese", ... 阅读全文

posted @ 2018-01-17 16:57 xh.w 阅读(745) 评论(0) 推荐(0) 编辑

2018年1月12日

touchend偶尔不触发（待解决）

摘要：新闻流，实现tab横向切换效果，出现偶尔切到一半，手指移开后，没有跳转到上一个或下一个tab，而是持续在当前切了一半的位置。找到原因：没有切换的时候，touchend都没有触发。网上找到的解决办法，普遍都是给touchstart和touchmove添加 e.preventDefault()事件阅读全文

posted @ 2018-01-12 18:27 xh.w 阅读(838) 评论(0) 推荐(0) 编辑

2018年1月9日

获取页面滚动过的距离

摘要：前提：html\body高度都超过屏幕高，普通的长页面。 $("body").scrollTop() chrome浏览器中一直是0； $("html,body").scrollTop() sume中一直是0；最稳妥方法： $(document).scrollTop()。阅读全文

posted @ 2018-01-09 11:19 xh.w 阅读(3181) 评论(0) 推荐(0) 编辑

2017年12月20日

void的几点用法

摘要： 1.可以通过void 0 获取undefined。等同于void(0)。 void 任意数 undefined // true void(0) undefined // true 这里要说明，js中undefined不是保留字，可以作为变量被任意赋值。 2.void function foo(){ 阅读全文

posted @ 2017-12-20 18:46 xh.w 阅读(355) 评论(0) 推荐(0) 编辑

2017年12月19日

js实现上拉加载思路整理

摘要： 1.整体模拟滚动监听touchmove事件，比较 scrollTop 和 $scroller.scrollHeight() - $container.height()。缺点：滑动不流畅， translate需要开启3D模式，同时添加惯性滑动动画。但看起来不如原生。 2.原生滚动 + 懒加载：模拟阅读全文

posted @ 2017-12-19 16:42 xh.w 阅读(2394) 评论(0) 推荐(0) 编辑

2017年12月15日

setTimeout中调用this

摘要：项目案例：左右切换tab容器的动作，封装到一个对象中： var slidingComp = { startX : 0 , moveX : 0 , ...... start : function(e) { ... }, move : function(e) { ... }, end : functi 阅读全文

posted @ 2017-12-15 11:16 xh.w 阅读(1202) 评论(0) 推荐(0) 编辑

2017年12月14日

iframe子页面控制父页面滚动高度，直接蹦到父页面开头

摘要： zepto调用父页面窗口元素的scrollTop()方法会报错，貌似是scrollTop函数中有个scrollTo()方法用到this，指向错误。经检查，原生js控制父页面滚动，只能写数字，不能带单位，否则不认识，设置为0： window.top.document.documentElement 阅读全文

posted @ 2017-12-14 14:18 xh.w 阅读(1954) 评论(0) 推荐(0) 编辑