vue3-element-admin前端editorconfig stylelint
【面试题精讲】什么是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 ......
前端面试套题系列(第七篇)
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 ......
云服务器nginx代理前端静态资源
#前端的打包在package.json ![](https://img2023.cnblogs.com/blog/2957868/202309/2957868-20230901202251526-1643593288.png) #打包完成的文件dist也放在/home下面 ![](https://i ......
tool - 前端如何精确统计页面停留时长?
# tool - 前端如何精确统计页面停留时长? ## 1. 背景 页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等操作场景。基 ......
从零开始一个vue3前端项目day03-网络请求配置篇
网络请求配置是项目中必不可少的部分,接下来就讲解一下项目中网络请求配置的常用步骤1:选择网络请求库,一般vue采用axios,react采用umi框架的request,接下来就是在项目引入啦 $ npm install axios 2:一般在项目中我们都会对网络请求进行一个相应的封装,采用axios ......
前端知识~Content-Type和Accept
# 概述 Content-Type和Accept是两个HTTP标头(HTTP headers),用于在HTTP请求和响应之间传递有关请求的数据类型和响应的首选内容类型的信息。这两个标头在HTTP通信中起着关键的作用。 1. Content-Type: - `Content-Type` 是HTTP请求 ......
前端使用xlsx插件读取excel文件数据
安装xlsx插件 ``` npm install xlsx ``` 导入xlsx ``` import XLSX from 'xlsx' ``` 前端UI如下: ![文件上传.png](https://upload-images.jianshu.io/upload_images/8375572-d4 ......
【校招VIP】前端算法考点之大数据相关
考点介绍: 大数据的关键技术分为分析技术和处理技术,可用于大数据分析的关键技术主要包括A/B测试,关联规则挖掘,数据挖掘,集成学习,遗传算法,机器学习,自然语言处理,模式识别,预测模型,信号处理,空间分析,监督式学习,时间序列分析等,可用于大数据处理的关键技术主要是商业智能,云计算,数据仓库,数据集 ......
记录--前端使用a链接下载内容增加loading效果
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 问题描述:最近工作中出现一个需求,纯前端下载 Excel 数据,并且有的下载内容很多,这时需要给下载增加一个 loading 效果。 代码如下: // utils.js const XLSX = require('xlsx') // 将一 ......
从零开始一个vue3前端项目day02-vite配置篇
完成了路由的配置,就准备进行页面开发等了 ,与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的,推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦,所以我们可以配置 ......
前端实现下载文件
## 一、通过url-loader插件 > 对于保存在项目中的文件,实现直接下载该文件至本地。 对这个插件的具体理解可以查看别的网上介绍: - https://zhuanlan.zhihu.com/p/85917267 - https://blog.csdn.net/qq_46112274/arti ......
前端实现人脸识别
# 前端实现人脸识别 ## 引言: 灵活的调用硬件配置是原生开发的长项,在我接触到与人脸识别相关的项目的时候,第一时间想到的就是hybrid形式借助原生app或是第三方平台客户端API去实现,最近的项目便是借助原生app混合开发来完成人脸识别。借助该形式实现人脸识别的总体流程是:app端开启摄像 ......
从零开始一个vue3前端项目day02-路由配置
把整体项目框架搭建好之后,首先就是对我们的路由进行配置 模块化配置路由,不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用, https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......
WEB-RTC 前端工作流整理
一、总结 二、流程详解 总流程可以参照 WEB-RTC 基础概念和架构 的第二部分,本篇是对这个流程的 FE 代码的一个梳理: (一) 前期准备 首先发起端(以下统称 Client A 或者 A)通过 mediaDevices 原生接口获取当前设备的一些媒体输入/输出流(或者轨道,track),这一 ......
前端常见bug与解决方案
1.node版本问题 npm install 安装依赖 99.99% 对应的node版本的支持 工具 nvm多个不同的node版本共存 常用的命令 nvm list 遍历本机上所有node安装的node版本 nvm install (@版本号) 安装指定的版本号 mvn use (@版本号) 切换指 ......
10款前端流程图框架
10款前端流程图框架 2023-05-31 11:51·乐吾乐科技 1、go.js go.js 提供一整套的JS工具 ,支持各种交互式图表的创建;目前go.js 是闭源收费的;官方网站:https://gojs.net/latest/samples/ 2、jsPlumb jsPlumb是一套开源的流 ......
【校招VIP】前端校招考点之UDP
考点介绍: UDP是非面向连接协议,使用udp协议通讯并不需要建立连接,它只负责把数据尽可能发送出去,并不可靠,在接收端,UDP把每个消息断放入队列中,接收端程序从队列中读取数据。 一、考点题目 1、UDP对应的协议有哪些 解答:DNS :用于域名解析服务,将域名地址转换为IP地址。DNS用的是53 ......
AI绘图开源工具Stable Diffusion WebUI前端API对接
本文主要介绍 AI 绘图开源工具 Stable Diffusion WebUI 的 API 开启和基本调用方法,通过本文的阅读,你将了解到 stable-diffusion-webui 的基本介绍、安装及 API 环境配置;文生图、图生图、局部重绘、后期处理等 API 接口调用;图像处理开发中常用到... ......
一个卡片展示的前端组件
``` {{ item.total_number }} 个 {{ item.title }} ``` 效果图如下: ![](https://img2023.cnblogs.com/blog/3246303/202308/3246303-20230830204931861-1209762196.png ......
h5(html5)+css3前端笔记六
#浮动 ##1.1传统网页布局的三种方式 普通流、浮动、定位 网页布局的本质一一用CSS来摆放盒子。把盒子摆放到相应位置 ##1.2标准流(普通流/文档流) 1. 块级元素会独占一行,从上向下顺序排列。 常用元素: div、hr、p、h1~h6、ul、ol、dl、form、table 2. 行内元素 ......