- 博客(72)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 一篇弄懂 clientWidth、clientHeight、clientLeft、clientTop的区别！（3）
快速了解client系列二级目录二级目录https://juejin.cn/post/6844903861212168200
2021-10-21 18:11:46
1688
原创 一篇弄懂 scrollWidth、scrollHeight、scrollLeft和scrollTop的区别！（2）
https://juejin.cn/post/6844903861212168200
2021-10-21 14:36:33
2512
2
原创 前端es6常用语法，一起来看看吧
JS干货分享 —— 一篇学会ES6ES6简介ES6常用方法filtermapforEachfindfindIndexreduceeverysomeES6简介 ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版 15年就有正式版本了，但是国内普遍商用是在2018年之后去了，甚至到现在有很多前端仍然搞不懂ES6 ES6 的出现主要是为了解决 ES5的先天不足，比如 JavaScript 里并没有类的概念 目前存在少数低版本浏览器的
2021-10-19 16:32:42
1300
1
原创 电脑小知识（持续更新）
电脑小知识常见电脑快捷键1.新建桌面（实用）2.缩小全部页面3.打开下方对应的任务栏4.分屏5.切换应用程序（实用）6.任务管理器7.文档管理器8.放大镜9.捕捉屏幕（截图）10.操作中心11.进入设置12.与电脑对话13.游戏栏录影14.锁屏小技巧如何将桌面移动到D盘常见电脑快捷键1.新建桌面（实用）在不改变原有的桌面内容下，能够快速的创建一个新的桌面出来，为你腾出新的位置，提高工作效率。新建桌面：ctrl+window+D删除新建桌面：ctrl+window+F4切换桌面：ctrl+win
2021-09-19 01:22:10
290
原创 MySQL数据库安装教程，看完就会，配图详解！(含数据库安装包)
1.数据库的安装其实不难，就只有那么关键两步需要注意，基本都是点击下一步即可！ 2.下面将基本以图片的形式展示安装过程（如嫌麻烦，直接看关键步骤即可） 3.这里以MySQL5.7的版本为例！安装步骤1.勾选，下一步。2.勾选下一步（关键选项）3.点击，等待成功。成功后点击next下一步。4.点击下一步5.默认选项，点击下一步。6.设置密码，确认密码，成功后点击下一步。（这里设置为123456，本机密码简单就好）7.设置数据库名称8.无需勾选，点击下一步。9.点
2021-07-21 01:09:39
2353
2
原创 mysql完全卸载教程，看完就会，配图详解，建议收藏！（再也不用重装系统了）
很多人对于数据库，安装完了以后，都不知道怎么卸载，最后导致无法再安装全新的版本. 接下来，就帮你解决困惑，仅需几步就能够随意卸载数据库！(有手就行) 我这里以笔记本电脑，win10系统，MySQL5.7版本为准！！！1.关闭MySQL服务 1.右键我的电脑/此电脑 2.然后点击管理 3.打开服务，找到MySQL，右击关闭MySQL服务（我这里的MySQL名称叫MySQL57）2.卸载MySQL软件 1.在桌面左下角的开始栏中，搜索控制面板，找到卸载程序 2.找到My
2021-07-21 00:41:46
7793
2
原创 一篇弄懂 offsetWidth、offsetHeight、offsetleft、offsetTop和offsetParent的区别！（1）
offsetWidth：元素的布局宽度。offsetHeight：元素的布局高度。offsetWidth、offsetHeight 的计算：width/height + padding + border-width，受 box-sizing 影响。https://juejin.cn/post/6888911624871084046https://juejin.cn/post/6844903586204221447...
2021-07-13 01:12:44
2683
1
原创 字符与字节之间有什么区别？
（一）“字节”的定义字节（Byte）是一种计量单位，表示数据量多少，它是计算机信息技术用于计量存储容量的一种计量单位。（二）“字符”的定义字符是指计算机中使用的文字和符号，比如1、2、3、A、B、C、~！·#￥%……—*（）——+、等等。（三）“字节”与“字符”它们完全不是一个位面的概念，所以两者之间没有“区别”这个说法。不同编码里，字符和字节的对应关系不同：①ASCII码中，一个英文字母（不分大小写）占一个字节的空间，一个中文汉字占两个字节的空间。一个二进制数字序列，在计算机中作为一个数字单元
2021-07-11 22:32:57
4962
3
原创 如何查看连接过的WiFi密码?详细教程（配图片）！
别人问：你家的wifi密码是多少？ 你： 卧槽，忘了… 这种情况日常发生，怎么办？？？ 接下来就告诉你，如何查看自己曾经连接过的WiFi密码电脑版操作1.打开运行窗口 首先我们按组合键 Win(Windows图标键)+R 键打开运行窗口，输入“cmd”按回车即可打开cmd命令提示符2.输入指令 在命令提示符中输入指令netsh wlan show profiles,按回车后我们可以看到曾经连接过的WiFi名称。3.查看密码 1.我们继续输入指令：netsh wlan
2021-06-19 13:39:21
4375
原创 详解JS中的栈内存与堆内存！（配图解）
一、栈内存1.访问顺序 栈是一种先进后出的数据结构，栈内存是内存中用于存放临时变量的一片内存块。 它是一种特殊的列表，栈内的元素只能通过列表的一端访问，这一端称为栈顶，另一端称为栈底。2.存储数据 一般来说，栈内存主要用于存储各种基本类型的变量，包括Boolean、Number、String、Undefined、Null…以及对象变量的指针 为方便大家理解，这里我们通过类比乒乓球盒子来分析栈的存取方式。 这种乒乓球的存放方式与栈中存取数据的方式如出一辙。 处于顶层的乒乓球5号，它一
2021-06-15 19:34:36
9918
2
原创 当面试官问你HTTP状态码，你该怎么回答？
一、1开头状态码1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 (切换协议) 请求者已要求服务器切换协议，服务器已确认并准备切换。...
2021-06-05 20:31:44
322
原创 JavaScript 中 call()、apply()、bind() 的用法,及区别
其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！先看明白下面：https://www.runoob.com/w3cnote/js-call-apply-bind.html用法
2021-05-23 13:17:20
223
1
原创 利用jQuery制作简易手风琴
利用jQuery制作简易手风琴实现步骤1.引入jQuery文件2.将写好的标签进行样式修改3.逻辑代码的书写我们先来看看效果：实现步骤1.引入jQuery文件<script src="../jquery/jquery-1.12.4.js"></script>2.将写好的标签进行样式修改css样式：<style> *{ margin: 0 ; padding: 0px;
2021-05-18 02:14:56
792
原创 利用jQuery制作简易弹幕效果
利用jQuery制作简易弹幕效果实现步骤：1.制作样式2.逻辑，思路实现步骤：1.制作样式我们先来看看body中的代码：<body> <div class="box"> <div class="small"> <div class="div1"> <input type="text"> <span>发射</sp
2021-05-18 01:40:07
565
原创 利用canvas画布制作简易轮播图
利用canvas画布制作简易轮播图步骤解析1.创建一个画布，并给它定义宽高，然后设置样式。2.获取画布元素，并引入图片路径3.将图片在画布中显现4.利用定时器，让图片动起来我们先来看看效果：步骤解析1.创建一个画布，并给它定义宽高，然后设置样式。css样式<style> *{ padding: 0; margin: 0; } canvas{ border: 1px
2021-05-18 01:39:22
1135
原创 利用原生JS实现省市区三级联动（详解）
JavaScript实现省市区三级联动1.遍历数据2.二级联动的实现3.三级联动的实现1.遍历数据数据链接提取码: bv3t2.二级联动的实现3.三级联动的实现
2021-05-09 22:46:10
10772
8
原创 纯js代码，制作炫酷烟花特效。快给你的朋友瞧瞧吧！
本人原因，制作详解等一天；效果图：（图片太大分两次上传）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc
2021-05-06 00:25:10
7921
5
原创 JavaScript之闭包
闭包什么是闭包举例：三级目录什么是闭包闭包：内部函数被拿到外部调用，造成原有的作用域链不会被释放，造成内存泄漏；举例：//普通方法，定义一个全局变量来实现函数累加器 // var a=1; // function fun(){ // console.log(a); // a++; // } // fun();//1 // fun();//2 // fun()
2021-04-26 13:01:42
120
原创 JavaScript预编译原理分析
JavaScript预编译原理分析一.JS执行过程:二.预编译：1.函数预编译：（找var和function关键字）AO函数对象举例1：举例2：举例3：2.全局预编译（GO全局对象）举例1一.JS执行过程: 在讲预编译之前，首先我们要明白js的一个执行顺序： 1.语法检测:通篇扫描语法错误 2.预编译 3.代码执行：逐行执行二.预编译：1.函数预编译：（找var和function关键字）AO函数对象从函数执行的前一刻开始：1.创建一个函数的AO对象（Activation Obje
2021-04-26 01:54:56
254
1
原创 利用JavaScript实现随机抽奖代码
利用JavaScript实现随机抽奖代码一.分析：二.部分重要功能代码：1.body页面：2.通过点击事件来显示随机号码：3.设置中奖号码：4.判断是否中奖的方法三.全部代码实现：图片：一.分析： 1.给抽奖机的开始和停止按钮绑定点击事件 2.通过点击事件来启动循环定时器，并通过循环定时器来获取随机数字 3.将随机号码显示在屏幕上 4.设置抽奖号码 5.将抽奖号码与随机数字进行比对，如果相等则为中奖，不相等则没有中奖。二.部分重要功能代码：1.body页面：<body&
2021-04-20 13:17:11
4658
1
原创 JS电灯开关案例
利用js控制电灯开关题目：分析：实现方法：方法一：方法二：题目： 通过js来控制电灯的开关分析： 获取电灯泡元素，给它绑定点击事件，通过鼠标点击来实现电灯泡的开关实现方法：方法一： 获取图片元素，通过给按钮绑定点击事件来控制电灯开关<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib
2021-04-20 12:45:48
752
1
原创 js实现列表删除
利用js实现列表删除题目如下：实现步骤：方法一：方法二：方法三：方法四：题目如下：功能如下： 当点击清空时，所有项目全部清空，当点击删除时，对应项目跟着一起删除实现步骤： 1.首先我们要创建出对应的列表和删除按钮 2.我们要给每个按钮绑定事件 3.通过点击按钮来删除对应的列表或清空列表 4.利用for循环来减少代码量方法一： 利用this（当前对象）寻找父元素或兄弟元素来删除对应节点：<!DOCTYPE html><html lang="en">
2021-04-13 08:24:05
4067
原创 经典算法题：有n个人围成一圈，顺序排号。从第一个人开始报数（从1到3报数），凡报到3的人退出圈子，问最后留下的是原来第几号。
选班长题目：思路：实现方法：方法一：题目：题目:有n个人围成一圈，顺序排号。从第一个人开始报数（从1到3报数），凡报到3的人退出圈子，问最后留下的是原来第几号（假设班上有20人）。思路： 首先：我们可以先将班上的人（20人）做标记装进一个数组里，每当报到3时，将这个人做标记，然后跳过继续报数，直到最后一个人时，将他取出。实现方法：方法一：1.创建一个数组，将所有人存入该数组，并给它们都标记为true： var a=new Array(20); for(var i=0;i
2021-04-13 08:23:42
4680
原创 利用HTML自制电子表
利用HTML自制电子表表格表格属性行属性单元格属性实现：建筑消防设施维护保养记录表代码实现：制作表格时需注意事项：效果图 在生活中，我们会经常遇到各种需要填写的表格，除了利用Word和Excel制作表格外，我们可不可以利用代码来实现表格的制作呢？ 答案是：可以。 下面我来介绍表格的作用和一些属性。表格作用： 按照一定的顺序（格式）摆放数据组成： 行和单元格创建表格：table 表格tr 行td 单元格表格属性table的属性align 水平
2021-03-28 21:52:00
407
原创 利用HTML实现弹幕滚动效果（跑马灯标签）
HTML跑马灯标签1.跑马灯标签（marquee）2.代码实现 我们经常会在看电影的时候，打开弹幕，以此来查看网友们对电影的实时评价。面对屏幕上一条一条滚动的弹幕，到底是如何实现的呢？ 下面我们来介绍用HTML实现弹幕滚动的方法。1.跑马灯标签（marquee）标签名：marquee 跑马灯标签，独占一行属性：behavior：设置滚动方式 scroll 一直重复 slide 只播放一次 alternate 来回弹动directi
2021-03-28 21:12:46
6789
原创 利用JavaScript，通过不同标签实现九九乘法表
JavaScript实现九九乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> td{ border: 1px solid red;/*边框厚度 实线 红色*/ } div{
2021-01-18 00:10:57
207
1
原创 利用js实现电灯开关案例
通过对js的一个学习，我们来完成一个模拟电灯开关的小案例。 首先对本案例进行一个分析，过程如下： 1.获取图片属性 2.绑定单击事件 3.点击时切换图片1.通过按钮实现电灯开关<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body
2021-01-18 00:10:34
578
2
原创 结合html，css，js制作简易老虎机
1.在制作时，首先要理清思路，先将模型想好，再写代码。2.先写html部分，给它一个大概的框架。再写css部分，对它进行修饰（上色，排序）。最后写js代码，完成相应的功能。话不多说，先上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .out
2021-01-18 00:10:07
1256
原创 javaweb-day09-JavaScript基础介绍
JavaScript基础一.简介1.概念2.功能3.发展史二.ECMAScript1.基本语法1.1 与html结合方式1.2 注释1.3 数据类型1.4 变量1.5 运算符1.6 流程控制语句1.7 js特殊语法1.8 练习2.基本对象2.1 Function 函数对象2.2 Array 数组对象2.3 Date 日期对象2.4 Math 数学对象2.5 RegExp 正则对象2.6 Global全局对象核心总结:作业一.简介1.概念一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器
2021-01-17 21:48:44
110
原创 javaweb-day08-css
html一.概念Hyper Text Markup Language 超文本标记语言，是最基础的网页开发语言 * 超文本： 1.网页中包含超链接，可以从一个页面跳转到另一个页面 2.网页中不仅仅是文本，还可以包含图片，音频，视频，超链接等元素 * 标记语言： 1.由标签构成的语言，<标签名称>，如<html> 2.标记语言不是编程语言二.基本语法授课思路：先写一个基本的html网页,再来总结出下面的规律。1.html文件是以.html作为后缀名2
2021-01-17 21:47:09
93
原创 javaweb-day07-HTML
html一.概念Hyper Text Markup Language 超文本标记语言，是最基础的网页开发语言 * 超文本： 1.网页中包含超链接，可以从一个页面跳转到另一个页面 2.网页中不仅仅是文本，还可以包含图片，音频，视频，超链接等元素 * 标记语言： 1.由标签构成的语言，<标签名称>，如<html> 2.标记语言不是编程语言二.基本语法授课思路：先写一个基本的html网页,再来总结出下面的规律。1.html文件是以.html作为后缀名2
2021-01-17 21:46:04
101
原创 javaweb-day06-jdbc连接池
JDBC连接池&JDBCTemplatejdbc连接池程序和数据库之间的连接是底层技术，每一次连接都比较耗时，而用完后又得关闭连接释放资源，这样反复连接和释放其实是很浪费时间的，因此引出一个连接池技术，来管理这些连接对象。连接对象被使用完后，会归还给连接池，等待分配给下一次使用，而不是销毁。jdbcTemplatejdbc操作中，很多的代码大量重复出现，其实我们写熟练以后，发现只需要关注sql怎么写就可以，所以对重复出现的代码进行封装来简化jdbc的操作。一.数据库连接池
2021-01-17 21:44:30
127
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人