IT-博通哥-CSDN博客

原创女朋友天天看直播，问我能不能写个JS弹幕功能？

导语：刚刚看到女朋友发来的消息，说我能不能做个b站的弹幕功能做出来了晚上可以不用睡沙发，这把我激动的，，，，，女朋友跟我的聊天记录如下：我立马就去b站跟各大博客网站浏览技术去了哈哈，反正这个弹幕技术的源码我已经打包了，想要的文末可以下载跟就宝贝女朋友的要求，做了如下需求：这里是引用需求分析用户点击发送按钮把input中的内容展示到 box里面 1.元素 .con .send-btn .box span(创建) 2.事件: 点击事件键盘事件 3.行为

2020-11-12 21:18:13 1205

原创花了一天准备好的web前端电子书籍，全部可以免费下载！

为大家推荐前端开发相关的书籍，个人认为每本都很经典，希望大家能有所收获~鲁迅曾说过——“每18个月，前端技术的难度就会增加一倍”但是即使前端技术飞速发展，下面的这些书籍，依然是每个前端学者首选的入门书籍。这个书籍很多，主要看大家想要提升哪方面。就可以去下载相对应的书籍；上述书籍已经全部上传到群文件里了，QQ群号：733581373，欢迎正在学习前端的小伙伴过来一起学习...

2020-02-20 20:18:45 2513

原创 html5 canvas带音效的新年烟花特效，真的好看极了

花了半个小时写的代码，这个html5 canvas新年烟花一定不会让大家失望！

2021-12-22 21:40:10 6796 15

原创用python代码轻松判断你什么星座？

星座属性图首先我们创建判断星座函数，代码如下图：再建立一个星座及星座符合与日期对应的列表，代码如下图：最后我们输入日期，就能直接判断你是属于什么星座了

2021-10-08 15:06:31 3375

原创父亲节！程序员给父亲一份代码信

2021年的6月20号，后天就父亲节了，给父亲的一份代码信件import turtleimport timedef hart_arc(): for i in range(200): turtle.right(1) turtle.forward(2)def move_pen_position(x, y): turtle.hideturtle() # 隐藏画笔（先） turtle.up() # 提笔 turtle.goto(x

2021-06-18 16:42:19 8251 3

原创边学边总结的前端笔记（JavaScript基础篇）

「学习笔记」JavaScript基础前言最近一直研究JavaScript内容，遂把这一阶段的学习内容整理成笔记，巩固所学知识，同时也会参考一些博客，书籍上的内容，查漏补缺，给自己充充电????????文章内容如有错误，欢迎指正批评✔️✔️工欲善其事，必先利其器，为了提高开发效率，选用VScode。管理-设置-常用设置-字体Consolas, '微软雅黑 Light', monospace Chinese汉化Vscode Prettier格式化代码(缩进2格)

2021-05-22 21:53:40 8901 35

原创边学边工作总结的前端笔记（CSS基础笔记）

「学习笔记」CSS基础前言拖延了一周的CSS学习笔记终于利用周末去补齐了，本篇文章着重梳理之前所学的CSS知识点，查漏补缺。同时，试着用git将重点案例存放到远程仓库中，更近一步贴近公司流程。????????CSS构造块「1. HTML的局限性」 HTML满足不了设计者的需求，可以将网页结构与样式相分离，这样就可以在不更改网页结构的前提下，更换网站的样式。操作html属性不方便 HTML里面添加样式带来的是无尽的臃肿和繁琐「2. CSS网页的美容师」

2021-05-22 21:45:09 808

转载边学边工作总结的前端笔记（HTML基础篇）

前言勤做笔记不仅可以让自己学的扎实，更重要的是可以让自己少走弯路。有人说:"再次翻开笔记是什么感觉"，我的回答是:"初恋般的感觉"。或许笔记不一定十全十美，但肯定会让你有种初恋般的怦然心动。????????本章着重复习Html的基础内容，学习Html究竟要学些什么呢？主要是学习各种标签，来搭建网页的“结构”。✨✨本篇文章主要由五个章节构成，从WEB标准到初识HTML，接着学习HTML常用标签，最后学习表格列表和表单。????????开始充电之旅啦~~~一、认识WEB「网页」主要是由文字、..

2021-05-22 21:36:26 1297

原创抖音最疯狂的辞职代码，你下载了吗？

