前端md5 md
前端项目环境搭建笔记
@[toc] ## 简介 技术栈:vue3、TypeScript、vue-router、pinia、element-plus、axios、echarts等 ## 一、vue3组件通信方式 **通信仓库地址:https://gitee.com/jch1011/vue3_communication.gi ......
edit-c1bad80cb9604b299cde241fca56f555.md
ZeroTier - 简单快捷组建虚拟局域网 最近公司搬了新地址，开发和测试的服务器原来就在办公室放着，现在需要搬到机房，但是新的办公室和机房不在一起，网络不通。 在网上找了一圈，发现了个叫 ZeroTier 的工具，组建局域网比较方便。 官网宣传说：在任何地方安全地连接任何设备： Securely ......
前端实现图片验证效果
效果图： // 页面执行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" style="width: 200px;height ......
【校招VIP】前端专业课考点之CSMA/CD协议
考点介绍： CSMA/CD，载波监听多点接入/碰撞检测，是广播型信道中采用一种随机访问技术的竞争型访问方法，具有多目标地址的特点。它通过边发送数据边监听线路的方法来尽可能减少数据碰撞与冲突。采用分布式控制方法，所有结点之间不存在控制与被控制的关系。 答案详情解析和文章内容可点击下方链接即可查看 一、 ......
前端框架比较：HybridApp究竟谁更强？
HybridApp是指原生与前端语言相结合开发的应用，HybridApp可以运行在Android、iOS端上，不能用于PC端，称为混合类APP。混合开发是一种取长补短的开发模式，原生代码部分利用Web View插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的Web技术 ......
前端微应用框架(qiankun)调研
一、安装 1、主应用安装qiankun(子应用只做代码配置，无需任何安装) yarn add qiankun # 或者 npm i qiankun -S 二、关键参数介绍 1、主应用注册微应用 import { registerMicroApps, start, setDefaultMountApp ......
总结流媒体服务前端的一个产品要点
总结流媒体服务前端的一个产品要点 a. 超时重连机制，当到达一定次数的时候，显示视频走丢了，请手动重试 b. 视频比例的问题，当16:9的时候大于小于这个数值时会出现一定的问题 c. 视频播放完毕的时候自动跳转页面 d. 自动播放的问题，程序自动播放的问题 研究flvjs的源代码，以及代码中的问题。 ......
从壹开始前后端开发【.Net6+Vue3】（二）前端框架
# 项目名称:KeepGoing(继续前进) ## 介绍 工作后，学习的脚步一直停停走走，希望可以以此项目为基础，可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础，从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点，也同时会将在此过程中遇到的问题进行分享 项目地址 ......
前端小白Step2-package.json文件详解
前文已讲过 package.json npm的配置文件,主要用于确定当前项目直接依赖的包版本的范围（例如：^1.0.0表示的是大于等于1.0.0小于2.0.0）只依赖package.json管理包会有两个缺点： * . 同一份package.json安装的依赖版本可能不同，如果依赖包有小版本更新并且 ......
Nginx解决前端history路由模式下页面刷新404
原配置： ``` server { listen 80; server_name localhost; gzip on; gzip_static on; # 需要http_gzip_static_module 模块 gzip_min_length 1k; gzip_comp_level 4; gzi ......
Jest：优雅的前端单元测试框架
### 前言 日常工作的时候，经常听到前端单元测试，但由于工作性质，还没机会写这方面的单元测试，好奇的我，就提前学习一下，在此记录下来。 常见的前端单元测试框架有 jest、mocha、jasmine、karma、tape 等，这里头 mocha 笔者是很熟悉的了，几年前在做 UI 自动化测试、后端 ......
前端犄角旮旯，非常规面试题总结（不断更新....）
前段时间面试了一个大厂，被问了一些犄角旮旯的面试题，整场下来，一脸懵逼，决定痛定思痛，把这些题总结下来，不断更新。每天一遍，每天进步。。。 1、npm cnpm yarn pnpm的区别，各自的优势是什么？ 你项目中用的什么？ 首先说一下Node.js，简单的说 Node.js 就是运行在服务端的 ......
【校招VIP】前端JavaScript语言之跨域
考点介绍： 什么是跨域？浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。跨域是前端校招的一个重要考点，在面试过程中经常遇到，需要着重掌握。本期分享的前端算法考点之大数据相关，分为试题、文章以及视频三部分。 答案详情解析和文章内容可点击下方链接即可查看 一、考点题目 ......
前端面试题（文本与语音播放mpv3），上传喜马拉雅，便于随身听
喜马拉雅播放地址（简介可看相关文字）：https://www.ximalaya.com/album/77822188 线上可下载文本与MP3文件：https://gitee.com/yoonaLin/FE_Interview_questions ![](https://img2023.cnblogs ......
前端实现下载服务器xml文件
前端实现下载服务器xml文件 向后端服务器下载xml文件，请求访问出现乱码，解决方案 新建一个js文件enterpriseanalysisDetail.js，封装一个请求函数，请求类型设置responseType:blob import request from "@/utils/request"; ......
【面试题精讲】什么是websocket？如何与前端通信？
> 有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步,认准`https://blog.zysicyj.top` [首发博客地址](https://blog.zysicyj.top/) [系列文章地址](https://blog.zysicyj.top/categories/技术文 ......
前端小白Step1-开发环境构建
作为一名有着近10年后端开发经验的程序员，突然意识到要想清晰表达自己的想法和产品观念，但是完全不懂前端开发。。。Emoing，所以励志要能够做到用页面表达自己的想法和设计。2023.09.04开始打卡前端开发了。第一课调通前端开发环境 目前主流的前端开发框架还是Vue、React和Angular。但 ......
微前端框架micro-app基础使用示例
感觉微前端一直在身边萦绕，但没有动过手去玩过，最近做的一个项目，它比较庞大，模块也多，但最后又要汇集在一起，这不妥妥微前端使用场景，然而，然而架构师大佬已经接手了，我这等小弟领不到这活，所以就一直躺着没自己上手领会过微前端。昨天掘金上看了看微前端的框架，都比较推qiankun和micro-app，然 ......
自动打包发布前端项目
1、deploy.config.js module.exports = { packedFile:'dist', //打包文件 project: 'testProject', //本地打包后的文件 port:'8091', // 端口号 place: 'root@123.11.11.111', // ......
开课吧前端1期.阶段2：ES6详解-2 解构赋值 数组 字符串
4、解构赋值 解构可以理解把东西拆了 比如小时候把家里闹钟拆了 解构复制：注意 1.左右两边结构必须一样 2.右边必须是个东西 3.声明和赋值不能分开（必须在一句话里完成） let arr=[1,2,3] //把数组里面的东西，分别放到3个变量里面，传统写法 let a = arr[0] let b ......
MD5算法原理（未完成）
# MD5简介 >MD5不是一种加密算法，而是一种哈希算法，用于生成固定长度的哈希值。哈希算法通常不涉及加密或解密，它们是单向操作，将输入数据转换为固定长度的哈希值，而无法从哈希值还原原始数据。 # MD5算法核心步骤： ## **填充数据**： 首先，将输入数据填充到长度为512位的多重数（mul ......
前端面试套题系列（第七篇）
1、{}、new Object和Object.create的区别 主要区别 1、{} 和 new Object() 除了本身创建的对象，都继承了 Object 原型链上(Object.prototype)的属性或者方法，eg：toString()；当创建的对象相同时，可以说 {} 等价于 new O ......
前端Vue仿企查查天眼查高管信息列表组件
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大 ......
前端Vue仿企查查 天眼查知识产权标准信息列表组件
引入Vue仿企查查天眼查知识产权标准信息列表组件 随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开 ......
前端Vue自定义得分构成水平柱形图组件 可用于系统专业门类得分评估分析
引入Vue自定义得分构成水平柱形图组件：cc-horBarChart 随着技术的发展，传统的开发方式使得系统的复杂度越来越高，一个小小的改动或小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独 ......
JSONCPP向浏览器前端发送服务器本地文件列表
服务器解析了浏览器请求之后，要进行响应 响应体里需要存放请求的内容 HTML标签：是页面的核心内容，定义了页面有什么内容。 CSS：控制HTML元素的排版布局和展示方式，是美化页面文档的。 JavaScript：让用户与页面进行交互，或在网页背后默默操控网页，以便让显示的内容与效果有所改变。对网页来 ......
开课吧前端1期.阶段1：初识ES6和ES6兼容性和新特性
1、 ECMAScript和JavaScript 关系 ECMA是标准，JS是实现 类似于HTML5是标准，IE10,Chrome谷歌,FireFox火狐都是实现 换句话说，将来也可能有其他，XX某某Script来实现 ECMA标准 ECMAScript简称ECMA或ES 目前也只有JavaScri ......
POSTGRESQL中从MD5到SCRAM-SHA-256
从 v10 开始，PostgreSQL 提供了`scram-sha-256`对密码哈希和身份验证的支持。本文介绍了如何安全地调整您的应用程序。 ## 为什么我们需要`scram-sha-256`？ PostgreSQL 使用哈希加密有两个目的： - 实际的数据库密码是用户输入的明文密码的哈希值。这可 ......
云服务器nginx代理前端静态资源
#前端的打包在package.json  #打包完成的文件dist也放在/home下面 ![](https://i ......
tool - 前端如何精确统计页面停留时长？
# tool - 前端如何精确统计页面停留时长？ ## 1. 背景 页面停留时间（Time on Page）简称 Tp，是网站分析中很常见的一个指标，用于反映用户在某些页面上停留时间的长短，传统的Tp统计方法会存在一定的统计盲区，比如无法监控单页应用，没有考虑用户切换Tab、最小化窗口等操作场景。基 ......