前端
vision_seven7
这个作者很懒,什么都没留下…
展开
-
H5C3-画布
canvas画布初始canvas设置画布大小画布中画图给线条设置颜色画圆画矩形画闭合图形填充和描边初始canvas<canvas id="myCanvas"> 您的浏览器版本过低,请更新浏览器</canvas>canvas 就是画布的意思获取canvas元素搭建canvas绘制环境(我们所有的绘制行为都是在这个环境下进行的)在内存绘制(仅仅存在于内存中 我们看不到)绘制到页面上(调用stroke方法)搭建canvas画布的绘制环境:原创 2020-07-21 22:20:08 · 293 阅读 · 0 评论 -
ES6知识点梳理2
ES6知识点梳理2函数的扩展箭头函数ES6里的this指向Symbol特点共享符号setset的构造方法set集合的遍历数组新方法函数的扩展箭头函数只有一个参数 并且函数体只有一句话 那么参数可以省略() 返回值可以省略return//原型var fn(a){ return "箭头函数"}//箭头函数 var fn = a => "箭头函数"如果箭头函数没有参数 或者有多个参数,那么参数中的()就不能省略如果箭头函数的函数体有多条代码,就不能省略{},也不能省略ret原创 2020-07-20 20:13:02 · 352 阅读 · 0 评论 -
jQuery知识点整理2
jQuery知识点整理2jQuery知识点整理2jQuery选择器1. 基础选择器2.层级选择器3.过滤选择器4.筛选选择器jQuery动画1.显示和隐藏2.滑入和滑出3.淡入和淡出4.自定义动画 animate方法5.动画队列jQuery节点操作1.添加节点2.移除节点克隆节点jQuery知识点整理2jQuery选择器1. 基础选择器 ID选择器:$("#myDiv") 匹配唯一的具有此id值的元素 类选择器:$(".myClass") 匹配具有此类样式值的所有元素 标签选择器:$("原创 2020-07-14 21:45:55 · 678 阅读 · 0 评论 -
jQuery知识点整理1
这里写目录标题jQuery是什么?jQuery版本介绍jQuery的入口函数设置文本的方法设置获取样式的方法jQuery是什么?jquery其实就是别人封装好的一个外部js库jquery是一个快速、小型切功能丰富的JavaScript库。它使用一个在多种浏览器上工作的易于使用的API,使得HTML文档遍历和操作、时间处理、动画和Ajax等工作变得更加简单。随着功能性和可扩展性的结合,jquery改变了数百万人编写JavaScript的方式jQuery版本介绍不同的版本 jquery原创 2020-05-17 12:42:41 · 210 阅读 · 0 评论 -
JavaScript·history对象
这里写目录标题概述方法history.go()history.back()history.back()概述window.history属性指向 history 对象,它表示当前窗口的浏览历史。方法history.back()、history.forward()、history.go()history.go()使用够go()方法可以在用户的历史记录中任意跳转,可以向前也可以向后。参数 ...原创 2020-04-12 13:31:38 · 270 阅读 · 0 评论 -
js中三大家族和事件对象的三大坐标
offic家族offset作用和属性offset作用和属性作用:获取元素真实的位置或宽高offset属性家族:offsetWidth offsetHeight offsetParent offsetLeft offsetTop原创 2020-04-12 08:43:20 · 366 阅读 · 0 评论 -
操作元素·第二部分
DOM元素的增删改增创建新元素1.document.write()方法2. innerHtml3.createElement() 方法向页面添加新的元素1.appendChild()增创建新元素1.document.write()方法在javascript中,document.write()方法;常用来网页向文档中输出内容。例题:通过document.write()方法向网页文档中输入一...原创 2020-03-22 13:14:16 · 173 阅读 · 0 评论 -
js原生实现向表格提交对应内容
自定义标题需求html部分代码css部分代码js代码需求提交多个内容时,除第一行外,行的背景颜色发生隔行颜色交替没有完整输入信息提交时候会弹出对话框,提示用户填写完整html部分代码建议:提交按钮使用button标签,因为在js获取表单值的时候可以直接通过类名获取请输入姓名:<input type="text"> <br> 请输入邮箱:<...原创 2020-03-22 12:16:45 · 564 阅读 · 0 评论 -
操作元素·第一部分
操作元素改变元素内容例子innertext和innerHTML的区别改变元素内容inntext : 从起始位置到终止位置的内容,但是他去除html标签,同时空格和换行也会去掉innHTML : 起始位置到终止位置的全部内容,包括html标签,同时保留空格和换行例子需求:当点击按钮,div里面的文字会发生变化<!DOCTYPE html><html> <...原创 2020-03-17 13:57:49 · 333 阅读 · 0 评论 -
DOM元素绑定js的三种方式
DOM元素绑定js的三种方式1.在html标签中直接绑定2.在js里面绑定3.使用事件监听的方式进行注册1.在html标签中直接绑定在DOM元素里面绑定 使用on+事件类型 = function<input type="button" value="点我吧" onclick="alert('已执行')">2.在js里面绑定在js代码中获取元素,使用点语法注册<div...原创 2020-03-15 11:33:36 · 554 阅读 · 0 评论 -
JS获取节点及兼容性封装
文章目录获取父节点1.兄弟元素和兄弟节点获取兄弟节点获取兄弟元素获取上一个兄弟元素的封装2.获取第一个子节点和子元素获取第一个节点和子元素获取第一个子元素的兼容性封装3.获取最后一个子节点和子元素获取最后一个子节点和子元素获取最后一个子元素的兼容性封装4.克隆节点淘宝案例,隐藏二维码获取父节点获取父节点 : 子元素.parentNode获取子元素<ul id="ul"> ...原创 2020-03-12 14:02:50 · 334 阅读 · 0 评论 -
js-dom
什么是domDOM,全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。在dom中,所有HTML元素都被定义为对象属性是我们能够获取或设置的值(改变页面元素的内容)方法是能够完成的动作(比如添加页面元素)<html><body> <div id="box"...原创 2020-03-06 19:01:59 · 582 阅读 · 0 评论 -
闭包
简单的说,Javascipt允许使用内部函数--即函数定义和函数表达式位于另一个函数的函数体内。而且,这些内部函数可以访问他们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。其中一个这样的内部函数在包含他们的外部函数之外被调用时,就会形成闭包。原创 2020-03-01 11:25:38 · 89 阅读 · 0 评论 -
函数预编译
函数的声明方式 var fun = function(){ console.log(111); } function fun2(){ console.log(222); }函数的工作原理作用:代码的复用 可以实现一个独立的小功能编译器:负责解析代码内存:负责储存代码运行时产生的数据为什么要进行代码预编译预编译的好处:可以让函数在任意位置被调用什么是预编译机制:就...原创 2020-02-23 15:54:39 · 200 阅读 · 0 评论 -
JS正则表达式
JavaScript 正则表达式:正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。RegExp对象RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。什么是正则表达式?正则表达式是由一个字符序列形成的搜索模式...原创 2020-02-23 14:08:35 · 87 阅读 · 0 评论 -
数组去重
数组去重的方式一、用for循环的普通方法 function Newarr(arr){ var newArr = [] for(var i = 0; i < arr.length; i++) { if(arr[i] != arr[i+1]) { newArr[newArr.length]...原创 2020-02-09 12:14:42 · 82 阅读 · 0 评论 -
JS知识积累5
JavaScript Array(数组)什么是数组数组对象是使用单独的变量名来蠢出一系列的值。数组三要素下标:记录每个元素在数组中的位置元素:数组内容数组长度:数组元素个数数组声明方式var 数组名 = [元素1,元素2,元素3...];var 数组名 = new Array(元素1,元素2,元素3...);两种创建方式的不同只有一个值时: var ...原创 2020-02-08 14:48:31 · 83 阅读 · 0 评论 -
JS基础知识积累4
循环结构while结构代码结构结构解析do-while结构代码结构结构解析for循环结构代码结构生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入while结构代码结构while(条件 true/false){ ...原创 2020-01-07 23:11:56 · 132 阅读 · 0 评论 -
JS基础知识积累3
三木运算符和分支结构三木运算符三元表达式分支结构ifif elseif else-if elseswich case经典例题知识点补充三木运算符三元表达式语法结构:表达式1?代码1:代码2;语法解析表达式1成立,就执行代码1,否则就执行代码2。如果代码1或者代码2有结果,那么这三个元表达式的结果就是代码1或代码2。表达式1可以是那些表达式:关系表达式布尔类型的值一般表达式...原创 2020-01-07 20:22:54 · 128 阅读 · 0 评论 -
JS基础积累2
JS基础积累2字符串连接符赋值运算符算术运算符 + - * / %关系运算符逻辑运算符Math 函数数据类型转换知识点补充字符串连接符如果“+”两边又一边是字符串,那么他就是字符串连接符console.log("a" + 1);赋值运算符把运算符右边的值, 赋值给左边的变量算术运算符 + - * / %注意点 :数学里面除数不能为零 js里面也一样 如果0做了除数, ...原创 2020-01-01 23:21:21 · 79 阅读 · 0 评论 -
JS基础积累1
JS基础积累JS基础积累1什么是jsJS的引入方式js常用输出和输入语句声明变量变量的命名规则和规范如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入JS基础积累1什么是jsjs是一种运行在...原创 2019-12-30 23:13:11 · 103 阅读 · 0 评论 -
css基础积累2
一、边框属性 作用:给元素加上一个边框 第一种: border-top border-bottom border-left boder-right 三个属性 粗细 线型 颜色 第二种: border :粗细 线型 颜...原创 2019-12-19 18:45:00 · 165 阅读 · 0 评论