小白入行
文章平均质量分 75
02广媳
敲代码,干就完事了。
展开
-
ES6 let和const命令
let和constlet命令不存在变量提升暂时性死区不允许重复声明const命令const声明一个只读的常量。声明就赋值声明不会提升不允许声明重复let命令基本用法ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}console.log(a); // ReferenceError: a is not defined.console.log(b); // 1object HTM原创 2021-06-06 10:34:34 · 78 阅读 · 0 评论 -
ES6中的set和map
了解ES6中的set和mapset方法addhasdeleteclearMAPsetgethas以上就是ES6中的set和map数据结构的相关内容了,如果觉得有帮助的话记得点赞加关注哦set方法ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成Set数据结构。利用Set创建一个数组对象: var arr = [15, 16, 15, 50, 42, 50,16,42,68]; var set = new Se原创 2021-06-06 10:06:18 · 96 阅读 · 0 评论 -
Less入门以及一些前端面试题
Less入门Less是什么?如何安装?less变量赋值less封装函数less与sass的异同Less是什么?Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档(中文版),包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。因为 Less 和 CSS 非常像,因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展,这就是 Less原创 2021-05-19 20:51:30 · 3403 阅读 · 0 评论 -
js原型与原型链
javascript原型与原型链prototype`__proto__`constructor实例与原型原型的原型原型链prototype在JavaScript中,每个函数都有一个prototype属性,这个属性指向函数的原型对象。function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()原创 2021-05-19 19:29:16 · 119 阅读 · 0 评论 -
判断数组真伪的方法总汇
右手就行-数组真伪API前言什么是伪数组。创建伪数组和真数组实例。对象隐式原型的构造函数判断.toString()方法Object.prototype.toString.call方法instanceof判断Array.isArray()判断数组方法来判断isPrototypeOf前言在js中数组类型大家应该都不陌生,那你是否知道数组其实是有真假之分的呢?什么是伪数组。伪数组:1、拥有length属性,其它属性(索引)为非负整数(对象中的索引会被当做字符串来处理,这里你可以当做是个非负整数串来理解原创 2021-05-17 19:31:11 · 775 阅读 · 0 评论 -
js中的深,浅克隆
js中的深,浅拷贝浅拷贝深拷贝总结浅拷贝浅拷贝是指对于基本数据类型而言,复制它的值;对引用类型的数据仅能复制到它的地址,并不能对地址内存放的值进行复制。浅拷贝效果显示:浅拷贝方法: function Clone(obj) { if (Object.prototype.toString.call(obj) === "[object Object]") { var newObj = {}; fo原创 2021-04-06 20:51:32 · 195 阅读 · 1 评论 -
js实现2048
js实现2048样式部分结构部分功能部分左移右移上移下移判断格子是否满格判断满格时是否可以移动随机数生成函数渲染视图函数初始状态函数常量定义样式部分* { margin: 0px; padding: 0px;}.case { width: 450px; height: 600px; margin: 20px auto; /*overflow: hidden;*/ position: relative; /*border: 1px so原创 2021-04-06 00:28:20 · 522 阅读 · 2 评论 -
canvas绘制随机验证码
文章目录HTML标签部分画布获取封装0~最大值的随机数的函数封装随机颜色函数绘制随机线绘制随机点绘制随机文本成果展示HTML标签部分<canvas id="code" width="100" height="50" style="border: 1px solid #ccc"></canvas>宽为100 高为50 边框为颜色为#ccc的1px的实线画布获取 var canvas= document.getElementById("code");//获取画布原创 2021-04-05 22:50:50 · 348 阅读 · 1 评论 -
使用HTML5自制视频控件
使用HTML5自制视频控件前言静态样式实现js的dom元素获取播放、暂停功能暂停时弹出广告进度条功能计时功能实现声音控件总结前言随着网络时代的到来,人们的生活也是相当便利,例如:当我们点击一个视频时,视频就会开始播放。在这个例子中,有没有大胆想过我们常用的播放,暂停,音量控制,进度条等等,这些功能我们自己来实现呢?如果你有这个想法,那么我的这篇文章就可以帮您实现。静态样式实现标签部分: <div id="father"> <video src="birds.原创 2021-04-05 17:51:07 · 668 阅读 · 0 评论 -
初级js两天学(第二天)
初级js两天学(第二天)运算符(算术运算符)复合运算符关系运算符各种数据类型之间比较运算符(算术运算符)运算符包含:“+” 、 “-” 、 “” 、 “%” 、 “/”“+”1.数学运算“加”2.字符串连接3.任何数据类型加字符串类型都会转换为字符串类型“-”1.数学运算"减”""1.数学运算"乘"“%”1.数学运算“求余数除法”“/”1.数学运算“求整数除法”实例如下: console.log(1+3);//此出为控制台输出1+3的数学运算结果为4;原创 2021-03-04 20:42:02 · 339 阅读 · 1 评论 -
JS初级入门两天学
JS初级入门两天学前言编程语言的分类JavaScriptJS的导入方式页面弹框取消&确认弹框输入(确认&取消)弹框页面输出控制台输出数据类型原始值数据类型isNaN 方法typeof 方法转义字符强制转换为数字类型end前言当今的it行业流行的计算机编程语言有很多,比如:Java,Python,PHP、C、C#、.net。种类繁多,那这些语言可以用来编写网页么?答案虽然是可以,但是最佳的编程语言还是我们今天的主角——JS(JavaScript)编程语言的分类编程型语言:特点:通篇原创 2021-01-19 20:20:13 · 118 阅读 · 0 评论 -
CSS3弹性布局
CSS3弹性布局前言css3弹性布局如何创建一个弹性盒子声明定义主轴和交叉轴主轴交叉轴flex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-growflex-shrinkflex-basisend前言在我们用不同设备浏览网页的时候,我们可以发现:页面的内容的布局没有较大改变,有些元素甚至只是缩放了大小。那这些网页是怎么做到的呢?别担心,学会了今天的内容,你也可以写出一个这么“灵活”的网页。css3弹性布局弹性布局的作用是什么?原创 2021-01-18 21:03:21 · 348 阅读 · 0 评论 -
CSS定位和过度动画
CSS定位前言CCS定位css定位分类相对定位 position:relative绝对定位 position:absolute子绝父相布局固定定位css新增的选择器功能过度动画transition结合案例案例内容案例实现思路实现步骤实现代码end前言在我们设计网页的时候,我们在给页面布局的时候想要移动元素可以使用浮动布局。但是当我们需要移动到指定位置的时候,使用浮动布局就无法达到效果,那么我们该怎么办呢?我们今天学习的知识就可以解决这个问题。不仅如此我们还可以做出一个小小的表白神器。CCS定位根据所原创 2020-12-30 21:04:36 · 1666 阅读 · 0 评论 -
CSS入门基础两天学!!!(第二天)
CSS入门基础两天学!!!(第二天)前言选择器的计算权重css中的尺寸样式基本尺寸溢出列表的项目符号元素的分类强制改变元素的分类盒子模型 div元素框模型重新制定 box-sizing文档流概念浮动概述前言css这一部分的知识难度并不高,虽然理解知识点很容易,但是我们的学习不能仅仅停留在理解和知道使用方法上。如何灵活的把这些知识用在最合适的地方也是学习的一部分,因此今天我会更多的列举一些例子,方便理解的同时也希望能帮助看到本文的“你”会有想自己动手试一试的欲望。选择器的计算权重在我们使用种类繁多的选原创 2020-12-23 20:34:11 · 85 阅读 · 0 评论 -
CSS入门基础两天学!!!
css入门基础两天学!!!前言什么是CSS?CSS的类型css中的选择器四大选择器的优缺点:四大选择器的优先级:CSS字体属性:如何改变文本的样式字体系列字体复合属性:背景样式颜色的表现形式尺寸标签复合选择器后代选择器子选择器并集选择器伪类选择器伪类选择器总结end前言最近几年,前端行业逐渐开始热门,工作分量甚至开始和后端平齐,我相信有很多和我一样对这个行业感兴趣,但是又不知道入门该学什么内容的老铁,那么今天我就对入门基础知识中“css”这一部分的知识总结出了本文,希望能帮到和我一样热爱学习的每一个“你原创 2020-12-21 20:49:53 · 115 阅读 · 0 评论 -
HTML三天入行不是梦!冲冲冲(第三天)
HTML三天入行不是梦!冲冲冲(第三天)HTML三天入行不是梦!冲冲冲(第三天)HTML三天入行不是梦!冲冲冲(第三天)前言一、表单表单的作用组成form 代表的就是一个表单元素表单type元素``的其他重要元素``标签(关联标签)``标签``标签特殊字符特殊字符前言今天是学习HTML的第三天,我们会学习最后的部分知识和一些拓展,那么闲话不多说,开始今天的学习吧。一、表单表单的作用用于 显示、收集 用户信息 ,并且提交给服务器组成 1.表单元素 -------将信息提交给服务器原创 2020-12-15 09:52:14 · 91 阅读 · 0 评论 -
HTML三天入行不是梦!冲冲冲(第二天)
HTML三天入行不是梦!冲冲冲(第二天)HTML三天入行不是梦!冲冲冲(第二天)Web&InternetFont标签(已废弃)列表1、``无序列表``2、``有序列表 ``3、`` 自定义标签``表格标签 ` `1、表格的作用2、table常用属性:3、tr 行常用属性表格标题 caption表格的高级运用endHTML三天入行不是梦!冲冲冲(第二天)今天我们会学习HTML的新的知识点,整体上难度也有所加大,对刚刚开始学习的小白或许还有些难度,但是只要勤加练习,学习掌握只是时间问题,好了原创 2020-12-14 20:48:10 · 94 阅读 · 0 评论 -
HTML三天入行不是梦!冲冲冲
浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。原创 2020-12-08 14:05:12 · 131 阅读 · 0 评论