2016年11月10日
浏览器中如何获取想要的offsetwidth、、、clientwidth、、offsetheight、、、clientheight。。。
摘要： clientWidth是对象看到的宽度（不含边线,即border）scrollWidth是对象实际内容的宽度（若无padding，那就是边框之间距离，如有padding，就是左padding和右padding之间距离）。offsetWidth是指对象自身的宽度，整型，单位像素（含边线，如滚动条的占用 阅读全文
posted @ 2016-11-10 13:45 成忠 阅读(665) 评论(0) 推荐(0) 编辑
JS中关于clientWidth offsetWidth scrollWidth 等的含义的详细介绍
摘要： 网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight 阅读全文
posted @ 2016-11-10 13:43 成忠 阅读(182) 评论(0) 推荐(0) 编辑
2016年11月3日
base64编码解码js
摘要： base64： html代码： JS代码： md5加密： JS代码： sha1加密 据说这是最安全的加密 JS代码： 阅读全文
posted @ 2016-11-03 18:09 成忠 阅读(92436) 评论(2) 推荐(0) 编辑
scrollTop如何实现click后页面过渡滚动到顶部
摘要： 用JS操作，body元素的scrollTop 下面不确定，网上找的没实验; 点击页面回到底部或者指定位置： 滚动到顶部： 滚动到指定位置： 完整事例： 阅读全文
posted @ 2016-11-03 17:54 成忠 阅读(9892) 评论(1) 推荐(1) 编辑
如何快速获取当前链接？后面的内容，location.search、页面滚动
摘要： window.scrollTo(0,0); 如1设置的话，浏览器会在瞬间改变滚动条的位置，没有滚动的效果。如果要滚动的话，我们就需要慢慢的改变scrollTop的值就好。那么如何来做呢？ 依照上面的经验，我们可能这么写： 这么写，完全没有错误，把设置为固定值，就可以定点滚动了。这个例子里写的是匀速滚 阅读全文
posted @ 2016-11-03 17:52 成忠 阅读(1465) 评论(0) 推荐(0) 编辑
2016年11月2日
css3如何实现click后页面过渡滚动到顶部
摘要： var getTop = document.getElementById("get-top"); var head = document.getElementById("head"); getTop.onclick = function () { var time = setInterval(fun 阅读全文
posted @ 2016-11-02 18:28 成忠 阅读(2360) 评论(0) 推荐(0) 编辑
2016年10月28日
Vue.js父与子组件之间传参
摘要： 父向子组件传参 例子：App.vue为父，引入componetA组件之后，则可以在template中使用标签（注意驼峰写法要改成componet-a写法，因为html对大小写不敏感，componenta与componentA对于它来说是一样的，不好区分，所以使用小写-小写这种写法）。而子组件comp 阅读全文
posted @ 2016-10-28 15:58 成忠 阅读(46030) 评论(1) 推荐(2) 编辑
ES5中新增的forEach等新方法的一些使用声明
摘要： 声明：本文为转载内容 阅读全文
posted @ 2016-10-28 14:58 成忠 阅读(586) 评论(0) 推荐(0) 编辑
2016年10月25日
ECMAScript 6 入门
摘要： ECMAScript 6入门 《ECMAScript 6入门》是一本开源的JavaScript语言教程，全面介绍ECMAScript 6新引入的语法特性。 ES6入门作者;阮一峰 学习网站地址：http://es6.ruanyifeng.com/ 阅读全文
posted @ 2016-10-25 18:24 成忠 阅读(153) 评论(0) 推荐(0) 编辑
H5移动端触摸事件：touchstart、touchend、touchmove
摘要： 第一部分代码事例： <html><head> <meta charset="utf-8"> <style> #main,#main1{ width:500px; height:500px; border:1px solid red; } </style> <script type="text/jav 阅读全文
posted @ 2016-10-25 17:45 成忠 阅读(6410) 评论(0) 推荐(0) 编辑