随笔分类 -  js

上一页 1 2 3 4
勿以事小而忽之
前置路由
摘要：在单页应用上，前端路由并不陌生。单页应用是指在浏览器中运行的应用，在使用期间页面不会重新加载。 基本原理:以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生改变时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示。 阅读全文
posted @ 2017-05-02 17:06 boyanh 阅读(751) 评论(0) 推荐(0)
Single Page Application
摘要：single page web application，SPA，就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。单页应用程序 阅读全文
posted @ 2017-05-02 17:02 boyanh 阅读(1488) 评论(0) 推荐(0)
ES6数组方法
摘要：ES6数组方法 以下方法添加到了Array.prototype对象上（isArray除外） indexOf 类似字符串的indexOf()方法 lastIndexOf 类似indexOf()方法（顺序相反） forEach Array在ES5新增的方法中，参数都是function类型，默认有传参(遍 阅读全文
posted @ 2017-05-02 16:48 boyanh 阅读(37457) 评论(0) 推荐(1)
localStorage 和 sessionStorage
摘要：Internet Explorer 8+, Firefox, Opera, Chrome, 和 Safari支持Web 存储。 注意: Internet Explorer 7 及更早IE版本不支持web 存储. 客户端存储数据的两个对象为： localStorage - 没有时间限制的数据存储 se 阅读全文
posted @ 2017-05-02 16:24 boyanh 阅读(234) 评论(0) 推荐(0)
自适应屏幕高度铺满全屏
摘要：思路：获取浏览器的高度，和页面的高度做对比 如果浏览器的高度大于页面内容的高度，则把浏览器的高度赋值给页面高度 如果当前页面高度大于浏览器高度，就使用当前页面自己的高度 window.onresize=function(){//onresize 事件会在窗口或框架被调整大小时发生。 var W... 阅读全文
posted @ 2014-09-23 11:00 boyanh 阅读(2635) 评论(0) 推荐(0)
tab选项卡
摘要：<!--页面代码--><div class="tab"> <a href="###" data-tab="#tab0">标题一</a> <!--这个地方给a设置href="###"，是防止点a时页面跳转时出现的页面跳动--> <a href="###" data-tab="#tab1">标题二</a> <a href="###" data-tab="#tab 阅读全文
posted @ 2013-06-21 16:48 boyanh 阅读(190) 评论(0) 推荐(0)
三级导航收缩下拉框
摘要：JS代码$(function(){ $(".sider_list h2").click(function(){ var m = $(this).next(".h2_list:first"); if(m.is(":visible")){ m.hide(); $(this).removeClass("menu_second02").addClass("menu_second");//下拉按钮图标变化 } else{ $(".h2_list").hide(); m.s... 阅读全文
posted @ 2013-05-16 11:04 boyanh 阅读(281) 评论(0) 推荐(0)
弹性回到顶部js代码
摘要：JS部分function goTopEx(){ var obj=document.getElementById("goTopBtn"); function getScrollTop(){ return document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; } function setScrollTop(value){ (/(chrome|version)/i).test(... 阅读全文
posted @ 2013-05-16 10:48 boyanh 阅读(342) 评论(0) 推荐(0)
js练习小结
摘要：1.每句话结束都要加分号2.y.value=m;m 是变量，所以不能写成y.value="m";引号里面放的是文字或字符串。3.y.value=m;但是如果写m.color="#ff0000";就没有反应，写成m.style.color="#ff0000";就是正确的，<input type="text" value="123" size="50" style="color:#ff0000;height:30px;" />value/size都 阅读全文
posted @ 2013-05-13 23:34 boyanh 阅读(182) 评论(0) 推荐(0)

上一页 1 2 3 4