- 博客(241)
- 收藏
- 关注
RSS订阅
原创 响应式布局的5种实现方案
1、子元素的 top 和 bottom 如果设置百分比，则相对于直接非 static 定位（默认定位）的父元素的高度，同样，子元素的 left 和 right 如果设置百分比，则相对于直接非 static 定位（默认定位的）父元素的宽度。比如，当浏览器的宽度或者高度发生变化时，通过百分比单位可以使得浏览器中的组件的宽和高随着浏览器的变化而变化，从而实现响应式的效果。如果移动端有 5 个不同的视口宽尺寸 750 ，640，480，375，320，则在不同尺寸下，对应的 1vw 的 px 值如下表。
2023-12-01 12:01:33
481
原创 几种前端数据存储方式（记录）
1. cookiecookie生成cookie是存在客户端，session存在服务器端。在cookie当用户第一次访问网页时，服务器会给客户端返回一个cookie，在cookie中保存着服务器端session文件的位置信息，用户第一次访问服务器，服务器就会为它创建一个session文件，并将session的标识保存在cookie中发给它。在这之后，通过为每个请求添加 Cookie HTTP 头将信息发送回服务器。cookie访问和设置在 JavaScript 中可以通过 document.cookie
2021-07-22 15:05:18
4076
1
原创 javaScript 之 call、apply、bind的用法和区别
call和apply都是立即调用函数。bind是返回一个新的函数，这个新函数可以在以后的任何时间被调用。this绑定bind方法创建一个新的函数，并将该函数的this指向指定的对象。这个绑定是永久性的，即使在不同的上下文中调用新函数，this也不会改变。bind可以预设部分参数，这些参数在新函数被调用时会先于新函数的参数被传递。适用于需要显式设置this上下文的场景，例如事件处理函数、回调函数等。
2025-01-09 09:45:57
267
原创 Electron -- 预加载脚本preload.js（三）
preload.js是一个在渲染进程加载之前执行的脚本，它有权访问渲染器全局（例如window和document）和 Node.js 环境（主进程）。这个脚本在网页内容加载之前执行，它具有比普通渲染器更高的权限，可以访问 Node.js API，同时也可以与网页内容安全的交互。在 Electron 的配置中指定preload.js路径。
2024-12-24 15:28:42
262
原创 .ejs 后缀文件 - 嵌入式JavaScript模板
EJS模板通常用于服务端渲染，其中JavaScript代码在服务器端执行，生成HTML页面，然后将这些页面发送给客户端。EJS模板可以包含HTML代码、JavaScript表达式、控制结构（如if语句和循环）等，这些在渲染时会被替换为实际的数据。： 在你的Node.js应用程序中，你需要设置EJS为模板引擎。： 启动你的Node.js服务器，当用户访问对应的路由时，EJS模板将被渲染，并且返回给客户端一个完整的HTML页面。方法来渲染EJS模板，并传递一个对象，该对象包含要渲染到模板中的数据。
2024-12-20 16:56:45
286
原创 开发工具 - Apifox 介绍
现在大部分软件都是（客户端 + 后端服务）。这些工具虽然都很强大，但有一个很大的痛点，就是数据不通用。每个工具都有自己的格式、界面和流程，互相切换的时候，非常痛苦。举例来说，你在 Swagger 设计好 API，到了 Postman 又得重新输入一遍，写单元测试还得再写一遍。效率低下，大型项目有成百上千个 API，根本无法统一管理。
2024-12-20 16:01:11
403
原创 Electron -- Electron Fiddle（一）
Electron Fiddle 是一个由 Electron 团队开发的开源工具，它允许开发者快速创建、运行和调试 Electron 应用。这个工具提供了一个简洁的界面，使用户无需配置复杂的开发环境，就能快速体验和学习 Electron。强烈建议将其安装为学习工具。：Electron Fiddle 允许你在不安装任何依赖的情况下尝试 Electron APIs，并且包含了 Electron 中每个 API 的示例，方便你快速查看特定功能如何工作。
2024-12-19 16:10:11
462
原创 浏览器奇怪的调试技巧 - 调试 HTML/CSS（四）
在 DOM 检查器中时，按 ctrl+\ （Chrome/Windows） 可随时暂停 JS 执行。这使您可以检查 DOM 的快照，而不必担心 JS 更改 DOM 或事件（例如鼠标悬停）导致 DOM 从您下方发生变化。
2024-12-17 07:30:00
250
原创 主流前端项目esLint 配置文件.eslintrc.js详解
// 从依赖导入defineConfig 函数const { defineConfig } = require('eslint-define-config');// 导出为一个配置对象。defineConfig 是一个函数，用于定义 ESLint 配置，使得不需要额外的文件如 .eslintrc.json 或 .eslintrc.yml。module.exports = defineConfig({ root: true, //这个选项告诉 ESLint，配置文件所在的目录是项目的根目录。
2024-12-17 06:30:00
189
原创 浏览器奇怪的调试技巧 - monitor() 类调用（三）
在Chrome DevTools的命令行接口中，monitor()方法可以用来监听任何传入的方法。当方法被执行时，会在控制台(console)中打印出来，包括调用的函数名以及给相应函数传递的参数。例如，如果你有一个函数getName()，并使用来监听它，那么每次直接或间接调用getName()时，都会在控制台中输出日志。您可以使用 Chrome 的命令行方法轻松跟踪对类方法的所有调用。例如，给定一个类DogDog。
2024-12-16 21:30:00
1409
原创 浏览器奇怪的调试技巧 - 高级条件断点（一）
假设你有一个显示加载微调器的函数和一个隐藏它的函数，但你在代码中的某个位置调用 show 方法，而没有匹配的 hide 调用。但是，我们可以使用条件断点在任何浏览器中模拟它们。您不应该使用条件断点评估时间等内容来混淆性能分析，但如果您想快速而肮脏地测量运行时间，则可以在条件断点中使用控制台计时 API。在起点中，使用条件设置断点，在终点使用条件设置断点。然后添加您的监视表达式，例如，记录 DOM： 的快照。现在，在修改任何 DOM 子树之后，调试器将暂停执行，新的 DOM 快照将位于数组的末尾。
2024-12-16 15:50:25
730
原创 （十二）机器学习 - 训练/测试
机器学习中的“训练/测试”是指使用机器学习算法从数据中学习模式的过程，并将学到的模型用于预测或分类新数据。这个过程通常分为两个主要阶段：训练阶段和测试阶段。
2024-12-14 13:22:36
835
1
原创 （十一）机器学习 - 缩放
在机器学习中，“缩放”（Scaling）是指对数据集中的特征（或变量）进行变换，以使它们处于相同的尺度或范围内。缩放是数据预处理的一个重要步骤，对于提高机器学习模型的性能和稳定性至关重要。
2024-12-13 14:28:17
596
原创 （十）机器学习 - 多元回归
多元回归（Multiple Regression）是一种统计学方法，用于建立一个因变量（响应变量）与多个自变量（解释变量）之间的关系。多元回归的目的是通过最小化预测误差来找到最佳的拟合模型，从而可以用来预测因变量的值或理解自变量与因变量之间的关系。多元回归的基本形式可以表示为：例子：一组数据集，其中包含了一些有关汽车的信息。可以根据发动机排量的大小预测汽车的二氧化碳排放量，但是通过多元回归，我们可以引入更多变量，例如汽车的重量，以使预测更加准确。在 Python 中，我们拥有可以完成这项工作的模块。
2024-12-13 09:42:21
874
原创 （九）机器学习 - 多项式回归
多项式回归（Polynomial Regression）是一种回归分析方法，它将自变量 xx 和因变量 yy 之间的关系建模为 nn 次多项式。多项式回归的目的是找到一个 nn 次多项式函数，使得这个函数能够最好地拟合给定的数据点。多项式回归可以看作是线性回归的扩展，因为线性回归是 n=1n=1 时的特殊情况。当数据点之间的关系不是线性的，而是曲线时，多项式回归可以提供更好的拟合。
2024-12-13 09:19:07
542
原创 （八）机器学习 - 线性回归
线性回归（Linear Regression）是一种统计学方法，用于建立一个或多个自变量（解释变量）与因变量（响应变量）之间的线性关系。线性回归的目的是通过最小化预测误差来找到最佳的线性拟合模型，从而可以用来预测因变量的值或理解自变量与因变量之间的关系。线性回归使用数据点之间的关系在所有数据点之间画一条直线。这条线可以用来预测未来的值。线性回归的参数估计通常使用最小二乘法（Least Squares Method），该方法通过最小化误差项的平方和来找到最佳的回归系数。
2024-12-12 10:23:12
952
原创 （七）机器学习 - 散点图
散点图（Scatter Plot）是一种用于展示两个变量之间关系的图表类型。它通过在二维平面上绘制点来表示数据的分布情况，每个点的横坐标（x轴）和纵坐标（y轴）分别对应数据集中的两个变量的值。散点图的主要目的是观察和分析两个变量之间是否存在某种相关性，例如正相关、负相关或无相关。：每个数据点在图表上的位置由其对应的两个变量值决定。：通过观察数据点的分布模式，可以判断两个变量之间是否存在相关性。如果数据点大致沿着一条直线分布，这可能表明两个变量之间存在线性关系。
2024-12-12 09:13:29
570
原创 （六）机器学习 - 正态数据分布
正态数据分布，也称为高斯分布（Gaussian distribution），是一种在统计学中非常重要的概率分布。它描述了自然和社会科学中许多现象的分布情况，如人的身高、体重、智商等。正态分布的图形特征是中间高、两边低，呈对称的钟形曲线，因此也被称为钟形曲线（bell curve）。其中，μμ 是分布的均值（mean），σσ 是分布的标准差（standard deviation），σ2σ2 是分布的方差（variance）。：正态分布的图形关于均值 μμ 对称，即分布的左侧和右侧是镜像的。
2024-12-12 08:59:31
761
原创 （五）机器学习 - 数据分布
数组值是随机数，不会在您的计算机上显示完全相同的结果。第一栏代表数组中有多少 0 到 1 之间的值。第二栏代表有多少 1 到 2 之间的数值。我们使用上例中的数组绘制 5 条柱状图。
2024-12-11 09:50:54
855
原创 （四）机器学习 - 百分位数
什么是 75 百分位数？答案是 43，这意味着 75％ 的人是 43 岁或以下。例如：假设我们有一个数组，包含住在一条街上的人的年龄。使用Python NumPy。
2024-12-11 09:30:22
262
原创 （三）机器学习 - 标准差/方差
标准差是统计学中一个非常重要的概念，它用来衡量一组数据的离散程度，即数据点与平均值之间的偏离程度。标准差越大，表示数据点越分散；标准差越小，表示数据点越集中。其中，σσ 表示标准差，nn 表示数据点的数量，xixi 表示每个数据点，μμ 表示数据的平均值。实际上，如果采用方差的平方根，则会得到标准差！或反之，如果将标准偏差乘以自身，则会得到方差！方差是另一种数字，指示值的分散程度。使用Python NumPy。
2024-12-11 09:05:14
691
原创 （一）机器学习 - 入门
数据集是一组数据的集合，这些数据可以是数值型、文本型、图形型等多种形式。数据集通常用于统计分析、机器学习、科学研究、商业智能等领域，以发现数据中的模式、趋势和关联性。
2024-12-10 21:21:40
746
原创 盘点有哪些网站登录技术
动态令牌（OTP）是一种临时密码，通常用于双因素认证。它只在一定时间内有效，或只能使用一次。最常见的两种动态令牌是HOTP（基于事件的一次性密码）和TOTP（基于时间的一次性密码）。
2024-12-02 14:59:47
602
原创 码农刚入职如何迅速上手一个项目
了解项目背景和目标：熟悉技术栈：代码审查：设置开发环境：理解项目结构和工作流程：参与日常会议和沟通：小任务开始：使用版本控制系统：阅读和遵循文档：寻求反馈：持续学习：保持耐心和积极态度：利用自动化工具：了解业务逻辑：建立个人知识库：
2024-11-27 17:03:10
159
原创 window属性：btoa()和atob()
btoa()函数用于将二进制数据（通常是字符串）转换为 Base64 编码的字符串。返回 Base64 编码的字符串。
2024-11-22 09:51:29
601
原创 window属性：window.self
indow.selfwindowself通过使用，你可以确保你的代码在正确的上下文中执行，这对于维护窗口状态和实现跨窗口通信至关重要。window.top。
2024-11-21 17:52:55
187
原创 window属性：devicePixelRatio
是一个只读属性，返回设备的像素比例（DPR，Device Pixel Ratio）。这个比例表示物理像素和设备独立像素（CSS像素）之间的比率。简而言之，它告诉我们一个物理像素由多少个设备独立像素组成。
2024-11-12 09:08:50
994
原创 window属性：crypto
是一个纯 JavaScript 编写的库，提供了许多加密功能，包括 PKI、PSS、OAEP、SHA 系列等。这些库提供了一个与 Web Crypto API 类似的 API，可以在 Node.js 环境中使用。的核心模块，它提供了加密功能，包括哈希、HMAC、加密解密、签名验证等。Node.js 自带了一个名为。
2024-11-11 09:53:55
1222
原创 window属性：customElements
使用方法来定义一个新的自定义元素。这个方法接受两个参数：自定义元素的名称和一个继承自的构造函数。※自定义元素的构造函数中可以定义生命周期回调方法，如和。// 定义一个新的自定义元素super();// 调用父类的构造函数// 创建 Shadow DOM`;// 注册自定义元素一旦自定义元素被定义，你可以像使用普通 HTML 元素一样在 HTML 文档中使用它。※自定义元素的名称必须包含一个连字符（-），这是 Web Components 规范的要求。使用。
2024-11-08 16:51:44
243
原创 .vue文件中定义变量和在引用的.ts文件中定义变量的区别
局部作用域在.vue文件的或<script>标签中定义的变量，它们的作用域仅限于当前组件。响应式系统使用时，可以直接使用 Composition API，定义的变量默认是响应式的，可以利用 Vue 的响应式系统。模板访问在.vue文件中定义的变量可以直接在模板中使用，无需额外的export。编译时处理变量和逻辑都在编译时被处理，可以利用 Vue 的优化，如树摇（tree-shaking）。单文件组件.vue文件是单文件组件（SFC）的一部分，方便管理和维护。模块作用域在.ts。
2024-11-05 08:39:09
454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人