- 博客(18)
- 收藏
- 关注
原创 关于JavaScript中正则表达式的零零碎碎。
目录正则表达式相关应用如何创建常用方法元字符限定符贪婪模式分组断言正则表达式 如何定义:描述字符模式的对象。相关应用 1.表单中,对用户输入的信息进行格式的校验。比如,用户名,密码,手机号是否符合规范。 2.从字符串中获取一部分符合规则的内容。如何创建1.通过new去创建一个正则对象。第一个参数:正则表达式的主体,字符串...
2021-07-14 18:10:26
128
原创 JavaScript基础之--ES6新增Map。
ES6新增的两种数据结构之一:Set和Map。-------------------------------《Set在上篇文章中已经介绍过,有兴趣的看官老爷可移步》------------------ 这次,主要说一下Map相关的内容。map:由键值对组成的。 不允许键重复,值可以重复。 注意:如果键重复了,就会将原来的值覆...
2021-07-13 19:48:28
227
1
原创 JavaScript基础之--ES6新增Set。
ES6提供了两个新的数据结构:Set和Map。ES6提供了两个新的数据结构:Set和Map。-----------------------------------------------------(Map在下次更新中...)--------------------------------------------这次,主要介绍一下与Set相关的内容。 Set:类似于数组。它只有属性值,而且值是唯一的,即所含值是不重复的(很重要的特性)! ...
2021-07-13 19:30:18
518
1
原创 JavaScript基础之--ES6数组的扩展:如map,Array.from,Array.of,copyWithin,filter,every,some,includes......
ES6的各种方法:---------------------------------------------------《持续更新中》------------------------------------------------------目录forEach(函数,this指向)mapArray.from()Array.of()copyWithin()filter(callBack)every(callBack)some(callBa..
2021-07-13 18:50:20
145
原创 JavaScript基础之--var,let,const,三者的异同点总结。
ES6中新增两个声明变量的关键字:let const。是否存在块级作用域: 首先,通过var定义的变量,作用域是整个封闭函数,是全局的。 而通过let定义的变量,作用域是在块级或子块中,是块级的。是否存在变量提升: 通过var定义的变量,存在变量提升的问题。即浏览器在运行代码之前会进行预解析,不论var声明的变量处于当前作用域的哪个位置,都会提升到作用域的头部。 而通过let和const定义的变量,不存在变量提升...
2021-07-12 18:28:23
171
原创 JavaScript基础之--原型链继承
原型链继承 1)修改子类的prototype的指向来实现 2)父类的属性和方法,以及父类原型对象上的属性和方法都可以获取到 3)继承来的属性在原型链上// 父类function Animal(classes){ this.classes = classes; this.speed = 10; this.hobby = "老鼠"}Animal.prototype.eat = function(){ console.log("吃吃吃");}// 子类funct...
2021-07-07 20:39:13
47
原创 JavaScript基础之--用call方法实现继承及其存在的问题。
实现继承的方法:call方法在子类的构造函数中,调用父类的构造函数,并使用call方法修改函数中的this指向。call存在的问题不能继承父类原型对象上的属性和方法。 //父类 function Animal(classes, speed) { this.classes = classes; this.speed = speed; ...
2021-07-07 20:22:46
218
原创 JavaScript基础之--修改this指向的方法。
修改this指向的方法:(陆续补全中...)目前学习的有三种方法:apply() 使用格式:函数名.apply(this指向的对象,原函数的参数数组) 【注意】apply会让原函数立即执行。apply第二个参数是一个数组。call()使用格式:函数名.call(this指向的对象,原函数的参数列表...) 【注意】call()也会让原...
2021-07-07 20:10:15
82
原创 JavaScript基础之--this的指向问题。
this的指向问题,后续陆续补全中。。。目录1)在全局函数中调用this2)在对象的方法中调用this3)事件处理函数中的this4)定时器(setTimeoutsetInterval)函数中的this5)构造函数中的this1)在全局函数中调用thisfunction fn() { console.log(this); } fn(); 控制台输出: 结论:this指向window2)在对象的方法中调用th...
2021-07-07 19:58:39
76
原创 js基础之-- 修改通过document.write写入的变量样式。如颜色、字体大小等。
首先写出正常的var name = prompt("请输入你的名字", "游客"); if (name == "") { document.write("欢迎你,亲爱的游客"); } else { document.write('欢迎你,亲爱的' + name); }
2021-06-09 20:08:19
4484
原创 关于VScode的各种常用快捷键。
(1) 复制 ctrl+c(2) 粘贴 ctrl+v(3) 剪切 ctrl+x(4) 选中文本块 shift+光标键(5) 跳到行首 home,fn+home(部分笔记本)(6) 跳到行尾 end, fn+end(部分笔记本)(7) 跳到行首并选中 shift+home,fn+shift+home(部分笔记本)(8) 跳到行尾并选中 shift+end, fn+shift+end(部分笔记本)(9) 跳到上一页 pageup,fn+pageup(部分笔记本)(10) 跳到
2021-06-02 09:50:46
960
原创 CSS基础之---各种选择器的优先级问题。
1.调试界面中,选择器的执行顺序是从下向上依次执行, 因此上面优先级高层叠覆盖先执行 2.优先级:继承的 < 系统默认的 < 用户自定义的 3.继承多个选择时:从远古向近代依次继承,依次越远古优先级越低 4.同一个选择器中,先出现的被后出现层叠覆盖,因此后出现优先级高 5.用户定义的选择器: 5.1. 系统为各种选择器定义了对应的优先级等级 5...
2021-06-02 09:47:19
709
原创 CSS基础之---position:fixed新手代码书写步骤。
代码书写步骤 :1.启动固定定位(position:fixed) 2.确认包含块(参照物)即用户可视窗口 3.选择参照方向(水平方向和垂直方向),设置偏移量(top,bottom,left,right) 4.变性为行内块元素,需要重新定义宽和高(width,height) 5.检查进入空中哪一层,不知道时显示配...
2021-06-02 09:44:21
166
原创 CSS基础之---如何实现块元素、行内元素、行内块元素水平居中。
块级元素的水平居中必须满外足宽内窄代码 margin left:auto;margin right:auto;特性:块级元签在是父框中水平居中 2.行内元素、行内块元素、文字的水平居中代码 text-align: center;特性:本标签内的内容在本框内水平居中...
2021-06-02 09:36:32
281
1
原创 弹性盒子的基础概念和认知。
入门级弹性盒子: 1.父框变性为弹性容器 子项在弹性容器内弹性缩放、弹性排版 2.子项自动变性为弹性项: 排列:无约定,横排(类似行内块元素),不换行 高度:无约定,则把父框填满 最终宽度=基础尺寸+动态弹性分配到的尺寸(basis+grow/shrink) 3.弹性项: 启用flex后,属性width和内容尺寸失效。(优先级:flex>wid...
2021-06-02 08:17:52
248
原创 移动端布局中的常用单位
rem单位 一般来说,设计图测量出来是多少,就除以100+rem单位。例如:88px 可以写成 .88rem 注意:可以通过安装px2rem快捷使用,否则需要引入js代码。 vw单位 逐渐流行的移动端布局单位。和rem同理,设计图量出来是多少,除以7.5+vw单位。但由于不好计算,通过安装px2vw插件。优势在于不用引入js代码。从而优化网页打开速度,给用户带来更好的体验。注意:vw单位依靠vw,不需要使用vh单位。 ...
2021-06-01 20:45:46
519
原创 元素内部各个元素的垂直居中布局
如果是文字(行内元素、行内块元素) 直接给父元素加 text-align,元素和元素之间的间距用margin设置。 如果是块元素 块元素自身设置margin-left: auto和margin-right: auto 如果不考虑各个浏览器的兼容问题,可以使用flex进行布局 display: flex; flex-direction: column; align-items: center; ...
2021-06-01 20:40:45
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人