- 博客(77)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 HTML+CSS+JS网页期末作业 源码评论区自取(海绵宝宝网页设计)
2. 然后点击私信按钮✉， 发送关键词“学习” ，机器人会自动回复的。课代表来给大家整理一下（HTML+CSS+JS网页期末作业 源码评论区自取。【源码领取方式】：1 .评论“已三连，学习”
2023-12-19 10:22:59
566
19
原创 【HTML + CSS】 实现原神纯静态官网
<a href="###">首 页</a></li><li><a href="###">新 闻</a></li><li><a href="###">角 色</a>
2023-11-22 17:22:51
3189
原创 这本书竟然把JAVA讲的如此透彻！漫画JAVA火爆出圈！
小白兔：“这本书讲了什么内容呢？大牛哥：“这本书以漫画的形式介绍了 Java 语言的相关知识。全书共 20 章，书中首先介绍了 Java 语言的历史、特点、开发环境、运算符、数据类型、数组、字符串、判断语句、循环语句等基础知识，接着讨论了函数式编程、类与对象、异常、文件操作、集合、图形用户界面、网络通信、多线程等进阶内容，最后通过一个案例向大家介绍如何爬取图片。小白兔：“看起来能学到不少 Java 的知识呀，不过一点基础都没有的小白，能学会吗?
2023-09-26 16:02:25
267
原创 HTML静态网页设计_期末大作业_《你的名字》7页面带音乐特效（附源码）
一、网页介绍1、作品介绍：本作品的主题是动漫电影系列—《你的名字》，整个页面的风格都和电影主题十分契合，是一个审美非常在线的作品。该实例包含的HTML、CSS和js，非常适合初学HTML的同学来学习。2、网页编辑：网页代码非常简单，可以使用市面上任何HTML编辑软件进行修改，Dreamweaver、Notepad++等等。
2023-08-08 17:23:39
234
原创 整理了250个shell脚本，拿来即用！
无论是系统运维，还是应用运维，均可分为“纯手工”→ “脚本化”→ “自动化”→“智能化”几个阶段，其中自动化阶段，主要是将一些重复性人工操作和运维经验封装为程序或脚本，一方面避免重复性操作及风险，另一方面提高执行效率。4.MySQL 数据库备份多循环。
2023-08-02 19:45:58
730
2
原创 C语言经典实例1-3：输出AaBaCcDd....Zz和输出星号金字塔，计算圆的面积
初学者必须多练习C语言小程序，动手写是编程的第一步，计算机编程和数学一样是精确的，只有输出正确的结果，方能证明是学好学对了。
2023-05-06 14:40:31
249
1
原创 顶级黑客精心整理了40个python办公自动化的案例，高效办公！学会从此告别加班！
Python丰富的开发生态是它的一大优势，各种第三方库、框架和代码，都是前人造好的“轮子”，能够完成很多操作，让你的开发事半功倍。但这仅仅是冰山一角，因为Python可以用来进行广泛的活动，前提是你有技术诀窍，并且清楚地了解你想要实现的目标。随着Python的不断发展，越来越多的开发者将开始使用它来构建像我们上面提到的那些令人惊奇和资源丰富的项目。在这里为了让大家更好的学习了解python办公自动化上面的项目，我把上面的学习项目打包整理成了视频源码教程，以此来让你更好更有效的学习python！
2023-04-06 18:04:45
710
1
原创 超实用！250个开箱即用的Shell脚本，拿好了（附PDF）
作为一名 Linux 运维工程师，会写好的脚本不仅能提高工作效率，还能有更多的时间做自己的事。最近在网上冲浪的时候，发现大家对Shell脚本都有“心结”，要么觉得自己写出来不好看，要么根本无从下手。Shell脚本是自动化运维的关键组成部分，虽然简简单单几十行代码，但可是蕴藏着巨大的能量和智慧，还是很值得运维朋友学习的。除此之外，还准备了一些Shell脚本的编写规范、入门手册、编写指南等资源，今天一并分享给大家。，多看、多练、多学，相信你一定能写出满意的脚本。8、打印各种格式的时间。
2023-04-04 21:05:47
488
原创 前端常见的8种设计模式
在开发中，设计模式是一种被广泛应用的思想。设计模式可以帮助开发者解决常见的问题，并提供可重用的解决方案。本文将会介绍前端常见的设计模式，并通过详解它们的实现。
2023-03-28 20:11:33
1143
原创 JS中的睡眠排序、猴子排序和js的常见的几种排序算法
快速排序是一种常用的排序算法，基本思想是通过一趟排序将待排记录分割成独立的两部分，其中一部分记录的关键字均比另一部分记录的关键字小，然后对这两部分继续进行排序，以达到整个序列有序的目的。睡眠排序就遇到一个数就把一个数放到一个线程里睡着，然后先醒的先放到数组里，后醒的后放到数组里，时间复杂度取决于这个数组里的最大数是多少，理论上可以达到正无穷。冒泡排序是一种简单的排序算法，它会多次遍历要排序的数列，每次遍历都会比较相邻的两个元素，如果它们的顺序错误就交换它们。
2023-03-24 15:13:10
298
原创 web前端技术体系大全
5、Swagger（API 的设计、编写 API 文档、测试和部署）ant-design-mobile（react移动端）vue-element-admin（vue后台管理）5、ant-design系列（蚂蚁金服出品）ant-design（react web端）iview-weapp（vue微信小程序）iview-admin（vue后台管理）iview-admin（vue后台管理）ant-design（vue web端）6、inMap（iview的地图可视化）8、Flutter（vue移动端）
2023-03-13 17:15:48
378
原创 JS之数据结构与算法
如果要找36美分的零钱，我们可以用1个25美分、1个10美分和1个便士（ 1美分)但是不同于数组,每个元素是一个存贮元素本身的节点和指向下一个元素引用组成。美国有以下面额(硬币）：d1=1, d2=5, d3=10, d4=25。要想访问链表中间的元素,需要从起点开始遍历找到所需元素。冒泡排序，选择排序，插入排序，此处不做赘述，请戳。特点：通过全局规划,将大问题分割成小问题来取最优解。字典：类似对象，以key，value存贮值。特点：每个节点最多有两个子树的树结构。用贪心算法来解决2.3中的案例。
2023-03-10 19:49:36
610
原创 10 个常见的 JavaScript 面试问题以及如何回答它们
这是一个事件捕获的例子。当我们尝试访问对象type上的属性时dog，它并没有在dog对象本身上找到，所以 JavaScript 在原型上寻找它并在对象上找到它animal。当在对象上调用属性或方法但在该对象上找不到时，JavaScript 将在对象的原型上查找它。在这个例子中，变量 x 被提升到范围的顶部，但它的赋值 5 没有，所以当我们尝试记录 x 的值时，它返回undefined。在此示例中，0和false大致相等，因为它们都是假值，但它们并不严格相等，因为0是一个数字并且false是一个布尔值。
2023-03-09 13:50:02
763
原创 你需要知道的 7 个 Vue3 技巧
如果您使用第三方组件，您可能会将其实现包装在您自己的“包装器”组件中。在 Vue 3 中，我们终于可以拥有不止“一个根节点”的组件。，或者在更新时使用onVnodeUpdated进行调试，可以确定的是所有这些钩子都能在某些情况下派上用场。如果你想要我的意见，除非你绝对需要一个多根节点组件，否则请使用单个根节点并且根本不要处理这个设计限制。解决这个问题的最好方法是包装父组件或子组件（或两者），这样我们就只有一个根元素。在第二种情况下，它将是true.无法从多根父组件的作用域样式设置子组件的 p 标签的样式。
2023-03-08 13:46:08
4892
1
原创 前端经典面试题（有答案）
var a = 10var obj = { a: 20, say: () => { console.log(this.a) }}obj.say() var anotherObj = { a: 30 } obj.say.apply(anotherObj) 输出结果：10 10我么知道，箭头函数时不绑定this的，它的this来自原其父级所处的上下文，所以首先会打印全局中的 a 的值10。后面虽然让say方法指向了另外一个对象，但是仍不能改变箭头函数的特性，它的this仍然是指向全局的，所以依旧会输
2023-03-07 14:20:28
1039
原创 前端经典面试题（有答案）
var a = 10var obj = { a: 20, say: () => { console.log(this.a) }}obj.say() var anotherObj = { a: 30 } obj.say.apply(anotherObj) 输出结果：10 10我么知道，箭头函数时不绑定this的，它的this来自原其父级所处的上下文，所以首先会打印全局中的 a 的值10。后面虽然让say方法指向了另外一个对象，但是仍不能改变箭头函数的特性，它的this仍然是指向全局的，所以依旧会输
2023-03-07 14:18:53
1257
原创 前端经典面试题（有答案）
var a = 10var obj = { a: 20, say: () => { console.log(this.a) }}obj.say() var anotherObj = { a: 30 } obj.say.apply(anotherObj) 输出结果：10 10我么知道，箭头函数时不绑定this的，它的this来自原其父级所处的上下文，所以首先会打印全局中的 a 的值10。后面虽然让say方法指向了另外一个对象，但是仍不能改变箭头函数的特性，它的this仍然是指向全局的，所以依旧会输
2023-03-07 14:18:17
669
原创 你可能不知道的JS开发技巧
/ arr => [1, 2]// map和filterconst arr = _arr.map(v => v * 2).filter(v => v > 2);// arr => [4]}}// 换成functionFunc() { if (a === b) { Func = function() { console.log("x");
2023-03-06 17:23:33
343
原创 工作中常用且容易遗忘的css样式整理，建议收藏
last-child last-child 表示选择列表中的最后一个标签nth-child(3) 表示选择列表中的第 3 个标签nth-child(2n) 这个表示选择列表中的偶数标签nth-child(2n-1) 这个表示选择列表中的奇数标签nth-child(n+3) 这个表示选择列表中的标签从第 3 个开始到最后。nth-child(-n+3) 这个表示选择列表中的标签从 0 到 3，即小于 3 的标签。方法四：设置 margin:auto（该方法得严格意义上的非固定宽高，而是 50%的父级的宽高。
2023-03-03 14:17:20
4355
原创 Js中防抖与节流，函数防抖和函数节流
就拿上述的场景来说，假设向后台发送 ajax 请求的响应时间大概是在 2s 左右，那就设置这个等待时间为 2s，当用户第一次点击 加载更多 按钮后，该回调函数并没有立即执行，也就是还没有开始发送 ajax，此时该函数在等待，如果在 2s 内用户又点击了 加载更多，那就重新计算等待时间，再等待 2s ，此时 2s 过去了，用户没再第三次点击 加载更多 按钮了，那么该函数就开始执行了，向后端发送 ajax 请求了。防抖又叫为函数防抖（debounce）：指触发事件后，在 n 秒内函数只能执行一次，
2023-03-02 13:38:20
616
原创 20个让你效率更高的CSS代码技巧
一开始就使用高权重的选择器会导致你在后面的维护中不断的使用更高权重的选择器，最终选择使用!上面的代码看起来有些霸道，将所有元素的内外边距都设置为0了，而正是没有了这些默认内外边距的影响，使得我们后面的CSS设置会更加的容易。在什么时候在什么项目使用哪种单位是没有一个定论的，开发人员的习惯不同，项目的要求不同，都可能会使用不同的单位。浏览器前缀是CSS中最烦人的事情之一，每个属性需要的前缀是不一致的，你永远不知道到底需要哪一个，如果真的要把它一个一个手动添加到样式表中，那无疑是一个无聊的噩梦。
2023-02-27 13:26:05
415
原创 webpack面试题及答案
对此你可以通过插件的filename属性，告诉插件输出的 CSS 文件名称是通过[name]_[contenthash:8].css字符串模版生成的，里面的[name]代表文件名称，[contenthash:8]代表根据文件内容算出的8位 hash 值， 还有很多配置选项可以在ExtractTextPlugin的主页上查到。浏览器在用户访问页面的时候，为了加快加载速度，会对用户访问的静态资源进行存储，但是每一次代码升级或者更新，都需要浏览器去下载新的代码，最方便和最简单的更新方式就是引入新的文件名称。
2023-02-23 15:23:02
413
原创 常用的http状态码查询大全
状态，不同的代码状态，反应了网页目前处于的状态，根据不同的状态码，可以判断出HTTP网页存在的问题方向，对于站长快速解决问题，节约了很多时间。207状态码：表示由WebDAV(RFC 2518)扩展的状态码，代表之后的消息体将是一个XML消息，并且可能依照之前子请求数量的不同，包含一系列独立的响应代码。425状态码：表示服务器不愿意冒风险来处理该请求，原因是处理该请求可能会被“重放”，从而造成潜在的重放攻击。102状态码：表示由WebDAV（RFC 2518）扩展的状态码，意思是处理将被继续执行。
2023-02-22 16:59:55
842
原创 javascript面试题大全_Js基础面试题（附答案）
因为cookie有域的限制，因此不能跨域提交请求，故使用非主要域名的时候，请求头中就不会带有cookie数据，这样可以降低请求头的大小，降低请求时间，从而达到降低整体请求延时的目的。是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点，但是浏览器都有有默认样式，默认样式的目的也是为了更好的表达html的语义，可以说浏览器的默认样式和语义化的HTML结构是不可分割的。
2023-02-21 19:42:42
2298
原创 style标签，你可能不知道的用法
contentEditable是html中的一个属性。设置html的contentEditable="true"时，即可开启该元素的编辑模式。white-space:pre的作用是保持源码中的空格，有几个空格算几个空格显示，同时换行只认源码中的换行和标签。属性，就马上看到效果，是不是觉得很神奇，这是如何实现的呢？其实只是一个style的标签就可以搞定， 标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在。中如何呈现 HTML 文档。大家可以试着改变里面。
2023-02-20 19:14:17
462
原创 2W字正则表达式基础知识总结，这一篇就够了！！（含前端常用案例，建议收藏）
正则表达式 (Regular Expression，简称 RE 或 regexp ) 是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。主流的开发语言都内置或者通过第三方库支持利用正则表达式进行字符串操作第一个正则表达式下面这个范例使用正则表达式从字符串中找出手机号运行上面的范例，输出结果如下。
2023-02-16 15:38:03
648
原创 每个前端开发者必会的 20 个 JavaScript 面试题
但是这里的 x 是并不是对象的属性， delete 操作符并不能作用。简单说明下： mul 返回一个匿名函数，运行这个匿名函数又返回一个匿名函数，最里面的匿名函数可以访问 x,y,z 进而算出乘积返回即可。但是这里的 x 是并不是对象的属性， delete 操作符并不能作用。基本思想是利用 实例如果是某个构造函数构造出来的那么 它的 __proto__是指向构造函数的 prototype属性。老生常谈的问题了，闭包是在一个函数里声明了另外一个函数，并且这个函数访问了父函数作用域里的变量。
2023-02-15 19:27:25
214
原创 8 个很棒的 Vue 开发技巧
可能想到的方式是在创建生命周期中调用它一次，但这不是一种优雅的编写方式，所以也许我们可以使用这样的东西。在组件中使用 $route 会导致与其相应路由的高度耦合，通过将其限制为某些 URL 来限制组件的灵活性。$event 是事件对象的一个特殊变量，它在某些场景下为我们提供了更多的可用参数来实现复杂的功能。其实有一种简单的方法就是使用@hook 来监听组件的生命周期，而不需要在组件内部做任何改动。监听一个对象时，当对象内部的属性发生变化时，watch是不会被触发的，所以我们可以为它设置深度监听。
2023-02-06 19:24:44
6839
4
原创 值得收藏的25道Python练手题
解法二：利用栈的后进先出原则 先去定义一个空栈，对当前栈进行循环遍历，遇到左括号我们就把当前的左括号添加到栈里面，遇到右括号，我们就和栈顶元素进行比对 看它们是不是成对的括号，如果是，就把当前的元素出栈，直到字符串遍历结束之后，我们再来看下字符串是不是空的，如果是空的说明字符串是有效的，如果不为空说明字符串是无效的。“ 请你写出：小明的较小的妹妹的年龄。现在，请你帮助小蓝，给了一个单词后，帮助他找到出现最多的字母和这个字母出现的次数 其实就是让你输入一段字符串后，得到当前字符串出现最多的字母和它的次数。
2023-01-31 16:12:05
614
原创 新提案，初识CSS的object-view-box属性
该属性的值是 = | | 。在下面的例子中，卡片的所有边缘都有一个20px的嵌入。inset()值将基于原始图像的宽度和高度，从而形成一个裁剪过的图像。有了 object-view-box，我们就能用inset从四边（上、右、下、左）画一个矩形，然后应用object-fit: cover来避免变形。以下是上述内容的背后的样子，值 25%、20%、15%和0% 的值分别代表顶部、右侧、底部和左侧。
2023-01-05 15:27:08
596
原创 CSS3实现的4种3D文字效果
1、3D文字效果运用原理就是像Photoshop一样，我们在文字的下方或上方复制了多个图层，并把每一个层向左上或右下方向移动一个1px距离，从而制作出3D效果。换成用text-shadow制作就是使用多个阴影，并把阴影色设置相同，给其使用rgba色效果更佳。其效果是用css重新使用的文字阴影和文本前景的rgba色组合而成。在文本的前景色和阴影上同时使用rgba色，使底层的文字是通过影子可见。这种风格的文字效果是由两个文本阴影合成的，这里需要注意的是：第一个阴影色和背景色相同；3实现的4种3D文字效果。
2023-01-04 15:09:53
2064
原创 Js数组和字符串方法（API总结与应用）
match方法传入一个正则表达式作为参数，与search方法的区别是：match方法会返回结果分为两种情况：若正则表达式设为全局匹配g会返回一个匹配的子字符串结果（数组形式），若未设定全局匹配则会返回一个有特定结构的结果数组。当数组内元素的不符合条件时，map方法内部不符合条件的元素仍然会根据return的内容占据原来的位置；start是数组开始提取的位置，若是负值则代表倒数第几位开始（等价array.length - n），若start超出数组长度则会返回空数组。数组方法在JS中是一个重要的知识点。
2023-01-03 13:35:10
675
原创 JavaScript中如何将十进制转换为十六进制？
在本文中，我们将学习如何在 JavaScript 中轻松地将十进制数转换为其等效的十六进制数。我们将研究一些需要执行此操作的真实场景。
2023-01-02 16:32:42
2723
原创 React 中的类和函数组件 选择哪一个?
每个 React 组件作为 JavaScript 本身都支持允许将一些可重用的代码片段插入到更大的代码片段中的功能。因此，它是一种应用程序的构建块。以这种方式，React 组件将 UI 划分为可重用的部分并返回html。所以它们是 UI 的一种子功能综上所述，什么是 React 组件就很清楚了。它们是 JS 代码与返回 HTML 片段的独立混合。这里 JS 的主要目的是提供业务逻辑并允许创建正确的 HTML，以便可以将其插入dom在 ReactJS 中有两种创建组件的方式：类和函数式组件。
2022-12-09 17:07:13
1457
原创 微前端总结
iframe在所有微前端方案中是最稳定的、上手难度最低的，但它有一些无法解决的问题，例如性能低、通信复杂、双滚动条、弹窗无法全局覆盖，它的成长性不高，只适合简单的页面渲染。微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍然聚合为一个产品出现在客户面前。场景2：一个项目里面的不同功能模块由不同的前端技术团队在做，两个前端团队采用的是不同的技术栈，且各个团队相对独立，独立仓库、独立部署、独立构建。场景1：老项目使用的。
2022-12-09 17:03:14
1578
原创 ES13的11个超赞的新属性
ES13之前，我们是不可能给类定义私有成员的。所以一些程序员为了表示某个成员变量是一个私有属性，会给该属性名添加一个下划线(_)作为后缀。可是这只能作为程序员之间的君子之约来使用，因为这些变量其实还是可以被外界访问到的。}}// 这些所谓的私有属性其实还是可以被外界访问到的// Joseph// 而且还能被改来改去不过ES13出来后，妈妈再也不用怕我们的私有属性会被别人访问和更改了。在ES13中，我们只需要给我们的属性名添加一个hashtag(#)前缀，这个属性就变成私有的了。
2022-11-18 19:38:09
969
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人