-
个性404页面HTML源码分享
分享的 HTML 与上图内容一样，需要修改的小伙伴可以自行修改内容。 <style><!-- @import url("https://fonts.googleapis.com/css?family=Share+Tech+Mono|Montserrat:700" -
记录--一个炫酷的css动画
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近有一个需求，要我实现一个动画效果，效果如下 简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆小圆环，最里面是一些线上运动，有着渐变色的矩形。 第一层的圆环很简单。 第二层的圆环其实也挺简单…… -
验证码插件 vercode.js
第1代图片验证码 - 字母数字型 第2代滑动验证码 - 图片截取型 第3代验证码 - 选图型 vercode.js 结合了上面的情况下新研发的一种验证码。 验证码类型 验证码描述 操作性 安全性 描述 字母数字型图片验证码 这是一种通过后台随机码生成图片的验证码。服务器会在随机码生成时保存 -
记录--JavaScript 中有趣的 9 个常用编码套路
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1️⃣ set对象：数组快速去重 常规情况下，我们想要筛选唯一值，一般会想到遍历数组然后逐个对比，或者使用成熟的库比如lodash之类的。 不过，ES6带来了一个新玩意儿！它引入了一个全新的对象类型：Set！而且，如果结合上...展开运算 -
闲来无事整个“方块消消乐”小游戏
写在前面的话 在996是福报，“付费上班”的如今。身为信息化进程的一颗螺丝钉，每天的通勤时间要四十几分钟（仅仅是在地铁上哦），漫漫这时候回家路难免显得有点寂寞有点空虚。这时好学的人会说听听有声书，趁着下班时间提升自己。而我可要优雅的回应道：“老子搬了一天砖了，下班还不能享受享受了”。…… -
利用jQuery制作简易的table上下无缝轮播
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible&q -
简单实用折叠面板可以折叠收起展开内容区域
前端简单实用折叠面板可以折叠收起展开内容区域, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12860 效果图如下: 代码如下: # 简单实用折叠面板可以折叠收起展开内容区域。 #### 使用方法 ``` -
极致性能优化：前端SSR渲染利器Qwik.js
引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互，而前端框架的选择对于实现这些目标至关重要。然而，传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下，我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架，更是一种前端 -
VSCode ESLint规则警告屏蔽方法
举例：要屏蔽“Missing trailing comma”或“comma-dangle”警告，你可以使用ESLint的配置选项来设置规则。下面是一些方法，你可以根据自己的需求选择其中一种(这里只是举例，其他警告处理方法相同) 方法1：在代码中添加注释来禁用规则 在你希望屏蔽警告的代码行的上方添加如 -
前端计算数字精度丢失问题解决方法记录
在日常一些需求中，总会遇到一些需要前端进行手动计算的场景，那么这里需要优先考虑的则是数字精度问题！具体请看下面截图 如图所示，在JavaScript进行浮点型数据计算当中，会出现计算结果“不正确”的现象。 我们知道浮点型数据类型主要有：单精度float、双精度double。 浮点型简单来说就是表示带 -
前端如何防止数据被异常篡改并且复原数据
每天，我们都在和各种文档打交道，PRD、技术方案、个人笔记等等等。 其实文档排版有很多学问，就像我，对排版有强迫症，见不得英文与中文之间不加空格。 所以，最近在做这么一个谷歌扩展插件 chrome-extension-text-formatting，通过谷歌扩展，快速将选中文本，格式化为符合 中文文 -
JavaScript复习——03 函数
函数在JS中也是一个对象，它具有其它对象的所有功能，函数中可以存储代码，且可以在需要的时候调用这些代码 函数的操作 函数的定义 函数声明 function 函数名([参数列表]) { // 函数体 return 返回值; } 函数表达式 const 函数名 = function([参数列表]) { -
JS判断点是否在线段上
本文利用向量的点积和叉积来判断点是否在线段上。 基础知识补充 从零开始的高中数学——向量、向量的点积、带你一次搞懂点积（内积）、叉积（外积）、Unity游戏开发——向量运算（点乘和叉乘 说明 点积可以用来判断两个向量的夹角，如果这个夹角是0或者180度，说明这个点在直线上； 叉积可以用来判断一…… -
浏览器事件循环Event Loop
事件循环不是浏览器独有的，从字面上看，“循环”可以简单地认为就是重复，比如for循环，就是重复地执行for循环体中的语句，所以事件循环，可以理解为重复地处理事件，那么下一个问题是，处理的是什么事件，事件的相关信息从哪里获取。 -
JavaScript进阶
闭包 闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。 <body> <script& -
JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历
一、创建Date对象 var dateObj=new Date(); var now = Date.now() 当前时间 二、Date方法 1、将日期转为字符串 toLocaleString() toLocaleDateString() toLocaleTimeString() 2、获取年、月、日、 -
【万字长文】前端性能优化实践
从一个假死页面引发的思考： 作为前端开发，除了要攻克页面难点，也要有更深的自我目标，性能优化是自我提升中很重要的一环； 在前端开发中，会偶遇到页面假死的现象， 是因为当js有大量计算时，会造成 UI 阻塞，出现界面卡顿、掉帧等情况，严重时会出现页面卡死的情况； -
JavaScript string对象（属性，方法）获取图片后缀案例 输入和输出结果转换形式案例
一、创建string对象 var strOb = new String("abcefg"); var strOb = String("abcefg"); var strOb = "abcefg"; 二、属性 length (字符串长度) v -
一个常见的 JavaScript 解构陷阱
在日常的 JavaScript 编码中，我们经常使用解构语法来提取对象中的属性。假设我们有一个名为 fetchResult 的对象，代表从接口返回的数据，其中包含一个字段名为 data。 const fetchResult = { data: null }; 在提取 data 字段时，为了避免接口未 -
JavaScript复习——04 事件
事件对象 事件对象是由浏览器在外面触发事件的时候创建的，这个对象封装了各种事件相关的各种信息 例如： 鼠标的位置 键盘的按键 浏览器创建事件对象后，会将事件对象作为响应参数传递 在DOM类型中有多种不同类型的事件对象，但是他们都一个祖先Event event.clientX：获取鼠标的X轴坐标 ev -
JavaScript--Web API
DOM DOM(Document Object Model —— 文档对象模型) 是用来呈现以及与任意 HTML 或 XML 文档交互的 API。 DOM 是浏览器提供的一套专门用于操作网页内容的功能 作用：开发网页内容特效和实现用户交互 DOM树 DOM 节点 节点是文档树的组成部分，每一个节点都 -
[JavaScript进阶] 路由跳转原理 之 Hash 模式
路由跳转原理 之 Hash 一. 路由跳转的原理 首先讲讲路由跳转的原理, 其实没有什么神秘的, 以变量类比: // 首先定义一个变量名为 container , 赋予初始值 'index' let container = 'index'; // 监听一个点击事件 w -
JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例
一、变量的生命周期 JavaScript 变量的生命期从它们被声明的时间开始。 局部变量会在函数运行以后被删除。 全局变量会在页面关闭后被删除。 二、自执行函数 执行函数通常都是定义之后立即执行，以后都不再会调用，所以声明时可以省略函数名，因此自执行函数又叫匿名函数。 通用的自执行函数方式有两种：…… -
CSS必学：你需要知道的盒子模型的秘密
作者:WangMin 格言:努力做好自己喜欢的每一件事 作为前端开发来说，要掌握的CSS基础一定很多，那么CSS中盒子模型肯定是必考必问必掌握的前端知识点，因为它是CSS基础中非常重要的内容，接下来我们就一起来了解一下盒子模型吧！ 什么是盒子模型？ CSS 所有的HTML 标签元素在网页中都生成了一
