- 博客(21)
- 收藏
- 关注
RSS订阅原创 es6新增class类
es6新增的class类是什么ES6之前，JavaScript 语言中，生成实例对象的传统方法是通过构造函数。ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。ES6中，使用class 来定义类，用来生成实例对象。ES6 的类，完全可以看作构造函数的另一种写法。class类的特性：1.默认会存在一个构造器constructor，每个class类都自带一个
2021-04-30 17:28:56
494
1
原创 await和async
什么是await和asyncawait和async都是es6+以后新增的特性，是异步编程的一种方案，方法。asyncasymc本身是一个关键字，用来修饰函数，这个函数的返回结果是一个promise对象通过async关键字来修饰一个函数，通常这个函数被称为async函数async函数返回一个 Promise 对象，可以使用then方法添加回调函数async函数内部return语句返回的值，会成为then方法回调函数的参数await1.await关键字必须放在async函数里面2.await后
2021-04-30 11:23:53
1890
原创 初识promise
一.什么是PromisePromise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面管理着异步的操作,从它可以获取异步操作的消息.本身不是异步的，是里面管理的操作是异步的。创建一个PromisePromise对象是一个构造函数，用来生成Promise实例promise 是一个构造函数，需要实例化对象，在promise构造函数内还
2021-04-26 23:31:41
203
原创 nodejs基础 ps模块常用API用法
nodejs的fs模块就是针对文件和文件夹进行一系列的操作常用的fs模块API（感兴趣的可以去node官网看更多的）fs.readFile():用来读取文件内容的函数fs.readdir():读取一个文件夹的内容fs.wurteFuke():文件写入内容fs.mkdir():创建文件夹fs.stat():文件状态1.fs.readFile()使用fs.readFile（）来读取某个文件中的内容1.首先引入http和fs模块，使用http.createServer（）创建一个服务器，里面有两
2021-04-22 20:56:56
698
原创 关于click与touchstart事件切换问题
今天在写项目的时候遇到了一个费解的问题，需要通过点击或者触摸事件来改变一个img标签的src值来完成点击切换图片，在次点击在切换回去的一个效果，实现的效果很简单代码也很简单，但是就是在切换回去的时候会出现问题，一开始我写的代码为：代码很简单就是通过判断img的src来切换图片，但是每次切换回去的时候总是不行，根本进不到else里面改了很多办法都不行，到最后在网上查到了这个这个方法好像是用match（）来查一段字符串，如果有就执行，否则就执行else这个方法就可以实现，不知道为什么，第一段代码我也
2021-04-17 14:43:13
308
原创 常见面试题（一）
1、div+css 的布局较 table 布局有什么优点？table布局的优缺点优点：布局简单、快捷、兼容性好 容易上手缺点：改动不便，需要调整，工作量大div+css布局的优缺点优点：布局更加灵活多样，能够通过样式选择来实现界面设计方面的更多要求DIV精简了页面，提高了灵活性。而精通CSS的设计师能避免DIV的重复嵌套，从而大大提高页面加载速度，以及站点的可以维护性。布局改版方便，不需要过多地变动页面内容，通常只要更换相应的css样式就可以将网页变成另外一种风格展现出来。布局可以让一
2021-04-14 20:21:09
194
原创 flex布局常用属性以及效果
一.给父元素添加的属性flex布局分为主轴与侧轴，flex-direction是决定主轴的方向的属性1.flex-direction：row以x轴为主轴方向（从左往右排列）2.flex-direction：row-reverse以x轴为主轴方向（从右到左排列）3.flex-direction：column以y轴为主轴方向（从上到下排列）4.flex-direction：column-reverse以y轴为主轴方向（从下倒上）二.给父元素添加的属性（2）justify-content 设
2021-04-11 11:10:14
612
原创 什么是BFC，BFC的使用
什么是BFCBFC是块级格式化环境BFC是CSS中隐藏的一个属性，当给某个元素设置指定属性时，可以开启元素的BFC开启BFC后的特点：（可以使用开启BFC解决以下问题）1.不会被浮动元素覆盖2.子元素和父元素的外边距不会重叠3.可以包含浮动的子元素如何开启元素的BFC通过以下方式开启元素的BFCfloat 的值不是 noneposition 的值不是static或者relative。display的值是inline-block、table-cell、flex、table-captio
2021-04-08 19:10:58
110
原创 github多人协作流程与git常用指令
一.git多人协作工作流程1. 从远程克隆仓库到本地2. 拉取建立本地开发分支并常规开发3. 用git push origin 推送自己的修改；4. 如果推送失败，则因为远程分支比你的本地更新，需要先用git pull试图合并；5. 如果合并有冲突，则解决冲突，并在本地提交；6. 没有冲突或者解决掉冲突后，再用git push origin 推送就能成功！7. 如果git pull提示no tracking information，则说明本地分支和远程分支的链接关系没有创建，用命令git br
2021-04-01 16:55:53
246
原创 git与github的使用流程
目录一、创建本地版本库二.向本地仓库中添加文件三.修改内容提交四.删除，还原五.使用github创建一个远程仓库六.创建ssh秘钥七.将本地版本库文件推送至github一、创建本地版本库创建一个新的文件夹方法一直接鼠标右键点击选择第一个选择刚刚创建好的文件夹的目录 点击create创建成功成功之后会在文件夹中自动生成一个.git的子文件夹，如果没有的话就是隐藏了，点击显示隐藏文件夹即可方法二鼠标右键点击使用命令行创建（这里也可以换成CMD和vscode中的集成中端）
2021-03-31 16:09:47
84
原创 css预处理less
一.什么是less**1.因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。2.less是动态的样式表语言，通过简单，明了的语法定义，使编写css 的工作变得非常简单，在实际项目开发中，大大提高了前端工程师的工作效率3.css需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，造成这些困难的很大原因源于css是一门非程序性语言，没有变量，函数，scope等概念4.less在css基础上引入了变量
2021-03-30 22:17:01
106
原创 多媒体播放 && 自定义播放控件
一.音频<audio src="./video.mp3" controls></audio>音频的属性属性值说明controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮autoplayautoplay如果出现该属性，则音频在就绪后马上播放 [自动播放]looploop如果出现该属性，则当音频结束时重新开始播放 [循环播放]preloadauto/meta/none如果出现该属性，则音频在页面加载时进
2021-03-29 22:02:38
359
原创 安装git
一.安装git1.git下载地址http://git-scm.com/2.点击选版本3.点击下载安装包安装（一直点确认就行）5.安装完成之后返回桌面右键点击第一个时创建库用的第二个是命令行窗口二.安装乌龟因为git使用的不是很方便，所以在下个TortoiseGit1.下载地址https://tortoisegit.org/download/2.点击下一步选中openSSH设置一个名字和邮箱3.返回桌面右键点击乌龟提供的右键菜单选项不想用英文的可以
2021-03-27 09:02:39
113
原创 JavaScript使用改变scrollLeft的值做轮播图效果
前言今天学了一个使用scrollLeft改变溢出的值的方法做的轮播图，没有做全只做了轮播的效果，自己觉得这个轮播图并不好用（也是我菜），内容不多就不一步步讲解了，不懂得可以看看注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
2021-03-26 19:51:21
837
原创 JavaScript面向对象三大特性之一：继承性
文章目录一.什么是继承性二.继承方法三.构造函数绑定 call&&apply四.原型链一.什么是继承性通常来说继承就类似于儿子继承父亲的财产，但这样说明并不准确，因为这代表父亲将财产给了儿子，父亲自己就没有了，但在JavaScript面向对象中，继承更像师傅与徒弟的关系，师傅将一生所学教给了徒弟，徒弟学会了，但是师傅也没有失去什么，这就是JavaScript面向对象中的继承性。二.继承方法接下来看有几种继承方式，和它们的利弊：1.原型链继承 function G
2021-03-25 16:00:09
245
原创 JavaScript面向对象三大特性之一：封装性
目录前言前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。...
2021-03-24 21:11:02
192
原创 客户端数据储存cookie&&Storage
目录一.cookie二.Storage首先了解什么是会话技术：在日常生活中，我们拨打电话接通后到挂断前，在这期间两人的交流就是一个会话。Web应用中的会话类似生活中的打电话，用户登录（拨号）、一系列的请求和响应（交流）、用户退出登录（挂断电话Web应用需要一种可以保持前面信息（之前的对话）的技术，这就是会话技术。客户端和服务器端每次的交流都可以被追踪，类似于电话里两人的交流，可以记住前面所说的话。例如：当我们点击某个登录界面中的保存密码后，下次再次登录就无须在重新输入密码，因为浏览器在当你
2021-03-23 22:52:36
324
原创 放大镜效果实现
一.先将HTMLCSS部分写好（不要纠结这里写的好坏，每个人的习惯不同，能写出来想要的效果，自己写的代码自己首先得能看得懂） <style> .box1 { width: 350px; height: 350px; position: relative; border: 1px solid #ccc; } .small {
2021-03-21 20:41:46
434
5
原创 JavaScript单线程、同步与异步
目录一、什么是单线程？二、JS问什么是单线程？三、单线程所带来的问题四、同步任务与异步任务五、JS为什么需要异步，如何处理异步任务六、异步任务有哪些七、微任务，宏任务一、什么是单线程？首先我们要知道什么是线程，线程是包含在进程中的，是进程中的实际运作单位，一个进程可以有一个或多个线程同时进行工作，相互不影响。而所谓单线程是指在一个进程中只开一个线程，也就是只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推（进程可以看作是一个工厂，工厂有它的独立资源，工厂之
2021-03-21 14:16:32
167
1
原创 初识Ajax
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-03-21 10:18:19
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人