![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
chenkhcn
小白程序猿
展开
-
canvas入门--绘制刮刮卡
canvas入门--绘制刮刮卡原创 2022-02-10 15:59:41 · 517 阅读 · 1 评论 -
canvas入门--绘制时钟
canvas入门--绘制时钟原创 2022-02-09 18:04:31 · 687 阅读 · 0 评论 -
JavaScript 日期处理库 momentjs
官网链接:http://momentjs.cn/npm引入:npminstall moment原创 2021-06-03 16:53:52 · 196 阅读 · 1 评论 -
JavaScript navigator实现不同终端打开不同页面
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { window.location.href = "../H5/index.html"; //手机}原创 2020-07-07 23:41:38 · 227 阅读 · 0 评论 -
JavaScript 响应式布局
方法一resize监控浏览器宽度的变化原创 2020-07-07 18:10:47 · 412 阅读 · 1 评论 -
JavaScript 页面加载事件
具有唯一性,会被后面的onload覆盖掉window.onload = function (){}一般用以下方法:document.addEventListener('load',function(){ })页面图片较多的情况下,可以用以下方法DOMContentLoaded,会先把页面整体框架加载出来,就开始执行js事件,不用等到图片都加载完毕再执行js事件document.addEventListener('DOMContentLoaded',func...原创 2020-07-07 18:04:02 · 4048 阅读 · 0 评论 -
JavaScript 事件委托
原创 2020-07-07 13:44:09 · 115 阅读 · 0 评论 -
删除事件兼容性解决方案
原创 2020-07-06 16:38:44 · 186 阅读 · 0 评论 -
JavaScript 节点操作之创建、新增节点
一、创建节点element.createElementvar li = document.createElement('li');二、添加、插入元素节点element.appendChild()追加新元素作为父的最后一个子元素。element.insertBefore(XXX,XXXX) 追加在XXXX的前面一个位置 <body> <textarea name="" id="">123</textarea> <but...原创 2020-06-24 13:44:37 · 553 阅读 · 0 评论 -
JavaScript 节点操作
1、父节点element.parentNodeparentNode属性可返回某节点的父节点,注意是最近的一个父节点如果没有父节点,返回null<body> <div class="grandfather"> <div class="father"> <div class="son"> 123 </div> </div> </div></body><s原创 2020-06-23 17:18:03 · 206 阅读 · 0 评论 -
JavaScript 自定义属性
获取自定义属性值的方法:element.getAttribute('自定义属性');设置自定义属性:element.setAttribute('自定义属性','属性的值');<body> <div id="demo" data-index="1"></div></body><script> var div = document.querySelector('div'); console.log(div.id); //原创 2020-06-22 21:59:55 · 312 阅读 · 0 评论 -
JavaScript DOM核心内容(操作元素)
原创 2020-06-20 23:41:36 · 148 阅读 · 0 评论 -
JavaScript 中Array数组的常用内置对象
------------新增/删除-----------------------★在数组的结尾添加一个新的元素:push(),可以在括号里填写参数返回值是新数组的长度。★在数组的开头追加一个新的元素:unshift(),可以在括号里填写参数返回值是新数组的长度。★删除数组最后一个元素:pop(),不能填写参数返回值时删除的那个元素值。★删除数组的第一个元素:shift(),不能填写参数返回值时删除的那个元素值。------------排序----------------.原创 2020-06-19 14:54:22 · 194 阅读 · 0 评论 -
JavaScript实现倒计时功能
实现倒计时效果1、核心算法:输入的时间减去现在的时间就是剩余的时间(即倒计时)但是不能拿着时分秒相减注意:比如05分减去25分,结果会是负数2、用时间戳来做,用户输入的时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数。3、把剩余的时间总的毫秒数换算成天、时、分、秒转换公式如下:d = parseInt(总的秒数 / 60 / 60 / 24); //计算天数h = parseInt(总的秒数 / 60 / 60 % 24); //计算小时m = parseI原创 2020-06-19 11:24:22 · 1343 阅读 · 0 评论 -
简述for in 遍历对象
对于遍历对象,采用的是以下方法:for(变量 in 对象){}var str = { name: '李刚', age: 15, sex: '男'}for (k in str) { //k是变量,输出的是对象的属性名 console.log(k); //str[k]得到的是属性值 console.log(str[k]); console.log('------');}...原创 2020-06-18 20:27:17 · 4151 阅读 · 0 评论 -
JavaScript中变量、属性,函数方法的区别!!
属性和变量:相同点:都是用来存储数据的。不同点:变量单独声明并复制,使用的时候直接使用变量名就可以; 属性在对象里面的,不需要声明,使用的时候要用:对象.属性名。var dog = { //属性 name:'可可', age:'12'}//变量var num = 12;//调用变量:(直接使用变量名进行调用)console.log(num);//调用属性:(对象名.属性名)console.log(dog.name);...原创 2020-06-18 16:08:32 · 221 阅读 · 0 评论 -
JavaScript中break,continue,return的区别
break:结束当前的循环体(如for,switch,while,do..while)continue:跳出本次循环,执行下次循环;return:不仅可以推出循环,还可以返回return语句中的值,同时还可以结束当前函数体内的代码。注:如果一个函数return多个值,则只返回最后一个值。...原创 2020-06-17 23:21:38 · 151 阅读 · 0 评论 -
简述JavaScript函数中形参与实参的区别!!!
形参:在声明函数的小括号里的参数,叫做形参(形式上的参数)实参:在函数调用的小括号里的参数,叫做实参(实际上的参数)//声明一个函数function 函数名(形参1,形参2....){ //在声明函数的小括号中的是形参(形式上的参数)}//调用一个函数函数名(实参1,实参2....); //在调用函数的小括号中的是实参(实际的参数)...原创 2020-06-17 22:38:59 · 223 阅读 · 0 评论