js
文章平均质量分 70
努力奔跑的蜗牛
程序人生
展开
-
JS实现方法--持久更新
js怎样判断图片链接是否有效原创 2021-12-09 16:42:06 · 556 阅读 · 0 评论 -
js-闭包
闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。原创 2020-07-28 19:25:27 · 79 阅读 · 0 评论 -
js-Canvas画布
canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。原创 2020-07-28 18:43:48 · 1559 阅读 · 0 评论 -
Js中的继承
继承是面向对象技术当中的一个概念。这种技术使得复用以前的代码非常容易,能够大大缩短开发周期,降低开发费用。继承就是子类继承父类的特征和行为,使得子类对象(实例)具有父类的属性和方法,或子类从父类继承方法,使得子类具有父类相同的行为。原创 2020-07-20 20:19:53 · 119 阅读 · 0 评论 -
JS-知识汇总
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格原创 2020-07-12 13:49:58 · 208 阅读 · 0 评论 -
js 三大的家族
文章目录offset家族offsetParentoffsetWidth offsetHeightoffsetLeft offsetTopoffsetTop style.top 的区别scoll家族offset家族offsetParent返回改对象的父级 (带有定位) 不一定是亲的爸爸1.如果元素自身是固定的,那么获取到的父级定位级为null2.如果元素自身不是固定定位(absolute...原创 2020-04-12 12:13:46 · 353 阅读 · 0 评论 -
js匀速动画&缓动动画
文章目录匀速动画:效果展示代码部分html+cssjs 已封装 可直接调用缓动动画:动画效果代码部分html+cssjsf (已封装 可直接调用)匀速动画:在浏览器中,某一个盒子元素以稳定不变的速度向某个方向移动直到停止效果展示代码部分html+css<style> #box{ width: 100px; height: 100p...原创 2020-04-12 10:41:08 · 586 阅读 · 0 评论 -
js 编程命名法中短横线命名转换驼峰命名
在编程中,有个好的规范是很有必要的,从最基本的变量命名开始,命名写的好,后面找bug维护也容易很多,曾经我有的大学同学里面很多人的变量命名都是以aa、aaa、111之类的名字,先不说规不规范,就说出了bug怎么找。所以说好的编程规范可以让你事半功倍。原创 2020-03-30 09:34:04 · 2213 阅读 · 0 评论 -
js setInterval()与setTimeout()计时器
JavaScript是单线程语言,但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码,间歇时间值是指每隔指定的时间就执行一次代码。在很多地方都可以用到定时器,比如各种倒计时,这里用京东秒杀倒计时来举例子。原创 2020-03-22 12:47:24 · 662 阅读 · 0 评论 -
js 原生JS实现TAB栏切换效果
文章目录需求分析代码部分html部分:css部分:基本的样式设置script:核心操作总结点我查看大图前言: 在日常生活中很多时候我们都会碰到tab栏的切换效果,类似于下面的 图一 这种效果事项的办法有很多很多,今天我们来看看其中的一种。需求分析点击上面的tab栏 下面的内容跟着改变点击tab栏以后点击的哪个会变颜色,当点击其他的原来点击过的会恢复原本的颜色代码部分html部分...原创 2020-03-22 11:15:46 · 728 阅读 · 1 评论 -
js DOM操作的兼容性封装
DOM操作的兼容性封装什么是兼容性 所谓兼容性,就是看浏览器是否支持当前对象的属性或是方法,先通过获得页面文本内容的方式来了解兼容性,并封装函数或对象以解决此类问题。获得页面文本内容的方式:innnerText 或textContent 或innerHTML。innerText在不同浏览器存在有兼容性问题,为此我们需要封装到一个函数里,使得不同的浏览器及不同版本都能获得页面文本。(谷歌...原创 2020-03-17 17:47:29 · 152 阅读 · 0 评论 -
js DOM实现增删改查
文章目录什么是DOM文档对象模型节点:Node——构成HTML文档最基本的单元。DOM查询获取元素节点 通过document对象调用获取元素节点的子节点获取父节点和兄弟节点DOM 操作内联样式通过JS修改元素的样式:DOM 实现增删改什么是DOM DOM,全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的...原创 2020-03-15 11:28:14 · 585 阅读 · 0 评论 -
js-正则表达式
正则表达式是对字符串(包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”))操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式是一种文本模式,该模式描述在搜索文本时要匹配的一个或多个字符串原创 2020-03-01 15:15:04 · 120 阅读 · 0 评论 -
数组 Array
文章目录前言数组的定义数组三要素数组的声明方式数组长度数组的取值数组的赋值数组的遍历前言数组的定义 数组,外文名Array。所谓数组,是有序的元素序列。 若将有限个类型相同的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。数组是在程序设计中,为了处理方便, 把具有相同类型的若干元素按无...原创 2020-02-09 10:57:43 · 179 阅读 · 0 评论 -
JS分支结构&循环&打擂思想&箩筐思想&开关思想
JS分支结构&循环分支结构ifif else``(用的最多)``if else - if elseswitch - case分支结构if语法结构 :if (表达式) { 条件成立时执行的代码}//实例if(1+1==2){ console.log("是对的"); }表达式可以是:关系表达式布尔类型的值其他类型的值if结构里面的{} 在条件成立时需...原创 2020-01-08 14:32:25 · 768 阅读 · 2 评论 -
JS运算符&&数据转换&&短路运算
JS运算符&&数据转换&&短路运算复合运算符自增自减1. 前自增 先自身加1, 再进行运算2. 后自增 先进行运算, 在自身加1三元表达式把其他数据类型转换成number类型转换成布尔类型隐式转换逻辑运算符的短路运算复合运算符+= 就在自身的基础上加多少-= 就在自身的基础上减多少*= 就在自身的基础上乘多少/= 就在自身的基础上除以多少...原创 2020-01-07 20:42:49 · 346 阅读 · 0 评论 -
JS基本知识-2
JS基本知识-2 运算符和表达式运算符Math高级函数数据类型转换运算符和表达式运算符算术运算符+ - * / %+ : 字符串连接符 如果 + 两边有一边是字符串, 那么他就是字符串连接符= : 赋值运算符 把运算符右边的值, 赋值给左边的变量% : 求模 取余 求除法的余数注意点 :数学里面除数不能为零 js里面也一样 如果0做了除数, 那么得到的结果是...原创 2020-01-02 11:48:38 · 329 阅读 · 2 评论 -
JS基本知识-1
JS基本知识JS简介JS的引入方式功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入JS简介 JavaScript(...原创 2020-01-01 18:37:10 · 127 阅读 · 0 评论