省略号 前端ellipsis页面
构建前端框架;零依赖性的反应性和可组合性
原文链接：https://18alan.space/posts/how-hard-is-it-to-build-a-frontend-framework.html homeabout Building a Frontend Framework; Reactivity and Composabilit ......
浅入深出的微前端MicroApp
本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番思考，发现本次很适合用... ......
页面切换到后台，再切回时跳转页面
document.addEventListener('visibilitychange', function () { let pageVisibility = document.visibilityState; // 页面变为不可见时触发 if (pageVisibility == 'hidden ......
【前端】前端部署发布浏览器缓存问题
方法一 代码清楚法 1：每次修改package.json版本号 2：在main.js中配置 const VUE_APP_VERSION = require('../package.json').version const vers = window.localStorage.getItem("app ......
@JsonFormat对日期进行格式化后，在thymeleaf渲染页面中无效的问题
问题：对于使用了 @JsonFormat对日期进行格式化后，在thymeleaf渲染的页面中显示不是 @JsonFormat 格式化后的数据。 原因：因为 thymeleaf 中有自己的日期格式化。 解决：通过使用 thymeleaf 中的日期格式化在页面中进行日期格式化。即通过 ${#dates. ......
认真学习前端第二天（多益校招笔试复盘）
1.margin塌陷：两者都是正数取最大值；一正一负取正值+负值；两者都是负数取最小（绝对值最大）2.lodash,vue-cli,element-ui,webpack,vite,rollup,babel 3.promise的打印题 4.熬不动了，没有规划好时间，今天只学了半个小时，做了一个半小时的 ......
【简洁】【皮肤美化】博客园页面美化 主文章加宽
选择：Bluesky皮肤 再加入的css: #home { background-color: #e6e6e6; } #top_nav{ background-color: #e6e6e6; } #navigator, #under_post_card1, #ad_t2 , #nav_right, ......
前端中字体的使用
前端中字体的使用 字体是前端的基础，本文介绍常见的几种字体以及如何在工程中引入自定义的字体。 字体的类型 常见的字体类型有 TTF/OTF, WOFF/WOFF2, SVG,EOT （这个是按照浏览器的支持率由高到底排序的） TTF(True Type Font) 由微软与苹果开发，广泛用于wind ......
歌手页面收藏功能之本地存储localstorage之save
收藏功能： 一、本地存储代码，array-storage.js: import storage from 'good-storage' function insertArray(arr, val, compare) { const index = arr.findIndex(compare) if ......
前端学习：python基础-1
False、True、None 1、模块 一个文件为一个模块，跨文件访问需要导入语句的形式 eg: import <模块名> form <模块名> import <代码元素> form <模块名> import <代码元素> as <代码元素别名> 与前端差异： import <模块>/{ 模块中变 ......
使用js开发一个快速打开前端项目的alfred插件
使用js开发一个快速打开前端项目的插件 目录 前言 使用的技术栈 步骤 问题发现 待优化 前言 一直以来开发都是先打开vscode，然后选择项目，在项目多的情况下会觉得挺繁琐；如果同时打开了许多vscode窗口，寻找目标窗口也比较麻烦，于是萌生了开发一个alfred的工作流插件的想法，目标是在alf ......
Vue页面切换表单数据不清空
需求描述：表单填写后，切换tab页再切回该页面时，表单内容依旧存在。 核心技术：sessionStorage beforeRouteLeave() created() 解决方案：beforeRouteLeave() 函数中将表单数据保存到sessionStorage中。 created() 函数中将 ......
前端笔记
JavaScript初始化加载的3种方式_js初始化加载方法_——潇洒走一回——的博客-CSDN博客 <script> //只能有一个 window.onload = function(){ alert("JS初始化加载"); } </script> <script> // 可以有多个但是容易被断开 ......
微前端启动子应用出现的eslint提示
前言 在管理较大的多人协同开发项目时，为了规范大家的代码书写习惯，我们往往都会用eslint来约束，但这也导致我们在拉项目时以及开发时都增加了不少麻烦，本文着重讲解微服务启动不同子项目时常规报错的解决方式。 步骤一：在package.json将 "lint": "vue-cli-service li ......
企业微信内置应用的h5页面，内部按钮关闭页面
以下内容非原创，遇到这个问题，查到这位大佬的做法，所以记录下来，以便于之后自己查阅。 原文链接：https://blog.csdn.net/qq_22182989/article/details/125674826 遇到的问题： 在做vue项目时，需求是要在微信环境内。 微信h5页面要求前端控制退出 ......
前端RSA公钥解密
前端加解密使用的jsencrypt包，jsencrypt包中只有公钥加密，私钥解密的方法，但项目中要求前端公钥解密，通过重写jsencrypt包中的方法来实现 /** * 重写JSEncrypt解密方法以支持公钥解密 * */private pkcs1unpad2(d, n) { const b = ......
Harmony自定义页面请求与前端页面调试
一、自定义页面请求响应 Web组件支持在应用拦截到页面请求后自定义响应请求能力。开发者通过onInterceptRequest()接口来实现自定义资源请求响应 。自定义请求能力可以用于开发者自定义Web页面响应、自定义文件资源响应等场景。 Web网页上发起资源加载请求，应用层收到资源请求消息。应用层 ......
TTS背后的技术原理——前端和后端系统
就解锁了一个温柔又风趣的「女朋友」萨曼萨。不过，在现实生活中，和语音助手谈恋爱还是一件十分遥远的事情——刨去现阶段的语音助手们双商水平还有限，语音助手的语言表达能力还远远达不到我们理想状态。 为啥你的机器人女友说话不像萨曼萨？本文中，Rokid A-Lab 语音合成算法工程师郑杰文将从语音合成技术谈 ......
dedebiz内容页面获取当前页面路径的标签
dedebiz获取当前页面路径的标签，仅在内容页使用，栏目页没有效果的。 {dede:field name='arcurl'/} 在栏目页想获取当前栏目的路径及名称的话，就要用下面这个标签。 {dede:type} <a href=" [field:typelink /] "> [field:typ ......
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(水平移动距离, 垂直移动距离 ......