JS 知识点收集

  1. setInterval

    setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
    setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setInterval() 的返回值返回
    一个可以传递给 Window.clearInterval()的参数， 从而取消对 code 的周期性执行的值。  
     <html>
     <body>
     <input type="text" id="clock" size="35" />
     <script language=javascript>
     var int=self.setInterval("clock()",50)
     function clock()
       {
       var t=new Date()
       document.getElementById("clock").value=t
       }
     </script>
     </form>
     <button onclick="int=window.clearInterval(int)">Stop interval</button>
     </body>
     </html>

  2. jQuery动画效果animate和scrollTop结合使用实例

    animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。
     CSS属性值是逐渐改变的，这样就可以创建动画效果。
     只有数字值可创建动画（比如 "margin:30px"）。
     字符串值无法创建动画（比如 "background-color:red"）。
     $(‘#shang‘).click(function(){$(‘html,body‘).animate({scrollTop: ‘0px‘}, 800);});
     上面的代码表示滚动条跳到0的位置，页面移动速度是800。  
     结合scrollTop实用示例：
     jQuery(document).ready(function($){
      $(‘#shang‘).click(function(){
       $(‘html,body‘).animate({scrollTop: ‘0px‘}, 800);
      });
      $(‘#comt‘).click(function(){
       $(‘html,body‘).animate({scrollTop:$(‘#comments‘).offset().top}, 800);
      });
      $(‘#xia‘).click(function(){
       $(‘html,body‘).animate({scrollTop:$(‘#footer‘).offset().top}, 800);
      });
     });
     表示点击相关ID移动到指定位置：
     点击ID为shang的元素，回到顶部；
     点击ID为comt的元素，回到ID为comments的位置；
     点击ID为xia的元素，回到底部；
       
      $(‘.chat-content‘).animate({
       scrollTop: $(‘.chat-content‘)[0].scrollHeight}, 500
      );//这个实现 chat-content里的内容不断增加，滚动条下滚

  3. 获取时间

    var d = new Date();
    var send_time = d.getHours() + ":"+ d.getMinutes() + ":"+ d.getSeconds();

  4. JSON

    JSON.parse()

  5. 监测某个键是否按下以执行特殊方法
时间： 2024-08-04 12:09:27

JS 知识点收集的相关文章

js基础知识点收集

js基础知识点收集 js常用基本类型 function show(x) { console.log(typeof(x)); // undefined console.log(typeof(10)); // number console.log(typeof('abc')); // string console.log(typeof(true)); // boolean console.log(typeof([])); // object console.log(typeof(function (

赵雅智：js知识点汇总

赵雅智:js知识点汇总,布布扣,bubuko.com

Node.js知识点学习

Node.js知识点学习 一.基本概念 Node.js,或者 Node,是一个可以让 JavaScript 运行在服务器端的平台.可以说,Node.js开创了javascript模块化开发的先河,早期的javascript需求都很简单,基本都是写成函数的,然后是面向过程的写法,后来慢慢的引入面向对象开发思想,再后来就慢慢写成 类.最后node.js的出现才开始有了js模块化开发的概念,这使得臃肿的js代码免去了命名冲突等一系列开发难题. Node最大的特点就是采用了异步式I/O与事件驱动的架构设

js函数收集

常见js函数收集: 转自:http://www.qdfuns.com/notes/36030/2eb2d45cccd4e62020b0a6f0586390af.html //运动框架 function animate(obj,targetJson,time,callback){ if(window.navigator.userAgent.indexOf("MSIE") != -1){ var interval = 50; }else{ var interval = 10; } //得到

ios基础-小知识点收集（1）

不积跬步,无以至千里;不积小流,无以成江海.----荀子 收集学习ios中的小知识点,每天进步一点点. (一)@class和 #import class:只声明类,不会引入类文件,加快编译速度,防止类相互import出错:在m中仍然需要import整个类文件. import导入整个类文件,在需要使用类中的变量.函数和协议的时候需要使用. (二)静态变量static.全局变量extern.局部变量.实例变量 static:为整类而非单个对象使用,隐藏封装在类中,对外不可见. 静态变量的优点: 1.

JS 方法收集

格式化json日期 dt.format("yyyy-MM-dd hh:mm:ss"); //这里用到一个javascript的Date类型的拓展方法,这个是自己添加的拓展方法,在后面的步骤3定义 //3.为原始Date类型拓展format一个方法,用于日期显示的格式化 Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //month "d+&qu

前端web开发js知识点一讲解

接触到js,首先要明白和css之间的区别,以及作用.1.js如果从外部链接的话,需要在head标签下加入<script src=""></script>:如果在内部去定义,则是在body里面加入标签<script></script>,在标签里面具体展开设计.2.js相对css,理论上与c语言编码实现某个环节类似,所以相对比css难些.js知识点如下:2.1.输出:我觉得弹窗输出的作用方便你检查程序问题,便于查看结果.alert() 弹框输

前端常用框架知识点收集

前端组件库 搭建web app常用的样式/组件等收集列表(移动优先) 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S – 前端集成解决方案 前端模块管理器 Bower – A package manager for the w

【js知识点】js三元运算符

js三元运算符知识点: 可以嵌套 可使用()将多个语句包围 中间不能使用 ; 和 var 等字符 在写插件时,为了压缩代码使用较多 实例: 1>2?alert("a"):(alert("b"),2>3?alert("c"):alert("d")); alert("e"); //b d e 2>1?alert("a"):(alert("b"),2>