前端websocket
前端面试基础题
1.Ajax,Axios,Fetch有什么区别？ （1）三者都用于网络请求，但是维度不同（2）Ajax（Asynchronous javaScript and XML），一种技术统称（3）Fetch是一个具体的API，浏览器原生API,用于网络请求，和XMLHttpRequest是一个级别，Fetc ......
前端面试题（css）
1.css选择器（1）简单选择器（元素，Id，类来选取元素，通配选择器）（2）组合选择器（根据它们之间的特定关系来选取元素）（3）伪类选择器（根据特定状态选取元素）（4）伪元素选择器（选取元素的一部分并设置其样式）（5）属性选择器（根据属性或属性值来选取元素）2.层叠顺序 当为某个 HTML 元素指 ......
前端面试题（js）
1.this 解析器在调用函数时，每次会向函数内部传递一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，根据函数调用方式的不同，函数会指向不同的对象。 （1）以函数形式调用时，this永远指向window （2）以方法的形式调用时，this指向调用方法的对象 （3）当以构造函数形 ......
Electron打包若依前端为桌面程序
下面的步骤是我事后整理的，还需要第二个项目进行验证，才能知道是否完整。 1.npm install electron --save-dev 2.npm install electron-builder 3.设置图标的：npm install electron-icon-builder 3.打开env ......
前端解析excel表格实现
### 1. 背景：在做react项目时，遇到一个解析excel的需求变更，把从原来后端解析变更为前端解析。 1.1 由于后端解析excel文件有安全隐患，因为项目中后端不允许上传文件，当然后端解析对前端来说是最简单的方式，只需要调用个api。接下来讲讲前端解析方式吧： #### 2.1 安装依赖 ......
前端中使用到的单位
（1）pt|px|em|rem pt（点）:绝对长度单位。常用与印刷中1pt=1/72英寸 px（像素）：相对长度单位。相对于显示器分辨率而言。 em：相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了，且设置了文本大小，父级大小随文本改变，继承父级元素的字体大小】 rem:CSS3新增相 ......
氚云-前端获取数据传到后端，后端处理数据后传回前端
// 加载事件 OnLoad: function() { //将OnLoad函数中this对象暂存，因为PostForm回调函数中的this指向与OnLoad中的this指向不一致 var parent = this; //PostForm请求后端，actionName为"GetCurrentLog ......
前端Vue自定义询问弹框和输入弹框
前端Vue自定义询问弹框和输入弹框， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13119 效果图如下：  [micro-app 官方demo地址](https://github.com/micro-zoe/micro-app-demo) 这篇文章主要是为了记录，本人在使用中遇到的一些问题，供参考 1. 资源找不到 -> ......
前端Vue自定义简单实用中国省市区三级联动选择器
#### 前端Vue自定义简单实用中国省市区三级联动选择器， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13118 #### 效果图如下：  { ^ ReferenceError: require is not defined...
具体报错如下：  修改`node_modules/vite-plugin-mock/dist/index ......
前端学习C语言 - 函数和关键字
## 函数和关键字 本篇主要介绍：`自定义函数`、`宏函数`、`字符串处理函数`和`关键字`。 ### 自定义函数 #### 基本用法 实现一个 add() 函数。请看示例： ```c #include // 自定义函数，用于计算两个整数的和 int add(int a, int b) { // a ......
04导出项目依赖，首页推荐课程前端，git介绍安装，git，github，gitee，gitlab，git使用流程，常用命令，git忽略文件
# 补充 ``` -字段类：DateTimeField的属性： -auto_now_add：这个字段新增的时候，可以不传，会以当前时间存入 -这样写，配置文件中：USE_TZ = False写成true，和fasle的区别 -auto_now：更新这条记录，会把当前时间存入 -update更新 -对 ......
WebSocket 封装
前言 实际工作中可能会遇到需要封装WebSocket的场景，以下基于ts做了WebSocket的封装，包括心跳机制和重连 // websocket 封装 enum ConnectionState { // websocket 连接状态 'CONNECTING', 'CONNECTED', 'DISC ......
nginx前端页面通过docker部署过程中的相关问题
1、nginx.conf 的 ip 地址 对应 服务器的 ip 2、数据卷的路径需要与配置文件对应 nginx.conf 创建数据卷与容器的语句 docker run --name=nginx01 -v html:/usr/share/nginx/html -p 8080:80 -d nginx 3 ......
前端如何防止用户使用F12看控制台
#### 先分享一下自己的搭的免费的chatGPT网站 [https://www.hangyejingling.cn/](https://www.hangyejingling.cn/) ## 正文 #### 1、如果是VUE框架开发，在生产环境中。在入口文件APP.vue中添加如下代码，其他框架同理 ......
前端生成付款的二维码
**方形二维码：** QRCode ### VUE 生成二维码(qrcodejs） QRCode.js 是用于制作 QRCode 的 javascript 库。 QRCode.js 支持跨浏览器与 HTML5 Canvas 和 DOM 中的表格标签。 QRCode.js 没有依赖项。 **安装依赖* ......
用户登录界面前端设计思路
用户模块 通过用户行为来区分 actionName 用户登录 actionName="login" 进入个人中心 actionName="userCenter" 加载头像 actionName="userHead" 验证昵称的唯一性 actionName="checkNick" 修改用户信息 act ......
前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩
#### 前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13099 #### 效果图如下：  方法可以存在多个, 分别用于处理不同格式的内容, 传输文件时需要使用 ByteBuffer 类型的消息处理, 在处理过程中和普通的文件传输是一样的, 需要将文件分片传输, 并约定合适的消息头用于判断文件传输的阶段, 在服务端根据不同的阶段进行文件创建, 写入... ......
Java Websocket 01: 原生模式 Websocket 基础通信
原生模式下, 服务端通过 @ServerEndpoint 实现其对应的 @OnOpen, @OnClose, @OnMessage, @OnError 方法, 客户端创建 WebSocketClient 实现对应的 onOpen(), onClose(), onMessage(), onError(... ......
前端海报生成
## 说明 使用的canvas绘制海报 ### 参数 |参数 |说明 | | | | |width |海报总体宽度 | |height |海报总体高度 | |views |需要渲染到海报上面的元素,这是一个`Array` | views的属性,更多属性看代码把 |属性 |说明 | | | | |ty ......
前端Vue加载中页面动画弹跳动画loading
#### 前端Vue加载中页面动画弹跳动画loading， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13091 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k ......
前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈
#### 前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13085 #### 效果图如下： #### ![](https://p3-juejin.byteimg ......
每个前端开发人员都必须拥有的7个免费救生图像工具
图像是每个前端开发人员旅程中不可或缺的一部分，塑造迷人的数字体验。 为了克服处理图像的挑战，这里有 7 个为您量身定制的救生工具：从优化和调整大小到背景删除和查找免版税图像，这些工具将使您能够毫不费力地创建令人惊叹的视觉效果！ （更多优质内容：java567.com） ## 1. 在线 Photos ......
用流写出文件到前端代码示例
```java import java.io.*; public class FileDownloadServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse ......
前端实现二维码图片生成
## 安装需要 安装 ```shell npm i qrcode ``` NPM地址:https://www.npmjs.com/package/qrcode 这个是直接生成base64数据,可以直接放到图片上面展示 ## 使用 ```html 生成二维码 点击生成 ``` ```js import ......