【如何在一个网站或者一个页面，去书写你的JS代码】的更多相关文章

如何在一个网站或者一个页面，去书写你的JS代码

// JavaScript Document //如何在一个网站或者一个页面,去书写你的JS代码: //1.js的分层(功能) : jquery(tools) 组件(ui) 应用(app), mvc(backboneJs) //2.js的规划(管理) : 避免全局变量和方法(命名空间,闭包,面向对象) , 模块化(seaJs,requireJs) window.onload = function(){ mv.app.toTip(); mv.app.toBanner(); mv.app.toSel…

如何在一个网站或者一个页面规划JS

规划主要分为两部分:1.JS的分层,2.Js的规划 1.JS的分层(功能) 1-1.底层的库 : jquery  1-2.组件(ui) : 比如拖拽等,模块之间没有必然的联系,可以重复利用  1-3.应用 : 逻辑部分 2.js的规划(管理) 避免全局和方法,可以采用命名空间,闭包, 面向对象的写法.便于管理.模块化 (seaJs,requireJs)我们可以用数轴来比喻规划,X轴是功能,Y轴是管理.比如图书馆,这个图书馆的每一层书是不一样的,这就好比是我们X轴功能的区分,图书馆的每一层书如何摆…

Js 日期选择，可以的一个页面中重复使用本JS日历，兼容IE及火狐等主流浏览器，而且界面简洁、美观，操作体验也不错。

<html> <head> <title>Js日期选择器并自动加入到输入框中</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <script type="text/javascript"> var gMonths=new Array("一月","…

基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码

比如 想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js 复制代码代码如下: //根据参数名获得该参数 pname等于想要的参数名 function getParam(pname) { var para…

常见的页面效果，相关的js代码

1.焦点图 $(document).ready(function(){ var i=0; var autoChange= setInterval(function(){ if(i<$(".hdp li").length-1){ i++; }else{ i=0; } changeTo(i) ; },1500); $(".hdp").find("li").each(function(item){ $(this).hover(function()…

页面怎么引用外部css+js代码

外部css样式:把css样式写到一个文件内,方便使用,减少冗余. 如果使用的是外部css样式,页面怎么引用: 使用 <link rel="stylesheet" type="text/css" href="css/table-role2.css"/> href写的是css文件的地址. js代码写在页面上的 <script type="text/javascript"></script>标签内…

检测一个页面所用的时间的js

window.onload = function () { var loadTime = window.performance.timing.domContentLoadedEventEnd-window.performance.timing.navigationStart; console.log('Page load time is '+ loadTime);}…

jquery实现页面控件拖动效果js代码

;(function($) { var DragPanelId = "divContext"; var _idiffx = 0; var _idiffy = 0; var _Div = null; $.extend({ AttachDrag: function(dragId) { if (dragId) $._Div = document.getElementById(dragId); else $._Div = document.getElementById($.DragPanelI…

html页面控制字体大小的js代码

dom对象控制显示文章字体大小的js代码 <head> <script type="text/javascript"> function check(size){ document.getElementById("mycode").style.fontSize=size+"pt"; } </script> </head> <body> <div id="mycode&qu…

记录一个在线压缩和还原压缩js代码的工具

packer – javascript 压缩工具 http://dean.edwards.name/packer/ Javascript Beautifier ---可以恢复某些压缩工具压缩的js代码 网页版:http://jsbeautifier.org…