- 博客(56)
- 收藏
- 关注
原创 【JavaScript】来自 ES6 的嘲讽:箭头函数与 this
提起 ES6 的箭头函数,就不得不提提 this。自 ES3, JavaScript 便支持 this,那 this 到底是什么呢?我们在控制台试图打出 this:this //Windowthis === window //true let x = function() { console.log(this) }x() //Windowlet name = "windowName"let block = { name: "block", fn : fun
2020-10-03 16:03:21 200
原创 【JavaScript】来自 ES6 的嘲讽:小 let,大作用
javascript中有一个概念,叫做变量提升,即在声明变量之前可以使用变量且值为undefined,这会导致什么问题呢?我们试想这样一个场景,使用for循环来给一组<li></li>添加onclick监听事件,实现点击标签打印是第几个<li></li>。//错误代码for (var i = 0; i < liItems.length; i++){ liItems[i].onclick = function() {...
2020-10-02 10:28:56 202
原创 【基础】三报文握手与四报文挥手详解及 Q&A
概念三报文握手:客户端与服务器通过传输三条报文建立连接四报文挥手:客户端与服务器通过传输四条报文断开连接标识符说明先看下图图中的 A1 - B2 表示报文代号(方便后续说明),一个箭头表示一条报文,报文上的标识符依次为:SYN:表示建立连接标志,发起建立连接请求时,其值为1 ,即 SYN = 1seq:表示报文序列,连续的报文 seq 值也会连续ACK:表示确认标志,ACK = 1 即表示收到报文ack:表示确认编号,其值为接收到报文的 seq + 1FIN.
2020-06-10 21:26:59 3929 2
原创 【Vue】后台资金管理系统
GitHub 仓库:https://github.com/SEVLT/backstage-fund-management-system效果预览:
2020-09-30 01:06:46 624
原创 【JavaScript】实现文本转语音功能
效果预览:https://sevlt.github.io/text-to-speech/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link.
2020-06-26 02:25:58 1526
原创 【Vue】实现客户管理系统
GitHub 仓库:https://github.com/SEVLT/customer-management-system效果预览:
2020-06-16 19:21:53 857
原创 【JavaScript】实现 TodoList 移动端页面
效果预览:https://sevlt.github.io/to-do-list-mobile-terminal/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-.
2020-06-10 02:38:47 491
原创 【CSS】Bootstrap 4 样例
效果预览:https://sevlt.github.io/bootstrap4-demo/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" .
2020-06-08 17:12:25 299
原创 【Vue】实现打沙袋效果
效果预览:https://sevlt.github.io/punching-bag/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g.
2020-05-29 21:09:44 343
原创 【JavaScript】贪吃蛇小游戏
效果预览:https://sevlt.github.io/Snake/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> .
2020-05-26 21:25:35 537
原创 【JavaScript】this 关键字
在方法中,this 表示该方法所属的对象单独使用,this 表示全局对象(window)在函数中,this 表示函数的所有者严格模式下的函数中,this 为 undefined在事件中,this 表示接收事件的元素call() 和 apply() 方法可以将 this 引用到任何对象...
2020-05-17 01:20:07 139
原创 【JavaScript】var、let 与 const
var:使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象。let:使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升。const:使用const声明的是常量,在后面出现的代码中不能再修改该常量的值。...
2020-05-17 01:17:20 219
原创 【基础】MVC 模式的理解
MVC 是指 Model-View-Controller(模型-视图-控制器) 模式,这种模式用于应用程序的分层开发。具体逻辑如下图:
2020-05-14 16:14:02 165
原创 【JavaScript】拼图小游戏
效果预览:https://sevlt.github.io/puzzle-game/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />.
2020-05-14 09:59:44 300
原创 【基础】LocalStorage 与 SessionStorage
概念:LocalStorage 与 SessionStorage 的作用都是用来在本地存储同一会话的数据,这些数据只有在同一个会话中的页面才能访问。每个域名的 LocalStorage与 SessionStorage 大小为 5MB 左右。区别:LocalStorage 与 SessionStorage的生命周期不同,LocalStorage 一旦存储便永久生效,除非手动删除数据。SessionStorage 则在页面关闭就会失效。应用场景:某网站首次访问会弹出广告,..
2020-05-11 14:51:59 243
原创 【基础】Cookie 与 Session
由于 HTTP 协议是无状态的,因此若想保留用户的状态信息,需要使用到 Cookie 和 Session 技术。Cookie:1、服务端通过 Set-Cookie 响应头设置 Cookie2、客户端得到 Cookie 后,会在本地磁盘创建一个文件用于保存用户信息,每次请求都会带上该 Cookie3、客户端发起请求,服务端读取用户 Cookie,获得用户信息4、Cookie 并不是永久的,会在一定时间后失效由于 Cookie 的安全性,引入了 Session 技术,Session
2020-05-11 11:39:15 108
原创 【优化】使用 Cache-Control 优化页面
Cache-Control 用于控制资源缓存何时失效服务端代码:response.setHeader('Cache-Control', 'max-age=30')max-age = 30,即在 30 秒内刷新页面该资源不会重新向服务端发起请求,而是直接在浏览器缓存中取得,因此不消耗下载视频,一定程度减小了用户加载页面的时间。...
2020-05-11 01:47:43 602
原创 【基础】Node.js 的概念、作用及运行方式
概念:简单来说,Node.js 不是一个 JavaScript 库,而是一个 JavaScript 的运行环境。举例来说,Node.js 不是 JQuery 那样的 JavaScript 库,而是像浏览器那样的 JavaScript运行环境。(Node.js 与 浏览器并不是相同的 JavaScript 代码运行环境,例如 Node.js 没有document 对象,而浏览器没有 http 全局对象)作用:在 Node.js 诞生之前,前端页面使用 JavaScript 语言书写,但服务端页面.
2020-05-11 01:28:53 396
原创 【Vue】实现简单的购物车页面
效果预览:https://sevlt.github.io/vue-shopping-cart/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0.
2020-05-10 11:47:44 814
原创 【CSS/JavaScript】动态生成皮卡丘
预览地址:https://sevlt.github.io/animate-pikachu/index.htmlHtml 代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="vi...
2020-05-03 13:41:49 1383
原创 【JavaScript】实现点击按钮显示浮层
效果预览:https://sevlt.github.io/Popover/index.htmlHtml代码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d...
2020-04-21 18:50:54 848
原创 【JQuery】实现无缝轮播图
特点:页面失焦时暂停轮播。HTML 代码:<!DOCTYPE html><html lang="zh-Hans"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
2020-04-19 19:19:11 273
原创 【JavaScript】字符串转换为数字的五种方法
Number()Number("123");123parseInt()parseInt("123",10); //10表示10进制,默认即为10进制,可省略123parseInt("123s"); //不会报错,只转换可转换的部分123parseFloat()parseFloat("1.23");1.23parseFloat("1.23s"); //不会报错...
2020-02-16 16:25:38 815
原创 【Algorithm】冒泡排序、选择排序和快速排序
目录冒泡排序选择排序快速排序冒泡排序动画演示:代码实现: public static int[] bubbleSort(int array[]) { if (array.length == 0) return array; for (int i = 0; i < array.length ...
2020-02-02 06:52:43 111
原创 【CSS】用CSS画太极图
HTML:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Tai-chi</title> <link rel="stylesheet" href="style.css"> </head&...
2020-01-21 04:12:33 1305
原创 【其他】解决使用http-server调试HTML页面不显示更新问题
问题举例:修改了CSS代码,但刷新HTML页面不显示更新。原因:CSS文件被浏览器缓存了。解决方法:打开Chrome调试工具,点击Network,勾选“Disable cache”以关闭浏览器缓存。( ※ Chrome需要始终打开调试工具,才会使Disable cache持续生效。)...
2019-12-27 19:16:18 1838
原创 【CSS】用CCS画三角形(含直角三角形)
原理:利用div的border属性变换得到三角形。step1:首先画一个宽度、高度、边框都为50px的div,且边框颜色为四种不同颜色:.triangle { height: 50px; width: 50px; border: 50px solid red; border-top-color: blue; border-right-color: black; border...
2019-12-26 22:23:07 1012
原创 【基础】使用Git创建本地仓库并上传、更新到GitHub
目录1、创建本地仓库2、将本地仓库上传到GitHub3、更新本地仓库并同步更新至GitHub※ 此文章默认已将本机配置SSH Keys1、创建本地仓库mkdir git-demo #创建git-demo文件夹cd git-demo #进入git-demo文件夹git init #初始化本地仓库touch index.html #创建index.htmlgit a...
2019-12-22 17:11:59 177
原创 【CSS】CCS引入的三种方式
目录1、行内样式2、内部样式表3、外部样式表4、使用 @import 引用外部 CSS 文件1、行内样式<p style="color:red; font-size:18px;">我的字体颜色为红色,大小为18像素</p>2、内部样式表<head> <style type="text/css"> ...
2019-12-20 22:47:46 1131
原创 【HTML】实现控件与文本的绑定(点击文本即聚焦控件)
当网页出现文本框、单选、多选等控件时,例如如下代码:用户名<input type="text" name="username">密 码<input type="text" name="password">此时如果用户想输入用户名或密码,必须单击它们对应的文本框才能输入。但是很多时候我们希望的效果是:当用户单击“用户名”、“密码”文字时,依然可以聚焦到对应的...
2019-12-11 22:37:25 696
原创 【基础】TCP与UDP、三报文握手简单理解
TCP(Transmission Control Protocol传输控制协议)UDP(User Datagram Protocol 用户数据报协议)TCP 特点: UDP 特点:1、面向连接 ...
2019-12-08 20:12:40 254
原创 【基础】git命令行常用操作
git命令行常用操作 命令 说明 git init 初始化本地仓库 git add 文件名/目录 添加指定文件到暂存区 git add . 添加当前目录下所有文件到暂存区 git status -sb 查看暂存区文件总结及分支 git commit -m "说明" 将暂存区内容提交到本地仓库 git pull 将远程仓库信息同步到...
2019-12-01 17:11:51 271
原创 【基础】命令行常用操作
命令行常用操作 命令 说明 cd 目录 切换目录 mkdir 目录 创建目录 mkdir -p "目录1/目录2" 创建多级目录 pwd 显示当前目录 touch 文件名 创建文件 start 文件名 打开文件 ls 查看当前目录下包含的文件 ls -a 同上,且包含以 . 开头的文件 ls...
2019-12-01 16:31:15 350
原创 【基础】进制转换详解
目录①十进制数转换为非十进制数②非十进制数转换为十进制数③二进制数与八进制数、十六进制数之间的转换①十进制数转换为非十进制数②非十进制数转换为十进制数③二进制数与八进制数、十六进制数之间的转换 ※附:...
2019-11-27 14:05:17 197
原创 【C++】虚函数
首先补充一个概念:函数重写。函数重写即子类继承父类的某个函数,因需求不同而修改此函数,但函数名仍然相同。class Father{public: void text() { cout << "父类" << endl; }};class Son:public Father{public: void text() { cout <...
2018-12-01 22:17:33 112
原创 【C++】类的继承方式
※1、子类的内存中,仍然包含父类的私有成员。 2、父类指针可以指向子类对象,如:Son s1; Father *p=&s1;
2018-12-01 21:54:30 96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人