颜色之ARGB与RGB、RGBA的区别与介绍
New
ARGB 是一种色彩模式,也就是RGB色彩模式附加上Alpha(透明度)通道,常见于32位位图的存储结构。
RGB 色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色 ...
浅析Table 和 div 的简介及用法
New
Web前端1
学号
姓名
性别
年龄
01
张三
...
隐藏 Web 中的元素方法及优缺点教程详解
New
事例源码:
https://codepen.io/shadeed/pen/03caf6b36727accb692eecbc38f95d39?editors=1100
5. 可访问性对visibility: hidden的影响
该元素被隐藏,其后代将从可访问性树中删除,并且屏幕阅读器不会渲染该元素。
(1) Positioning
要隐藏带有position属性的元素,我们应该将它移到屏幕外,并将其大小设置为0(宽度和高度)。 ...
小项目中怎么防止Vue的闪现画面效果
New
一句话总结
HTML: 元素加上v-cloak
CSS: [v-cloak]{display: none}
过程
页面刚加载的时候胡子语法会显示出来。
v-cloak是VueJS小型项目中提升用户体验简单且重要的方法。
用法
HTML中在你需要组织闪现的标签上加上v-cloak
<div id="app">
<nav>blabla</nav>
<main v-cloak>{{text}}</main>
</div>
CSS中给v- ...
告别硬编码让你的前端表格自动计算的实例代码
New
序言
当我的团队进行税务系统模块开发的时候,我发现他们需要花费80%的时间去解决计算问题,尤其体现在表格(Grid)中的计算,这些时间花在:
写前台js代码(因为用户在表格中的输入会影响其他单元格,所以需要即时将运算后的新值呈现给用户看)
写后台代码(因为用户对表格数据的更改会影响其他表格,所以要在用 ...
前端实现字符串GBK与GB2312的编解码(小结)
New
前言
在开发项目的时候遇到的一个比较坑的问题,产品要求从浏览器拿到浏览器地址栏里面的搜索词进行判断,我们一般使用的都是UTF-8的编码格式,但是百度和谷歌在对搜索词编码的时候都是使用的GBK编码,这就导致,解码失败,于是就在网上找解决方法,最终找到了一位前辈整理出来的方法,通过iframe解决了这个问题,所以特此 ...
网页中使用Unicode字符的介绍(&#,\u等)
New
最早的计算机只能使用ASCII字符,但随着计算机应用范围的扩展,很多国家都设计了用于计算机的特殊字符集,使自己国家和民族的字母及文字都能在计算机上显示和处理,比如中国的GB2312码。后来出现了互联网,把整个世界都连了进来,在一台计算机甚至一个界面上显示多国多民族文字变成现实的需要。国际组织制定了可以容纳世界 ...
V8引擎 精品漫游指南--Ignition篇(下 一) 动态执行前的事情
New
二. Ignition解释器(下一)
1. 前文总结 和 运行期前置知识
这个系列文章,已经写了一少半了,现在终于到了动态执行阶段了。
我们首先需要梳理一下知识,这部分内容,相对独立,但是都算是比较重要的知识点。
预编译的说法为什么不建议使用
在我们平时看文章,看资料,甚至是看一些比较权威的文档时,预编译 这个术语非常 ...
JavaScript 的25个高级特性
New
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
很多前端同学写 JavaScript 写久了,会觉得语言特性都已经用得差不多了:函数、数组、对象、Promise……没什么新鲜感。
但其实,JavaScript 还有不少被低估的语法和技巧。
它们可能是规范里的冷门细节,可能是 ES6+ 新增的语法糖,也可能是一些看似奇怪但非常实用的特性。
本 ...
宇宙画布:纯 CSS+JS 实现交互式深空艺术
New
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
大家好,我是前端开发者。在前端技术不断发展的今天,CSS 早已不只是用来布局和美化页面的工具,它还能成为我们创作视觉艺术的画笔。今天给大家带来一个纯 CSS + 原生 JS 实现的交互式深空场景,无需任何图形库,就能在浏览器里呈现出繁星闪烁、星云流动、行星运转、流星划过 ...
CSS 滚动驱动动画(scroll-timeline):无 JS 实现滚动特效
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
一、传统方案的痛点
以前实现滚动动画需要 JavaScript 监听 scroll 事件:
window.addEventListener('scroll', () => {
const scrollTop = window.scrollY;
const progress = scrollTop / (document.body.scrollHeight - window.innerHeight);
// 更新进度条
progr ...
前端大文件上传的另一种提速思路
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
最近在重构项目里的大文件上传模块,本想着按常规方案实现:File API 切片、计算 Hash、封装一个带并发限制(通常习惯性设为 6)的请求池,最后调个 Merge 接口收尾。
这套方案可以说是前端圈处理大文件的标配了。但看着 Network 面板里稳步推进的进度条,我突然意识到一个经 ...
CSS终于支持渐变色的过渡了🎉
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
背景
在做项目时,总会遇到UI给出渐变色的卡片或者按钮,但在做高亮的时候,由于没有过渡,显得尤为生硬。
过去的解决方案
在过去,我们如果要实现渐变色的过渡,通常会使用如下几种方法:
添加遮罩层,通过改变遮罩层的透明度做出淡入淡出的效果,实现过渡。
通过backgroun ...
同域名、同项目、仅 hash 变化,window.location.href 不跳转
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
两个 URL 只有 hash 后面的内容不同,浏览器会认为没有真正跳转,所以 window.location.href 不执行刷新
https://域名/cash-center/#/payMethod?params=abc
https://域名/cash-center/#/bindCard?params=12345
原因:浏览器只看 # 号前面的网址,不看 # 号 ...
多租户系统框架的界面分析设计
在一个多租户系统下,包含有平台超级管理员、以及租户管理员,其他自定义租户角色等不同的角色身份,我们根据它们不同的身份,让他们各司其职,在系统中构建不同的数据维护、防护层级,从而能够让整个系统有效的运作起来,而不会造成破坏。
1、系统角色的用例分析
我们根据不同的角色身份来绘制它们的用例,对我们理解整个 ...
Three.js实现更真实的3D地球🌍动态昼夜交替
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
这一切始于一个偶然的发现。前几天笔者在应用商店闲逛时,被一款3D动态壁纸深深吸引——那颗在手机屏幕上缓缓旋转的地球,光影随着时间自然流转,从阳光灿烂的白昼到星光点点的黑夜,过渡得如此丝滑而真实。那一刻,我被这种将宇宙微观化的美感震撼了。
作为一名前端开发 ...
微信H5 页面定位权限处理
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
适用场景:微信浏览器打开的 H5 页面,使用 common-bridge 调用定位。
现象: h5 通过微信打开,无论是ios还是安卓首次会弹出定位功能的授权,若用户选择不授权,定位授权的弹窗就后续没办法再弹出。
看了官方社区目前也没有给出解决方案
解决方案:如果用户 ...
用 Intersection Observer 打造丝滑的级联滚动动画
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
无需任何动画库,仅用原生 Web API 实现滚动时丝滑的淡入滑入效果,兼顾性能与体验。
你是否见过这样的交互动效:
用户滚动页面时,一组卡片像被“唤醒”一样,依次从下方滑入并淡入;
如果这些元素在页面加载时已在视口内,它们也会自动按顺序浮现。
这种效 ...
vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题
vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题
在使用 vxe-table 表格组件时,组件默认自动生成的行主键为字符串类型,但后端接口通常要求主键为数值(number)类型,直接提交会因数据类型不匹配导致接口报错。
有两种最优解决方案,支持局部配置和全局统一配置,彻底解决类型不兼容问题。
核心解决 ...
backstage~openapi的接入与protobuf的对比
swagger外部文档
apiVersion: backstage.io/v1alpha1
kind: API
metadata:
name: petstore
description: The Petstore API
spec:
type: openapi
lifecycle: production
owner: petstore@example.com
definition:
$text: https://petstore.swagger.io/v2/swagger.json
嵌入openapi文档
apiVersion: backsta ...