前端 指示indicate swiper
数字前端工作总结
0. 前言 去年9月到现在总共做了两次ic的数字部分的开发，第一个设计是一个rfid的逻辑部分，第二个设计是一个多核处理器，我的工作主要是做架构设计以及主体代码的编写，模块代码一般分配给组里的其他研究生做。在做的过程中对一些问题有了反思，主要从工作流，设计约束和代码质量三个角度来做一下总结，希望反思 ......
2023前端面试题二
图片 png 无损压缩，尺寸体积要比jpg的大，适合做小图标 jpg 采用压缩算法，有一点失真，比png体积要小，适合做中大图片 gif 一般是做动图的 webp 同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积 css的盒子模型 标准盒子模型 margin/border/paddi ......
简单聊聊，使用Vue.js编写命令行界面,前端开发CLI的利器
Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
【Web】前端框架对微软老旧浏览器的支持
零、原因 最近要做一个项目，要能在学校机房运行的，也要在手机上运行。电脑和手机，一次性开发，那最好的就是响应式前端框架了。手机和正常的电脑兼容性问题应该都不大，但是学校机房都是Win7的系统，自带的都是IE8的浏览器。虽然有安装谷歌浏览器、360浏览器啥的，但是默认的还是IE浏览器。这就有一个问题， ......
2022年Web前端入门自学路线（精简版）
本文的最新内容，更新于2021-10-09。大家完全不用担心这篇文章会过时，因为随着 前端技术的更新，本文也会随之更新。 本文的最新内容也会在GitHub上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。 我之前写过一篇文章：《裸辞两个月，海投一个月，从Android转战Web前端的求职之 ......
2018年-前端日记
2018年4月份 2018-04-25 userAgent相关：判断微信内置浏览器的UserAgent 2018-04-26 前端相关： 流程图制作工具：ProcessOn api方法的浏览器兼容性问题，可以在这个网站上看：https://caniuse.com/ CSS3的兼容性问题，不一定要使用 ......
2019年-前端日记
2019-04-02 Vue屏幕宽度自适应： https://blog.csdn.net/qq_25386583/article/details/77161478 https://blog.csdn.net/xuaner8786/article/details/81565219 2019-04-07 ......
2022年-前端日记
2022-03-30 有些Mac设备里，Safari浏览器的默认字体竟然是宋体，这太奇怪了。建议在页面的 body 标签设置字体族的优先级，还是很有必要的： font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang S ......
2022年Web前端开发流程和学习路线（详尽版）
本文的最新内容，更新于 2022-06-27，会在GitHub上同步更新，欢迎 star。大家完全不用担心这篇文章会过时，因为随着前端领域的技术更新，本文也会随之更新。 前言 前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、 ......
【Nginx】配置俩前端，指定路径的时候报错的原因
# NGINX 配置文件 listen 80; server_name XX.XX.XX.XX ; # 配置前台的前端 location / { index index.php index.html index.htm default.php default.htm default.html; ro ......
前端进化笔记-JavaScript（二）
因为作者学过其他类c语言，就不对大家都熟悉的内容进行赘述了。 ###语法 JavaScript区分大小写 标识符：变量，函数，属性，函数参数的名称 第一个字符必须是字母，下划线（_），美元符号（$）； 关键字、保留字、true、false和null不能用作标识符 作者在后续阅读的过程中，发现对各种名 ......
Django - json_script 模板语言，将queryset转换为前端json数据
models.py class User(models.Model): name = models.CharField(verbose_name="Name", max_length=64) serializer.py class UserSerializer(serializers.ModelSe ......
前端错误捕获和上报
JS中常见的执行错误 日常执行中主要有： 同步错误、 语法错误、 普通异步任务错误、 Promise任务错误、 async任务错误5种常见的异常错误。 资源加载错误 主要有图片、script、css、font等资源的加载错误问题。 错误捕获： try... catch.. 能捕获包裹体内的同步执行错 ......
最火前端 Web 组态软件 (可视化)
前言： 随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。 正文： 1.mxgraph： 介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可视化组态的实 ......
后端访问前端项目方法
在前后端联调时，后端开发若是想访问前端的网页，在不用拉取前端代码前提下，可以通过地址访问前端启动起来的项目。 需要满足以下两个条件： 前端项目所在的计算机需要与后端计算机处于同一网络环境中。如果两台计算机不在同一网络中，则无法直接访问。 前端项目需要以可以被外部访问的方式启动。通常情况下，前端项目会 ......
web安全基础-前端编码
1、url编码 一般来说，就是先utf-8编码，然后每个字节前加%，但具体哪些字符进行url编码和是否必然是utf-8可能和浏览器相关。 url - 挖洞404 - 博客园 (cnblogs.com) 2、base64编码 3、js转义和编码 4、html实体编码 html实体编码 - 挖洞404 ......
OAuthApp v2.4.28 | 前端发布工具 | Azuer OpenAI、SSL 证书工具
OAuthApp 是一个前端发布工具，用于快速开发前端网页项目，并发布到服务器。具有引入脚本库就能使用服务端 API、自定义域名、在线发布 H5、站点数据独立存储的特性。 更新内容： 1，免费 SSL 证书管理工具，支持在线申请自定义域名 SSL 证书2，站点自定义域名与证书绑定3，用户访问令牌管理 ......
前端接收并下载文件流
可以通过将其转化为blob对象，添加到a标签或iframe标签中来模拟下载;如果是在项目中使用，我们需要对请求返回的数据进行处理，这里我们需要把responseType对象格式设置成blob。这里直接用axios请求 function downloadFile(id){ axios.get(`/ap ......
【前端可视化】大屏scale适配vue3 hooks
useScalePage.js import { onMounted, onUnmounted } from 'vue'; import _ from 'lodash'; /** 大屏适配的 hooks */ export default function useScalePage(option) ......
前端Token刷新 重新请求返回underfined
在刷新Token ok后 数据有返回，但是 最开始的请求那里总是underfined，这个找了一天后找到原因，记得return, 没有 return就是underfined ......
前端代码规范
前端代码规范 引用自：公众号：前端小川 大多数具有一定规模的公司，都有自己的前端代码规范，没有或者准备要制定自己公司代码规范的可以参考这些代码规范 9个秘籍里面有6个文档、1本书籍和2个工具，认真看完这9个秘籍，一定会提升代码质量，让你写出漂亮的代码 秘籍一：京东凹凸实验室前端代码规范 网址：htt ......
简单的前端登录页面
springboot整合了springmvc的拦截功能。拦截了所有的请求。默认放行的资源是：resources/static/ 目录下所有静态资源。（不走controller控制器就能直接访问到资源）。 html页面如果放在resources/templates目录下，则需要走controller控 ......
前端获取ip地址、获取经度、纬度
记录一次js获取ip地址，经纬度 开始使用过很多的方法 const getLocalIP = async () => { const pc = new RTCPeerConnection(); pc.createDataChannel(''); const offer = await pc.crea ......
字节前端--深入JS
首先先介绍JS的基本概念： 比如是单线程，动态，弱类型等等。 除了这些东西之外还有： 下面的一些基础概念： JavaScript 是一种脚本语言，通常在网页上运行。 JavaScript 不需要编译，因为它是一种解释性语言。 在网页上添加 JavaScript 的方式有多种，包括内联脚本、嵌入式脚本 ......
C#实现 通过ffmpeg拉取海康摄像头rtsp流转m3u8，并在前端播放的解决方案
需要的资源： ffmpeg、海康客户端 IVMS-4200 V3,3,1,8、VCL播放器 开发前准备工作： 1. 配置ffmpeg环境变量,将ffmpeg.exe的路径配入Path环境变量(为了减少篇幅，不懂的麻烦自行百度) 百度的时候， C#通过 Process 命令调用进程网上很多都说直接在命 ......
前端学习笔记--主流web框架
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <style type='text/css'>html {o ......
前端JavaScript的精确计算问题
问题发现 "47.900000" * "771.65" = 36962.034999999996 (错误) 36962.035 (正确) 问题定位 JavaScript 前端计算不精确(浮点数计算的精确问题) 问题解决 除法函数，用来得到精确的除法结果说明：javascript的除法结果会有误差，在 ......
前端项目使用vw视口单位进行适配时字体大小的解决方案
使用视口单位vw来实现响应式排版。1vw等同于视口宽度的百分之一，即如果你用vw来设定字体大小的话，字体的大小将总是随视口的大小进行改变。 问题在于，当做上面的事情的时候，因为文本总是随着视口的大小改变大小，用户失去了放缩任何使用vw单位的文本的能力。所以你永远都不要只用 viewport 单位设定 ......
前端vue使用exceljs、file-saver导出表格文件添加水印
创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel（带水印） 公共方法 * @param header v 为头，k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......