原生JS学习之秒表、日历

Tips:涉及知识点:Date setInterval DOM 秒表效果图: 简单构造出草图 Html代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>时间Demo</title> 5 <meta charset="utf-8"> 6 <link rel="stylesheet" type="text/css&quo…

连bootstrap5 都抛弃jquery了,重新使用原生js来写,所以最近在学习原生js. 一.选择dom元素: id let sure=document.getElementById('sure'); 返回值:是一个dom元素,因为id在一个文档(document)中,是唯一,所以返回一个dom对象. class let mask=document.getElementsByClassName(] 返回值:类数组的元素集合因为className在一个文档中并不是唯一,我们在使用docume…

【京东详情页】——原生js学习之匿名函数

一.引言在js模块中,要给每一个功能封装一个匿名函数.为了更好的理解什么是匿名函数,为什么要用匿名函数,我做了一些查阅和学习. 二.匿名函数什么是:在创建时,不被任何变量引用的函数. 为什么:节约内存:划分临时作用域,避免全局污染. 何时:只要一个函数只用一次,就释放. 1.回调创建一个函数后,将函数对象传递给其他函数调用. 比如: arr.sort( functioin(a,b){return a-b} ); arr.replace(reg,function(){ return xxx;…

原生js 学习之array 数组

Array的原生方法: concat(): 连接两个或更多的数组哦 join(): 把数组的所有元素放在一个字符串中 pop():删除并返回数组的最后一个元素 push():向数组的末尾添加一个元素,并返回数组长度. reverse():颠倒数组中的元素顺序 shift(): 删除并返回数组的第一个元素. slice():返回已选定的元素 sort():对数组的元素进行排序 splice():删除元素,并向数组添加新元素. toSource():返回该对象的源代码 toString():把数组…

原生js学习笔记2

知识点: 1:关于this指向问题,如果有函数a(),直接a()那么this指向window,new a()指向函数本身. 2:关于null和undefined.两者如果用“==”则认为两者是相等的,要使用严格相等符号===来区分.typeof null --->object,type of undefined ---->undefined, 在希望值是bool值的地方,它们的值都是假值.它们都不包含任何属性和方法.使用“.”,"[]"来存取这两个值都会产生一个类型错误…

【学习】原生js学习笔记1：添加class和使input为不可用

<input type="checkbox" id="new_check" onChange="noUse()" checked> <input type="button" class="new_login_btn2" id="new_login"> <script>var new1=document.getElementById("new_…

原生js简易日历效果实现

这里我们将用原生js实现简易的日历,原理和之前的原生js选项卡差不多,不过也有些区别: 首先html代码: <div class="container"> <div class="container_cont"> <ul id="cont_ul"> <li class="active"> <span>1</span> <p>jan</p&…

原生js日历选择器，学习js面向对象开发日历插件

在web开发过程中经常会碰到需要选择日期的功能,一般的操作都是在文本框点击,然后弹出日历选择框,直接选择日期就可以在文本框显示选择的日期.开发好之后给用户使用是很方便,但如果每一个日历选择器都要临时开发的话,会严重影响项目进度.所以网上有很多日历插件提供下载使用. 在实际工作中,日历选择器功能确实都是直接使用已开发好的插件.但作为一个前端工程师,还是需要知道具体实例方法,也应该有能力完成此类功能.本实例教程详细讲解怎么样使用原生js,通过面向对象来开发一个日历选择器插件. 一般日历插件使用都非常…

日历组件原生js

自己基于原生js编写的日历组件 git地址: https://github.com/lihefen/calendar.git demo : https://lihefen.github.io/calendar/calendar/Mycalendar.html 效果图感觉还可以不过还需要优化,希望大家多提意见…

原生JS研究：学习jquery源码，收集整理常用JS函数

原生JS研究:学习jquery源码,收集整理常用JS函数: 1. JS获取原生class(getElementsByClass) 转自:http://blog.csdn.net/kongjiea/article/details/24308413 function getClass (classname,obj) {//obj就是找的标签范围; var obj=obj||document;//如果obj没有参数传进来的话就为假,就返回document; var arr=[];/…