- 博客(16)
- 收藏
- 关注
RSS订阅原创 js中this的指向
this的指向犹如在生活中指代。这个”相似，不同环境中的this指向也是不同的1.全局环境下指向windowconsole.log(this); // window2.普通函数中指向全局function fn(){ console.log(this); // window B}fn();//嵌套函数也指向window 3.对象调用指向该对象let obj={ name: "zhangsan' talk(){ console....
2022-01-16 21:06:18
331
原创 js中深浅拷贝
let arr1 = ['a', 'b', 'c'];浅拷贝（只拷贝地址，arr1数据发生变化，arr2数据也发生变化）let arr2 = arr1;arr1[0] = 'A';console.log(arr2,arr1==arr2); //true深拷贝（只拷贝数据/值）1、序列化let arr2=JSON.parse(JSON.stringify(arr1));console.log(arr2,arr1==arr2);2、forlet arr2=[];.
2022-01-16 20:59:57
337
原创 SVG矢量图
概述Scalable Vector [ˈvektə(r)] Graphics [ˈgræfɪks] 可伸缩的矢量图形。99年由 W3C 发布，在 2013 年成为了 W3C 推荐标准。它是使用 HTML 来描述二维图形和绘图程序的语言。只需要定义好属性就可以获得一个用于网络的基于矢量的图形，特点在于改变尺寸也不损失图形质量。图形被分为：位图 和 矢量图1. 位图位图都是像素点成的 它的优点在于： 色彩丰富； 图片效果逼真； .
2021-12-19 20:36:51
1243
原创 javascript递归
递归函数就是函数直接或间接调用自己//无限递归function fu() {console.log('hello');}fu() //使用无限递归时必须注意给函数设置出口作用域scope作用域的产生时间：函数定义（声明）的时候产生作用域的分类：1、全局作用域2、局部作用域：包含函数、和块级{}3、eval()作用域执行上下文Execution Context执行上下文的产生时间：函数调用时产生生命周期全局上下文生命周期：窗口打开=>窗口.
2021-12-12 14:28:16
419
原创 正则表达式
regExp regular expression 对于字符串的模式匹配，校验正则声明：1、构造函数 new regExp(规则，模式修正符)2、字面量 let reg=/规则/模式修正符；let str='abc';let reg=/a/; //是否包含alet result=reg.test(str);console.log(result); //ture模式修正符：g：全局i:不区分大小写m：多行匹配组成部分1、//定界符2、字符3、元..
2021-12-09 21:32:43
149
原创 javascript事件
事件驱动三要素1、事件源：绑定事件的元素2、事件类型：被js监测到的行为3、事件处理函数：一个函数，记录事件发生时要进行的操作，也叫做“事件句柄”或“事件监听器”，事件监听器根据DOM级别的不同写法，功能上也有区别DOM0级：btn.onlick=function(){...}//删除DOM0级btn.onclick=null; //将节点对象的事件处理属性赋值为null即可DOM2级：btn.addEventListener("click",function{...},false.
2021-12-08 21:27:52
470
原创 BOM浏览器对象模型
BOM (Browser Object Model 浏览器对象模型)浏览器内核分为两类：1.渲染引擎：用来渲染网页内容，将网页的代码转换为用户最终看见的画面2.脚本引擎：用来执行JS代码（公认最快的是谷歌的V8引擎）外联:在外部另建一个js文件，通过<script>标签在html文件引入<script scr:"./xxx.js"></script>内部：在html文件内部创建<script>标签，在标签范围内直接书写js代码&
2021-11-27 20:20:06
373
原创 javascript对象
object对象世间万物皆可是对象储存的方式是有序，使用时必须按照存储顺序进行操作声明对象方式1：字面量let person={};对象初始化书写格式：关键字 对象名 赋值符号 大括号在大括号中{属性名1：属性1，属性名2：属性2，...属性名N：属性值N，}注：属性值若是函数：则为对象的方法，反之为对象的属性let person2={name:"z3",aeg:18,song:function(){conso
2021-11-21 16:30:33
604
原创 javascript集合Set
特点：数据的唯一性，（匹配方式是全等，即全等不会重复添加）集合的键名与键相同声明集合的方式：let set=new Set();console.log(set);0set.add("A");console log(set);集合的属性和方法集合的属性集合.size返回集合存储的数据个数集合的方法 add给集合添加数据书写格式：集合.add（添加的数据），返回添加后的集合//链式调用set.add("A").add("B").add("C");set.add(
2021-10-24 19:43:00
460
原创 javascript数组
存储多个数据声明数组的方式：方式1：字面量书写格式：关键字 数组名 赋值符号 中括号 分号let arr=[];//object方式2:构造函数书写格式：关键字 数组名 赋值符号 new Array(); let arr1 = ["A", "B", "C", "D", "E"]; console.log(arr1[2]);//C console.log(arr1[10]); //undefined//获取数组数据的个数:数组名.length console.log
2021-10-17 20:41:10
57
原创 javascript函数
特点：可以实现一定的功能，封装代码，把一段可以实现一个功能的代码，封装成一个函数创建函数方式1：字面量声明书写格式：关键字 函数名（）{函数体} function f78() { console.log(`我是78`); }f78(); console.log(typeof f78);方式2:匿名函数表达式书写格式：关键字 函数名 赋值符号 function（）{函数体}关键字 函数名1 赋值符号 function 函数名2（）{函数体}注：调用只能是函..
2021-10-10 18:59:44
66
原创 javaScript基础
基础概念：IDE 集成式开发环境app application 应用程序js javascript软件：多个程序组成程序：数据结构和算法组成数据结构：数据的存储方式（变量）算法：解决问题的方法和步骤开发语言的历史：机器语言：1010100汇编语言：1 add 1高级语言：1+1开发语言的分类：1、解释性语言：读取一行代码，就解析并执行成功执行后，继续读取后面的代码，直到最后一行JS PHP Python2、翻译性语言：读取所
2021-09-27 10:42:19
216
原创 响应式布局和css预处理器
响应式布局：响应式布局 针对不同屏幕显示不同效果媒体查询可以控制在不同屏幕宽度显示的效果1.通过 @media 关键之定义媒体查询2.min-width 屏幕最小宽度3.max-width 屏幕最大宽度4.给定范围时通过and链接屏幕小于等于600时@media (max-width:600px) {.box {width: 100px;height: 100px;background-color: blue;}}屏幕大于等于600时@m.
2021-09-05 21:41:35
93
原创 关于背景、表格、渐变
背景：背景色：opacity:0.2 透明的：子元素会跟着父元素还有文本一起透明背景图：background-image: url(地址);重复：background-repeat:repeat ;（默认情况）不重复： background-repeat:no-repeat ;只有水平方向重复：background-repeat: repeat-x;只有垂直方向重复：background-repeat: repeat-y;使用方位值控制背景图的位置：background-po
2021-08-29 20:52:10
259
原创 css选择器和布局的基础
文本元素：strong 强调文本的重要性粗体b 突出显示的文本em 在语义上用来在文本上强调i 用来在语义上用一种可选的语音语调来表达文本blockquote 整段的引用cite 对参考文献的引用q 小段文本的作用abbr 对缩写词的引用span 跨越多个字符target 属性控制新页面打开的位置-self 默认情况，在当前窗口打开-blank 在新窗口打开站外资源 绝对路径（推荐）html路径： 绝对路径 (网站已部署，可以省略协议和域名）...
2021-08-22 14:04:36
134
原创 html和css概述
W3C万维网联盟：是国际最著名的标准化组织，用来制定web（网页）的标准。到目前为止W3C已经发布了200多项影响深远的web技术标准及其指南。HTML：html全称HyperText Markup Language 用来定义文档的内容结构，中文：超文本标记语言。HTML5中的变化：html由08年发布草案，12年形成稳定版本标签：doctype、meta新增语义化标签和属性去掉了纯展示性的标签添加canvas、video、dudio、本地储存、拖拽语法：标记不区
2021-08-16 09:04:29
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人