前端 头像 国庆
【前端】前端部署发布浏览器缓存问题
方法一 代码清楚法 1：每次修改package.json版本号 2：在main.js中配置 const VUE_APP_VERSION = require('../package.json').version const vers = window.localStorage.getItem("app ......
认真学习前端第二天（多益校招笔试复盘）
1.margin塌陷：两者都是正数取最大值；一正一负取正值+负值；两者都是负数取最小（绝对值最大）2.lodash,vue-cli,element-ui,webpack,vite,rollup,babel 3.promise的打印题 4.熬不动了，没有规划好时间，今天只学了半个小时，做了一个半小时的 ......
突然想起高考后去苏步天那里住一晚 和 大一第一次国庆找苏步天玩
突然想起高考后去苏步天那里住一晚，还有陈城 晚上出去玩，玩了很多，万达公路对面的沙滩，到最后打车回来，在等待时还拍了照片来记录，虽然现在找不到了 我记得我三去了类似商城的地方，有奶茶，咖啡，肯德基什么的，苏步天点了一杯冰激凌“奥利奥圣代”，苏步天说我点的是一份炸鸡，我忘了。 陈城那晚去医院打疫苗，我 ......
前端中字体的使用
前端中字体的使用 字体是前端的基础，本文介绍常见的几种字体以及如何在工程中引入自定义的字体。 字体的类型 常见的字体类型有 TTF/OTF, WOFF/WOFF2, SVG,EOT （这个是按照浏览器的支持率由高到底排序的） TTF(True Type Font) 由微软与苹果开发，广泛用于wind ......
前端学习：python基础-1
False、True、None 1、模块 一个文件为一个模块，跨文件访问需要导入语句的形式 eg: import <模块名> form <模块名> import <代码元素> form <模块名> import <代码元素> as <代码元素别名> 与前端差异： import <模块>/{ 模块中变 ......
使用js开发一个快速打开前端项目的alfred插件
使用js开发一个快速打开前端项目的插件 目录 前言 使用的技术栈 步骤 问题发现 待优化 前言 一直以来开发都是先打开vscode，然后选择项目，在项目多的情况下会觉得挺繁琐；如果同时打开了许多vscode窗口，寻找目标窗口也比较麻烦，于是萌生了开发一个alfred的工作流插件的想法，目标是在alf ......
前端笔记
JavaScript初始化加载的3种方式_js初始化加载方法_——潇洒走一回——的博客-CSDN博客 <script> //只能有一个 window.onload = function(){ alert("JS初始化加载"); } </script> <script> // 可以有多个但是容易被断开 ......
微前端启动子应用出现的eslint提示
前言 在管理较大的多人协同开发项目时，为了规范大家的代码书写习惯，我们往往都会用eslint来约束，但这也导致我们在拉项目时以及开发时都增加了不少麻烦，本文着重讲解微服务启动不同子项目时常规报错的解决方式。 步骤一：在package.json将 "lint": "vue-cli-service li ......
前端RSA公钥解密
前端加解密使用的jsencrypt包，jsencrypt包中只有公钥加密，私钥解密的方法，但项目中要求前端公钥解密，通过重写jsencrypt包中的方法来实现 /** * 重写JSEncrypt解密方法以支持公钥解密 * */private pkcs1unpad2(d, n) { const b = ......
Harmony自定义页面请求与前端页面调试
一、自定义页面请求响应 Web组件支持在应用拦截到页面请求后自定义响应请求能力。开发者通过onInterceptRequest()接口来实现自定义资源请求响应 。自定义请求能力可以用于开发者自定义Web页面响应、自定义文件资源响应等场景。 Web网页上发起资源加载请求，应用层收到资源请求消息。应用层 ......
TTS背后的技术原理——前端和后端系统
就解锁了一个温柔又风趣的「女朋友」萨曼萨。不过，在现实生活中，和语音助手谈恋爱还是一件十分遥远的事情——刨去现阶段的语音助手们双商水平还有限，语音助手的语言表达能力还远远达不到我们理想状态。 为啥你的机器人女友说话不像萨曼萨？本文中，Rokid A-Lab 语音合成算法工程师郑杰文将从语音合成技术谈 ......
web前端Tips：断点续传如何实现？
在Web前端中实现断点续传功能的一种常见方式是使用HTTP Range请求和文件分片上传。 以下是一个简单的断点续传实现的步骤： 前端将要上传的文件分成多个固定大小的片段（chunk），例如每个片段的大小为1MB。 当用户选择上传文件时，前端发送一个初始请求到服务器，询问服务器当前已上传的文件大小（ ......
js 前端 时间日期 月份 日期不满10 前面加0
法一： //获取当前日期的yyyy-MM-dd格式var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date ......
前端代码里面的空格和换行会影响系统的性能吗
在前端代码中，空格和换行通常不会对系统的性能产生显著影响。浏览器在加载和解析代码时会忽略空格和换行，并且对代码进行压缩和优化，以减少文件大小和提高执行效率。 然而，过多的空格和换行可能会增加代码的大小，导致传输时间稍微增加。这对于网络速度较慢的情况下可能会稍微影响加载时间。因此，在部署代码时，建议对 ......
前端代码中注释代码太多会影响系统性能吗
在前端代码中，注释对系统性能的影响非常小，几乎可以忽略不计。注释只是给开发人员提供更好的代码理解和维护的工具，并不会被浏览器加载和解析。在代码执行时，浏览器会忽略注释部分，只执行实际的代码逻辑。因此，无论注释代码多少，对页面的加载和渲染几乎没有影响。 然而，在开发过程中，过多的注释可能会增加代码的长 ......
9-web前端 flex弹性布局
1、flex弹性布局 设置方式：给父元素设置 display: flex，子元素可以自动挤压或拉伸 组成部分： 弹性容器 弹性盒子 主轴：默认在水平方向 侧轴 / 交叉轴：默认在垂直方向 例如： 2、主轴对齐方式 属性名：justify-content 属性值 效果 flex-start 默认值，弹 ......
8-web前端 动画 案例
1、动画说明 目标：使用animation添加动画效果 思考：过渡可以实现什么效果？ 答：实现2个状态间的变化过程 动画效果：实现多个状态间的变化过程，动画过程可控（重复播放、最终画面、是否暂停） 动画的本质是快速切换大量图片时在人脑中形成的具有连续性的画面 构成动画的最小单元： ：帧或动画帧 2、 ......
7-web前端 空间转换，3D效果
1、认识3D转换 近大远小 近实远虚 物体和面遮挡不可见 2、三维坐标系 x 轴：水平向右 -- 注意：x 轴右边是正值，左边是负值 y 轴：垂直向下 -- 注意：y 轴下面是正值，上面是负值 z 轴：垂直屏幕 -- 注意：往外边的是正值，往里面的是负值 3、3D转换 3D 转换知识要点 3D 位移 ......
记录--纯前端如何实现录屏并保存视频到本地
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 作为一个资深的切图仔，我们难免会需要用到把自己写的页面的一些功能通过视频的方式分享给别人。还有一个场景，就是当我们面试的时候，我们需要把我们的屏幕分享给面试官看，那么这些都是怎么实 现的呢？ 那么接下来我们就通过这篇文章来学习一下如何实现 ......
6-web前端的特效 平面转换transfrom
平面转换 transform 作用：为元素添加动态效果，一般与过渡配合使用 概念：改变盒子在平面内的形态（位移、旋转、缩放、倾斜） 平面转换又叫 2D 转换 1、平面转换 平移 目标：使用translate实现元素位移效果 语法 transform: translate(水平移动距离, 垂直移动距离 ......
5-web前端 定位position
1、相对定位 position: relative 特点： 不脱标，占用自己原来位置 显示模式特点保持不变 设置边偏移则相对自己原来位置移动 拓展：很少单独使用相对定位，一般是与其他定位方式配合使用 参考自身原位置 2、绝对定位 position: absolute 使用场景：子级绝对定位，父级相对 ......
4-web前端 盒子模型、行内块、浮动问题、无意义标签
1、图文对齐（搜索框） 图片标签是典型的行内块元素 除此之外行内块元素还有表单元素input、button （行内块元素既可以设置宽高又可以和行元素在一行 行内块的转换问题 display （block块、inline行、inline-block行内块、none隐藏 转换后两个块中间存在空隙问题 2 ......
2-web前端 音频、视频、表格、表单
1.音频 2.视频 3.有序无序列表 有序列表：ol>li ol内必须是li,li内没限制 无序列表：ul>li ul内必须是li,li内没限制 4.表格 th 字体加粗并居中 示例： 案例：个人简历 5.表单 针对表单整理的相关问题： <!-- action:行动 提交的地址 服务器地址 后台地址 ......
3-web前端 css 网页样式语言，基础语言、盒子模型、浮动
html和css的关系： HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图 片、视频等元素，并可以与如JavaScript等其他技术结合使用，实现网页的动态功能。 CSS ......
1-web前端 基础标签 、图片、超链接
vscode 编译器下载地址: https://code.visualstudio.com/ 1、下载完vscode后安装的三个小插件：chinese（中文）、live serve、会了吧（翻译） 2、每个打开的网络页面都有html编码，可以进行编码查询和编码检查 3、vscode的三种创建编码文件 ......
前端相关字符串
Unicode是国际标准字符集，它将世界各种语言的每个字符定义一个唯一的编码，以满足跨语言、跨平台的文本信息转换。 Unicode只是一个符号集，它只规定了每个符号的二进制值，但是符号具体如何存储它并没有规定。因此，Unicode出现了多种存储方式，常见的有UTF-8、UTF-16、UTF-32，它 ......
国庆出游-看海
国庆旅游时去海边度假是一个非常受欢迎的选择。以下是一些国庆旅游看海的推荐和攻略： 目的地选择： 选择一个合适的海滨目的地。中国的海滨城市有很多，如青岛、大连、厦门、三亚、海口等。你可以根据个人兴趣和预算来选择。 预订提前： 国庆期间，海滨度假胜地通常会非常拥挤，所以提前做好预订是至关重要的。预订酒店 ......
前端0基础笔记（2023最新版黑马前端教程笔记）
标签语法 HTML——超文本标记语言 标记是带尖括号的文本 标签成对出现，中间包裹内容 <>里面放英文字母（标签名） 结束标签比开始标签多/ 拓展： 双标签：成对出现的标签 单标签：只有开始的标签，没有结束标签 < b r >:换行 < h r>:水平线 HTML基本骨架： html:整个网页 he ......
震惊！对话就能生成网页，前端er又药丸了？
前两天，Vercel突然推出了v0.dev，用户通过语言描述就能生成精美UI页面，小伙伴们惊掉了下巴。。 V0是何方神圣 带着期待的心情对官网https://v0.dev一番摸索的探索，了解到v0是通过AI模型技术生成交互页面，当前官网的交互是基于Shadcn UI和Tailwind CSS，最终生 ......