- 博客(35)
- 收藏
- 关注
RSS订阅原创 Nginx --- 高级前端必备
Nginx是在前端服务部署时是很重要的一部分，也是部署的基础，学会了通过Nginx部署前端资源，才能继续后续的一系列进阶。说明你的Nginx运行正常，此时Nginx会启动服务，默认80端口。此时如果我们的服务器外网防火墙80端口开启，那么访问外网IP，就能看到Nginx启动的服务
2024-11-04 11:54:37
579
原创 优化JavaScript中的复杂判断
我们在写 JavaScript 代码的时候，经常会遇到逻辑判断比较复杂的情况，通常我们可以使用if/else或switch来实现多个条件判断。但是这样就存在一个问题，随着逻辑复杂度的增加，代码中的会越来越臃肿，越来越难理解。那么如何才能把判断逻辑写得更优雅呢？
2024-11-04 11:47:44
69
原创 如何禁止用户调试你的页面？
才需要禁止调试！！！我先用代码模拟生产模式。 网页是如何禁止让用户打开调试的. 一、禁止右键菜单. 禁止右键菜单是目前比较常见的一种禁止调试的方法，因为浏览器默认右键菜单是可以调出开发者工具 ...
2024-10-09 16:00:24
206
原创 CSS 实现五星红旗！
任务要求：1、创建一个div作为红旗旗面，用CSS控制其比例宽高比为3:2，背景为红色。2、再创建五个小的div，用CSS控制其大小和位置。3、用CSS同时控制每个小div的大小、边框和位置，同时配合旋转，使其与父元素组成五角星。4、分别用CSS控制每个五角星的平移、旋转和缩放，直到五角星的大小、位置和方向均正确为止。
2024-10-09 15:58:23
341
原创 如何响应式监听localStorage存储？---封装自定义Hook
项目上有个，同时还有一个，想让更改时区的时候能。其实每次设置完时区的数据之后是存在了前端的里边，时区组件里边也是从拿去默认值来回显。如果当前页面不刷新，那么时间组件就不能更新到最新的数据。
2024-10-08 17:05:34
669
原创 前端 Chrome 调试技巧最全汇总
console占位符描述%cCSS样式占位符，值就是CSS样式，如下示例，可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如，console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字：Foo 01。%s打印字符串。%f打印浮点数。支持格式化，比如 console.log("Foo %.2f", 1.1) 会输出两位小数：Foo 1.10。
2024-10-08 10:04:42
1320
原创 JavaScript函数基础（通俗易懂篇）
/里面存储了所有传递过来的实参 arguments = [1，2，3]： 如果函数在声明时，设置了行参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。声明函数的时候，函数名括号里面的是形参，形参的默认值为undefined调用函数的时候,函数名括号里面的是实参。//(1)我们函数只是实现某种功能，最终的结果需要返回给函数的调用者"函数名()"通过 return实现的。// 因为传进去的是一个函数，arr[j] 和 arr[j+1]是以两个参数的形式传进去的。
2024-10-07 10:17:23
1216
原创 前端最常用的25个正则表达式，代码效率提高 80%
在日常开发中，正则表达式是非常有用的，正则表达式在每个语言中都是可以使用的，他就跟JSON一样，是通用的。在日常开发中，了解一些常用的正则表达式，能大大提高你的工作效率，例如字符串的匹配表单项的格式校验今天就给大家分享25个开发中常用的正则表达式吧！！！希望大家能提高代码效率！！！
2024-10-07 09:58:11
359
原创 「Vue2+Vue3」 最常见的 62 个知识点，看看你掌握了多少（一万五千字超长篇）
这里只说Vue2的bind：指令绑定到指定元素时调用，只调用一次inserted：指定元素插入父节点时调用update：所在组件的 VNode 更新时调用：所在组件以及其子组件 VNode 全部更新后调用unbind：只调用一次，指令与元素解绑时调用props: {num: {// 返回值为false则验证不通过，报错return [== -1model: {
2024-10-07 09:39:51
2490
原创 uniapp 充值金额校验（比较强）
uniapp 金额检验完美版本. js 金额校验条件： 这个校验是，参考微信充值的逻辑写的。具体逻辑为：当第一位输入“ . ” 时，输入框的值自动被赋值为 “ 0. ”。当第一位输入 “ 0 ” ，第二位为非 “ . ”时，删除第一位 “ 0 ”。还有就是只保留小数点后两位（没有四舍五入）。
2024-10-07 09:11:21
213
原创 前端如何让页面上的文字“立”起来
前端如何让页面上的文字“立”起来。最近看到了一个很有意思的 CSS 效果，如下图，是一个文字立起来 + 阴影的效果，觉得比较有意思，所以分享给大家~接下来我们要把这个阴影给倾斜下去，达到阴影的真正效果，主要用到的 CSS 效果有：z-index：层级降低到主体下面transform translate：调整阴影的水平垂直偏移transform scaleY：调整阴影垂直的缩小transform skew：调整阴影的倾斜角度filter：阴影的模糊效果-webkit-mask
2024-10-07 09:09:06
483
原创 HBuilderX小程序编译运行异常
问题场景复现：昨天项目跑的好好的今天突然编译小程序时报错，试了好多次都是这样，而且是公司所有项目报的都是同一个错。然而，问题依然存在。于是我就去各大论坛寻找答案。工具菜单-> 插件安装 -> uni-app编译。：某个依赖项可能已被更新或损坏，导致缺少文件。找到这个插件后把它卸载然后重新安装就OK了。：Node.js 的模块缓存可能出错。：某些库或插件的版本可能不兼容。：文件可能意外删除或移动。
2024-09-02 10:41:16
568
原创 TypeScript 的快速入门笔记
TypeScript由微软开发，是基于JavaScript的⼀个扩展语⾔。TypeScript包含了JavaScript的所有内容，即：TypeScript是JavaScript的超集。TypeScript增加了：静态类型检查、接⼝、 泛型等很多现代开发特性，更适合⼤型项⽬的开发。TypeScript需要编译为JavaScript，然后交给浏览器或其他JavaScript运⾏环 境执⾏。
2024-08-25 16:46:03
869
原创 如何把gitee的项目导入github？
信息填完之后点击提交，等待导入完成即可，导入完成后githab会给邮箱发信息，提示你已经导入完成。2、点击右上角的加号，弹出卡片，点击“Import repository”4、输入要导入的仓库地址和新仓库名称，校验没问题后点击导入按钮即可开始导入。
2024-08-19 14:42:40
477
原创 uniapp弹出层改圆角
uni-popup 是 uni-app 提供的一个可复用的弹出层组件,它支持多种弹出层类型,如对话框、底部弹出层、顶部弹出层等,开发者可以轻松地在页面中引入并使用,并通过丰富的自定义属性进行个性化配置,满足各种弹出层场景需求,如登录提示、删除确认、底部菜单、系统消息提示等,是一个简单易用、功能强大的 uni-app 组件。
2024-07-30 15:38:03
550
原创 vue中的post方法如何传递数组参数
vue中的post方法如何传递数组参数：项目中要用post方法传array数组的参数。直接传数组格式后台是取不到值的，我们需要把数组变成如下这种格式:
2024-03-31 10:32:18
1081
1
原创 Pinia快速入门（这些完全够用）
Vue2和Vue3都支持。pinia中只有state、getter、action，抛弃了Vuex中的Mutationpinia中action支持同步和异步，Vuex不支持良好的Typescript支持无需再创建各个模块嵌套了，pinia中每个store都是独立的，互相不影响。体积非常小，只有1KB左右。pinia支持插件来扩展自身功能。支持服务端渲染。pinia的优点还有非常多，上面列出的主要是它的一些主要优点，更多细节的地方还需要大家在使用的时候慢慢体会。
2023-11-22 11:20:39
850
1
原创 JavaScript函数详解零基础入门（通俗易懂篇）
为什么会有函数？在写代码的时候，有一些常用的代码需要书写很多次，如果直接复制粘贴的话，会造成大量的代码冗余；函数可以封装一段重复的javascript代码，它只需要声明一次，就可以多次调用；
2023-04-13 07:25:59
855
原创 JavaScript：求数组最大值之打擂台
JavaScript如何求最大值. 方法：1、使用“Math.max ()”函数求最大值，可返回两个指定的数中带有较大的值的那个数；2、使用递归函数求最大值；3、使用for循环遍历求最大值；4、使用“Math.max.apply (null, [值,值,值,值..)”语句求最大值。.
2022-12-30 21:04:01
362
原创 JavaScript：简易ATM机案例
问题要求：里面现存有 100 块钱。如果存钱，就用输入钱数加上先存的钱数, 之后弹出显示余额提示框。如果取钱，就减去取的钱数，之后弹出显示余额提示框。如果显示余额，就输出余额 (如果存取了钱，余额也要变化。如果退出，弹出退出信息提示框。本章知识点：采用分支结构：switch 分支语句。采用循环结构：while 循环，当 while 条件表达式填 (true) 时便作为无限循环，经常在不知道循环次数的时候使用，并且需要在循环内使用 break 才会停止。
2022-12-23 20:04:31
1116
1
原创 JavaScript：命名规范和语法格式
js 命名应遵循 简洁、语义化 的原则。变量的命名方法: 小驼峰式命名法 命名规范：前缀为形容词 （函数前缀为动词, 以此来区分函数和变量）。常量的命名方法：名词全部大写 命名规范：使用大写字母和下划线来组合命名，下划线用来分割单词。函数的命名方法： 小驼峰式命名法 命名规范： 前缀应该为动词 命名建议：常用动词约定。类的命名方法：大写驼峰式命名法，首字母大写。 命名规范：前缀为名称。
2022-12-23 18:59:49
231
原创 JavaScript：do while循环语句及案例
目录：do while循环语句。执行思路。案例：1. 打印人的一生，从1到100岁。2. 计算 1 ~ 100 之间所有整数的和。3. 弹出提示框：你爱我吗? 如果输入 我爱你 则提示结束，否则，一直询问。循环小结。三种循环的区别。for 和 while 的区别。
2022-12-21 11:35:58
1693
原创 JavaScript：打印五行五列星星
打印五行五列小星星核心思想：内层循环负责一行打印五个星星外层循环负责打印五行var str = ''; for (var i = 1; i
2022-12-12 18:34:42
2280
原创 JavaScript：双重for循环
在一些时候单层 for 循环是不能满足我们的需求的，比如我们要打印一个五行五列的星星、打印一个倒三角、打印九九乘法表等、此时就可以用双重for循环（循环嵌套）来实现。首先我们看一下它的基本语法结构：案例一：打印五行五列小星星。案例二：打印倒三角。案例三：九九乘法表。 总结：for 循环可以重复执行某些相同的代码。for 循环可以重复执行些许不同的代码，因为有计数器。for 循环可以重复执行某些操作，比如算数运算符加法操作。外层循环一次、内层for循环全部执行一次。
2022-12-12 15:10:35
1725
原创 JavaScript：求学生成绩案例及错误分析。
要求：用户输入班级人数，依次填入每个学生成绩，最后打印学生总成绩及平均成绩。分析：首先我们先捋一下思路。想要输入班级人数，得弹出输入框，输入班级总人（num）。接下来就是依次填入每个学生成绩，并保存下来（score），留着做后面的运算，依次弹出输入框输入学生成绩，此时我们就需要用到 for循环假设班级人数是三人，第一位同学考了10分，第一位同学考了15分，第一位同学考了20分.咱们跑一下看一下结果： 显然是错的，那么问题出在哪呢？咱们来看一下问题出在哪：所以正确的完整代码如下：搞定！拜拜！
2022-12-03 17:04:47
2035
1
原创 JavaScript：for循环之1~100的加法运算
问题：求 1~100 之间的整数累加和首先我们先分析一下这个问题的运算思路。思路分析：1~100需要循环100次需要一个计数器 i需要一个存储结果的变量sum，初始值是 0算法：1+2+3+4+5...... , sum = sum + i。
2022-12-02 15:52:40
3589
1
原创 JavaScript：断点调试
断点调试可以帮助我们查看代码运行过程。1.打开控制台，按F12或鼠标右键找到检查选项2.断点文件位置3.打断点4.进入调试状态5.逐语句执行暂停/恢复脚本执行（快捷键F8 Ctrl+ \ ）。单步跳过下一个函数调用（快捷键F10 Ctrl+ ' ）。单步执行下一个函数调用（快捷键F11 Ctrl+；）。跳出当前执行函数（快捷键Shift+F11 Ctrl+Shift+；）。步骤（快捷键F9）。停用断点（快捷键Ctrl+F8）。出现异常时暂停。
2022-12-01 17:05:31
5749
1
原创 JavaScript：for循环的语法结构和执行过程
1． for 重复执行某些代码。2．for语法结构：for （初始化变量；条件表达式；操作表达式）{ 循环体 }3．初始化变量：用 var 声明的一个普通变量，一般用于作为计数器使用。4．条件表达式：用来决定每一次循环是否继续执行就是终止的条件。5．操作表达式：每次循环最后执行的代码，一般用于我们计数器变量进行更新（递增或者递减）。1．首先执行里面的计数器变量 var i =1．但是这句话在 for 里面只执行一次。2．去 i
2022-12-01 16:00:11
1279
1
原创 JavaScript-分支语句（if、三元运算符、switch 语句）
JavaScript-分支语句（if、三元运算符、switch 语句）1. if 语句：if 语句有三种使用：单分支、双分支、多分支。其实是比 if 双分支 更简单的写法，有时候也叫做三元表达式符号：? 与 : 配合使用1. 程序三大流程控制：顺序、分支、循环。2. if 语句：三种形式（单分支、双分支、多分支）3. switch语句：全等判断 。break：结束switch语句，防止穿透。4. 三元运算符：也是双分支。一般用来取值。
2022-11-29 17:34:48
405
1
原创 JavaScript，switch 语句查询水果价格案例
switch 注意事项：1. 找到跟变量数据全等的case值，并执行里面对应的代码.2. 若没有全等 === 的则执行default里的代码.3. switch case语句一般用于等值判断,不适合于区间判断.4. switch case一般需要配合break关键字使用 没有break会造成case穿透.
2022-11-29 16:56:28
2925
原创 Linux基础：LVM逻辑卷的使用
（Logical Volume）- 逻辑卷 逻辑卷建立在卷组之上，卷组中的未分配空间可以用于建立新的逻辑卷，逻辑卷建立后可以动态地扩展和缩小空间。系统中的多个逻辑卷可以属于同一个卷组，也可以属于不同的多个卷组。PE的大小是可配置的，默认为4MB。（Volumne Group）-卷组 卷组建立在物理卷之上，一个卷组中至少要包括一个物理卷，在卷组建立之后可动态添加物理卷到卷组中。（Physical Volume）- 物理卷 物理卷在逻辑卷管理中处于最底层，它可以是实际物理硬盘上的分区，也可以是整个物理硬盘。
2022-11-28 20:20:32
355
原创 前端基础：编程语言和解释语言的区别
计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具，被称为翻译器。翻译器翻译的方式有两种：一个编译，另外一个是翻译。两种方式之间的区别在于翻译的时间点不同。解释器是在运行时进行及时解释，并立即执行（当编译器以解释方式运行的时候，也称之为解释器)编译器是在代码执行之前进行编译，生成中间代码文件。
2022-11-28 20:09:53
235
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人