表头 前端 页面table
element table 表格控件实现单选功能
<el-table :data="tableData" border stripe ref="tableData" @row-click="singleElection"> <el-table-column label="" width="65"> <template slot-scope="sco ......
前端 文件流下载blob
1.axios请求携带 responseType: 'blob' export function getCreateReport(id) { return request({ url: `${apiPrefix}/bus/proposal/evaluation/${id}`, method: 'Ge ......
前端之外
## 编程语言 [PHP](http://php.net/)：PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域 [NodeJS](htt ......
Web前端编程范式
## Event-Driven Programming - **[Comparison Between Different Observer Pattern Implementations](https://github.com/millermedeiros/js-signals/wiki/Comp ......
Web前端设计模式
- [CSS Modules](https://github.com/css-modules) : A CSS Module is a CSS file in which all class names and animation names are scoped locally by defaul ......
从零开始一个vue3前端项目day04-头部导航篇
在实际开发项目中通常会把头部导航栏写成一个通用组件，这里来具体说一下实现思路 1：front-header组件就是我们的头部导航栏，路由我们已经配置好了，把每个导航的首页路径，配置成navList(包含name，path),这样就通过遍历navList就能写出一个首页导航组件 2：导航的选中状态实现 ......
前端工程化
## 前端打包工具 ### Source Map - **[combine-source-map](https://www.npmjs.org/package/combine-source-map)**: Add source maps of multiple files, offset them ......
五、进程调度/页面置换/磁盘调度
小林coding 《图解系统：调度算法》笔记 参考： geeksforgeeks: CPU Scheduling in Operating Systems uic：CPU Scheduling 进程调度 TIP 我知道很多人会问，线程不是操作系统的调度单位吗？为什么这里参与调度的是进程？ 先提前说明 ......
直播平台制作，WebDriver API 拖拽页面元素
直播平台制作，WebDriver API 拖拽页面元素 import org.testng.annotations.Test;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.se ......
前端项目环境搭建笔记
@[toc] ## 简介 技术栈:vue3、TypeScript、vue-router、pinia、element-plus、axios、echarts等 ## 一、vue3组件通信方式 **通信仓库地址:https://gitee.com/jch1011/vue3_communication.gi ......
HarmonyOS实现表单页面的输入，必填校验和提交
一. 样例介绍 本篇Codelab基于input组件、label组件和dialog组件，实现表单页面的输入、必填校验和提交： 1. 为input组件设置不同类型（如：text，email，date等），完成表单页面。 2. 对表单页面中的用户名、电子邮件、爱好输入框进行必填校验。 3. 使用弹框选择 ......
前端实现图片验证效果
效果图： // 页面执行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" style="width: 200px;height ......
fastAdmin框架，点击表格内容弹出页面弹窗
效果： 代码： {field: 'base_detail', title: __('基地详情'), operate: false,formatter: function (value, row, index) { var html = '<span class="details-view text- ......
vue页面书写顺序
<template> <!-- html模板 --> <div class="a-class"> <div class="b-class"> <div class="c-class">vue页面书写规范</div> </div> </div> </template> <script> /* 模块系统 ......
【校招VIP】前端专业课考点之CSMA/CD协议
考点介绍： CSMA/CD，载波监听多点接入/碰撞检测，是广播型信道中采用一种随机访问技术的竞争型访问方法，具有多目标地址的特点。它通过边发送数据边监听线路的方法来尽可能减少数据碰撞与冲突。采用分布式控制方法，所有结点之间不存在控制与被控制的关系。 答案详情解析和文章内容可点击下方链接即可查看 一、 ......
页面加水印
效果图： 实现思路： 需要一个透明蒙版盖住页面，然后将水印信息循环展示出来，展示完成后将蒙版旋转倾斜，然后为了让水印不影响下层页面功能的正常使用，需要使用pointer-events: none;属性让事件穿透到下面去 // 定义一个水印组件 <template> <view class="make ......
前端框架比较：HybridApp究竟谁更强？
HybridApp是指原生与前端语言相结合开发的应用，HybridApp可以运行在Android、iOS端上，不能用于PC端，称为混合类APP。混合开发是一种取长补短的开发模式，原生代码部分利用Web View插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的Web技术 ......
mysql create table ,store procedure,call sp
//create table t1 //show create table t1; CREATE TABLE `t1` ( `id` int NOT NULL AUTO_INCREMENT, `name` varchar(40) NOT NULL DEFAULT '', `author` varch ......
前端微应用框架(qiankun)调研
一、安装 1、主应用安装qiankun(子应用只做代码配置，无需任何安装) yarn add qiankun # 或者 npm i qiankun -S 二、关键参数介绍 1、主应用注册微应用 import { registerMicroApps, start, setDefaultMountApp ......
总结流媒体服务前端的一个产品要点
总结流媒体服务前端的一个产品要点 a. 超时重连机制，当到达一定次数的时候，显示视频走丢了，请手动重试 b. 视频比例的问题，当16:9的时候大于小于这个数值时会出现一定的问题 c. 视频播放完毕的时候自动跳转页面 d. 自动播放的问题，程序自动播放的问题 研究flvjs的源代码，以及代码中的问题。 ......
一个简单的html时间显示页面-可做小工具
代码由 chatgpt3.5 生成，已验证 index.html ```html 当前时间 当前时间 --> 生活是一种态度。 保存笔记 (Ctrl + S) ``` 页面效果：  ## 介绍 工作后，学习的脚步一直停停走走，希望可以以此项目为基础，可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础，从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点，也同时会将在此过程中遇到的问题进行分享 项目地址 ......
列表滚动保存当前位置，跳转详情页面返回后继续当前位置
思路如下： // 1. 监听页面的滚动（onPageScroll 生命周期） // scrollTop是data中定义的变量，可以将页面的滚动值赋值保存下来。 onPageScroll(e) { this.scrollTop = e.scrollTop; } // 2.离开当前页面时，保存到缓存中 ......
安防监控/视频汇聚/云存储/AI智能视频融合平台页面新增地图展示功能
AI智能分析网关包含有20多种算法，包括人脸、人体、车辆、车牌、行为分析、烟火、入侵、聚集、安全帽、反光衣等等，可应用在安全生产、通用园区、智慧食安、智慧城管、智慧煤矿等场景中。将网关硬件结合我们的视频汇聚/安防监控/视频融合平台EasyCVR一起使用，可以实现多现场的前端摄像头等设备统一集中接入与 ......
前端小白Step2-package.json文件详解
前文已讲过 package.json npm的配置文件,主要用于确定当前项目直接依赖的包版本的范围（例如：^1.0.0表示的是大于等于1.0.0小于2.0.0）只依赖package.json管理包会有两个缺点： * . 同一份package.json安装的依赖版本可能不同，如果依赖包有小版本更新并且 ......
【AGC】App Linking首次不能重定向指定页面的问题
【关键字】 AGC、App Linking、重定向 【问题描述】 有开发者反馈app linking未安装应用时，自定义地址可以重定向到apk应用内的任意页面会出现问题。app linking 未安装apk时指定到对应页面时，只拉开应用市场，安装后首次不能跳转到指定页面。 出现问题时，已经试过了 ......
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 ......
iOS开发Swift-9-SFSymbols,页面跳转,view屏幕比例,启动页-和风天气AppUI
1.创建项目 2.设置好测试机型,App显示名称,以及关闭横向展示. 3.下载SF Symbols. https://developer.apple.com/sf-symbols/ 右上角搜索 search ,可以找到很多系统自带图标.选择喜欢的图标,拷贝图标的名字. 插入一个Button,在Ima ......
Jest：优雅的前端单元测试框架
### 前言 日常工作的时候，经常听到前端单元测试，但由于工作性质，还没机会写这方面的单元测试，好奇的我，就提前学习一下，在此记录下来。 常见的前端单元测试框架有 jest、mocha、jasmine、karma、tape 等，这里头 mocha 笔者是很熟悉的了，几年前在做 UI 自动化测试、后端 ......
前端犄角旮旯，非常规面试题总结（不断更新....）
前段时间面试了一个大厂，被问了一些犄角旮旯的面试题，整场下来，一脸懵逼，决定痛定思痛，把这些题总结下来，不断更新。每天一遍，每天进步。。。 1、npm cnpm yarn pnpm的区别，各自的优势是什么？ 你项目中用的什么？ 首先说一下Node.js，简单的说 Node.js 就是运行在服务端的 ......