前言：对于搞笑辞职代码的话，网上很多都是通过C语言或者易语言来写的，这次我通过前端JavaScript来完成！首先我们来看看动图是什么样的？我们来看看JavaScript代码：<script> (function(){ function $(selector) { return document.querySelector(selector); } va.

2021-03-30 14:30:40 3754 1

原创一道面试题就能测出你的JavaScript水平

function Parent() { this.a = 1; this.b = [1, 2, this.a]; this.c = { demo: 5 }; this.show = function () { console.log(this.a , this.b , this.c.demo ); } } function .

2020-12-09 22:30:30 758

原创这三张图你搞懂了，JavaScript差不多不用学了！

对于新人来说，JavaScript的原型是一个很让人头疼的事情，一来prototype容易与__proto__混淆，二来它们之间的各种指向实在有些复杂，其实市面上已经有非常多的文章在尝试说清楚，有一张所谓很经典的图，上面画了各种线条，一会连接这个一会连接那个，说实话我自己看得就非常头晕，更谈不上完全理解了。所以我自己也想尝试一下，看看能不能把原型中的重要知识点拆分出来，用最简单的图表形式说清楚。我们知道原型是一个对象，其他对象可以通过它实现属性继承。但是尼玛除了prototype，又有一个__proto

2020-12-09 22:28:47 1078 4

原创这款开源的 Python 老照片修复工具火了

【导语】：一款借助 AI 对老照片快速进行修复的工具，基于 PyTorch 实现，支持划痕检测、面部修饰、全局还原等操作。简介Bringing-Old-Photo-Back-to-life 是由微软研究团队开发的一款修复旧照片的工具，基于 PyTorch 实现，支持划痕检测、面部修饰、全局还原等操作。下载安装项目的源码地址是：https://github.com/microsoft/Bringing-Old-Photos-Back-to-Life代码在装有 Nvidia GPU.

2020-12-09 22:17:24 5425 5

原创前端CSS权重你了解吗？

CSS权重CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为 100002、内联样式，如：style=””，权重值为10003、ID选择器，如：#content，权重值为1004、类，伪类和属性选择器，如： content、:hover 权重值为105、标签选择器和伪元素选择器，如：div

2020-12-08 23:17:14 670

原创好玩的整固代码，你学会了吗？

Win系统下，今天装机之家教你使用一行代码就可以让电脑卡的死机，可以发给朋友整蛊一下。友情提示：整蛊有的度，不要把别人惹恼了！代码：%0|%0将这5个字符复制到记事本上，以bat格式保存。将这个BAT发给其他朋友让他点击试试，保证不过一会你的电脑就会卡死。点开后就这样，不出一会就只好按电源键关机了。小编下面就来解释一下这行代码：%0|%0，%0是个命令行参数，表示命令行中的第一个参数，其实就是要执行的程序本身，同理，%1表示传递给程序的第一个参数，%2，随便举个例..

2020-12-08 23:06:12 676

原创十年前端工程师，总结的前端性能优化！

从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量，所有前端性能优化很重要。前端性能优化分为如下几个方面：一、代码部署：1、代码的压缩与合并2、图片、js、css等静态资源使用和主站不同域名地址存储，从而使得在传输资源时不会带上不必要的cookie信息。3、使用内容分发网络 CDN4、为文件设置Last-Modified、Expires和Etag5、使用GZIP压缩传送6、权

2020-12-07 22:51:32 657

原创学习编程，一点要搞懂正则表达式！

正则表达式1、什么是正则表达式：能让计算机读懂的字符串匹配规则。2、正则表达式的写法：var re=new RegExp('规则', '可选参数');var re=/规则/参数;3、规则中的字符1）普通字符匹配：如：/a/ 匹配字符 ‘a’，/a,b/ 匹配字符 ‘a,b’2）转义字符匹配：\d 匹配一个数字，即0-9\D 匹配一个非数字，即除了0-9\w 匹配一个单词字符（字母、数字、下划线）\W 匹配任何非单词字符。等价于[^A-Za-z0-9_]\s 匹配一个空白符

2020-12-07 22:50:10 681 1

转载没想到，救我一命的竟然是北京程序员的一篇文章

我是一名教师。对着叽叽喳喳的孩子们，每天和他们“较劲”，是我的工作。看着那一张张可爱的笑脸，除了有时候嗓子不舒服，感觉每天都很快乐。2019年的一次长假后，孩子们纷纷回到学校。或许是因为假期游玩的兴奋，又或许是因为暂别后的朋友重逢，孩子们吵嚷得比平时还要欢。我“较完劲”，回到教研室，隐隐感觉嗓子不太舒服。“咚咚咚”地灌下一大杯水，想着今天是周五，周末在家休息休息就会好了，也就没放在心上。睡梦中，有口“痰”堵住了我的喉咙第二天早上，嗓子开始有些疼，尤其是咽口水的时候。自...

2020-12-06 22:58:42 564

原创来咯来咯！2020最新web前端面试题总结（欢迎收藏）

开头这些内容送给正在准备面试中的小伙伴，有一些内容会写得特别特别详细，而有一些内容则写得比较少，但是保证里面的很多内容都是干货，很多都有详细的解释，干货都在后面啊，继续往下看吧。。。各位路过的小哥哥小姐姐们，希望看完了对你有所帮助。万字长文~~~如果你看完了所有内容算我输！！！Let's go!!!一些JS的基础题Javascript中的数据类型(8种)简单数据类型：Number、String、Boolean、undefined、null、Symbol、Bigint(ES2020新增)

2020-12-05 22:54:54 648

原创工作十年的程序员，总结的前端面试题！

1、常用那几种浏览器测试？有哪些内核****(Layout Engine)?1、浏览器：IE，Chrome，FireFox，Safari，Opera。2、内核：Trident，Gecko，Presto，Webkit。2、说下行内元素和块级元素的区别？行内块元素的兼容性使用？（****IE8 以下）行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。块级元素：各占据一行，垂直方

2020-12-05 22:47:40 1087

原创 JavaScript基础 - 数组排序的6种方法

总结数组排序的方法，方便日后查阅。1. sort()sort() 按照 ASCII 字符排序，默认升序。普通数组// 数字 var sum = 0; var numbers = [4, 2, 5, 1, 3];numbers.sort(function(a, b) {sum++;return a - b; });console.log(numbers); // 1 2 3 4 5 console.log(sum); // 7// 字符串 const months = [‘March’,.

2020-11-24 14:16:45 1104

转载不可思议，纯 css 都能图片滚动

背景传统的swiper太重了，里面封装了很多我们不需要的功能，而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现，如何才能用最少的代码最优雅的实现呢？是否可以推翻传统的实现，使用纯css的某些特效实现呢？肯定可以的呀，我就实现了一个基于scroll-snap-type属性做的滚动实现思路scroll-snap-type：网页容器滚动停止的时候，自动平滑定位到指定元素的指定位置，有点像当子元素滚动到某一个点的时候会被父元素吸附过去，它的目的是让你的页面滚动停留在你希望用户关注的重点

2020-11-16 16:14:59 950

原创 JavaScript学习笔记-- ajax及ajax封装

AJAXajax 全名 async javascript and XML 是前后台交互的能力也就是我们客户端给服务端发送消息的工具，以及接受响应的工具是一个默认异步执行机制的功能AJAX 的优势1、不需要插件的支持，原生 js 就可以使用2、用户体验好（不需要刷新页面就可以更新数据）3、减轻服务端和带宽的负担4、缺点：搜索引擎的支持度不够，因为数据都不在页面上，搜索引擎搜索不到AJAX 的使用在 js 中有内置的构造函数来创建 ajax 对象创建 ajax

2020-08-21 16:13:43 728

原创 JavaScript代码是如何被执行上下文的

基本概念编译器，解释器抽象语法树字节码和机器码编译器和解释器计算机不能直接理解高级语言，只能直接理解机器语言，所以必须要把高级语言翻译成机器语言，计算机才能执行高级语言编写的程序。根据语言的执行流程，可以把语言分成编译型语言和解释型语言。编译型语言：程序在执行之前需要一个专门的编译过程，把程序编译成为机器语言的文件，运行时不需要重新翻译，直接使用编译的结果就行了。程序执行效率高，依赖编译器，跨平台性差些。如C、C++、go等.解释型语言: 程序不需要编译，程序在运行时才翻译成机器

2020-07-14 20:13:17 890

原创现在程序员能达到年薪18万吗？工作3年的从业者透露工资，引热议

在进入社会工作以后，其实很多年轻人也都是非常羡慕那些程序员的收入，大家会认为有些程序员在刚刚毕业以后，就能够达到非常高的年薪，甚至年薪18万或者30万年薪，近日在调查中笔者看到有位工作三年的从业者也是透露了他的真实工资。这位程序员坦言，其实现在有很多计算机专业的从业者，他们在进入社会工作以后做开发或者是在行业里工作了很多年，想要拿到年薪18万确实也是非常轻松的，因为他们可以在互联网公司和大公司体现自己的能力，其实这些年轻人折算下来，月薪就是1.5万左右，放在一线城市，算是基本的入门级的薪资，而.

2020-07-10 22:49:40 1175

原创 JavaScript全网知识整理，收藏一定不后悔！

全部JavaScript内容整理，全文除前面内容因知识较琐碎或为了更好的表达而用了部分图片外，共计约6万字，全手打。全部整理在一起而不是分开来写，主要是方便以后有疑问直接Ctrl + F搜索文档，即可查询。JS主要分为3部分，即 ECMAScript ， DOM，BOM。移动端暂时没写进来。因时间仓促，每天凌晨挤时间整理，难免有遗漏，以后发现后会回来补。如果还在IT编程的世界里迷茫，不知道自己的未来规划，学习没有动力，东也学一下，西也学习一下，那你可以加入web前端学习交流Q群：7335813

2020-07-08 23:12:51 922

原创史上最牛逼的5道题，学不会前端我带你！

前言5道JS能力评测题个人觉得是非常好的5道js基础检测题，基本就是对自己的JavaScript基础做一个比较全面的评估，包括if语句、循环体、基础操作符、setInterval、setTimeout、流程控制、常用数组方法及es6相关（解构、Map、Set、...等）。之前我已经做过一遍了，我记得以前牛客网不支持es6的写法，这两天花了点时间把所有题目又做了一遍，发现支持es6了。这次每个题目我都尽力用了不同的方法实现，建议各位看官收藏，需要的时候方便查看。当然如果你有更好更新颖的实现方法，欢迎评论区

2020-07-07 21:57:53 797

自动贪吃蛇.html

空空如也