首页
学习
活动
专区
工具
TVP
发布

Web行业观察

自然科学 + 数理化
专栏作者
249
文章
490966
阅读量
104
订阅数
为所有CSS网格行设置固定高度
当我构建100Ideas时,有一个小要求,当元素动态增加时,它不应该影响网格的布局,网格元素的行和列的高度应该是固定的。
Jean
2024-01-23
1070
使用 :has() 选择前一个相邻元素
CSS 更令人抓狂的限制之一是长期以来它无法根据其子元素或前一个兄弟元素来选择元素。这使得构建可以针对元素的先前同级元素的 CSS 选择器变得不可能,但是has:()伪类(以及来自选择器级别 4 的、 和)已经抛弃了旧的限制,并在使用时开辟了一个充满可能性的:not()新世界选择器。:where():is()
Jean
2023-11-02
2020
inveta PLSB 点线面体 示例工程
https://github.com/inveta/demo/blob/main/Resource/demo.md
Jean
2022-11-25
5220
GitHub图标SVG版本
有没有发现,网页上的图片越来越多地使用svg矢量图来替代光栅图png,直接将svg嵌入到html中非常方便,事实上,光栅图比如相机照片中绝大部分像素都被人眼忽略掉了,造成大量冗余,矢量图才理应是最合理的图片格式。如今,各大网站的图标基本都是svg,比如GitHub:
Jean
2022-11-25
8900
前端原生开发解决方案
从 2012 年开始,H5 成为 html 最后一个稳定版本,不再兼容之前的 API,从此诞生的每一个新 API,一旦结束试验期将永远存在,2015 年 ES6 的出现又淘汰掉一堆 JavaScript 框架,再结合 CSS3,前端原生 API 已经可以替代任何脚手架和打包工具,本文介绍使用原生代码替代前端流行框架的解决方案:分析框架提供的每一个特性以及相对应的原生替代品。
Jean
2022-03-15
1.3K0
关注专栏作者,随时接收最新技术干货
Jean
全栈工程师
Jerremy
PtmindPTE产品线前端负责人
SEian.G
某游戏公司DBA
CSS实现最简洁的四角边框
在前端有一句古话,叫能用CSS实现的就别麻烦JS,因为声明式的配置语言CSS相比于自由式的编程语言JS,更容易被编译器所优化,比如css渲染引擎会优先考虑gpu加速,因此CSS动画的性能往往高于JS动画,本文介绍在不需要html和js的配合的情况下,用纯css实现一个好看的四角边框。
Jean
2021-12-11
4.8K1
CSS实现最简洁的加载动画
纯CSS能实现的功能越来越多了,能用css实现的就别用js,今天教大家用最短的代码实现下面这个加载动画,这个加载动画的优势不仅是短小,而且不需要额外的dom元素就可实现,因此在那些异步加载的dom身上使用非常方便,比如<img>、<video>、<canvas>等,实现了【样式-结构-数据】的分离,大大提升了开发和运行的效率。
Jean
2021-12-11
1.1K0
什么是纯模块与纯函数?
当您需要导入不导出任何内容但会执行其他操作的内容时,这是一个只有副作用的模块。您导入它只是为了初始化它。
Jean
2021-12-04
8200
3D变换矩阵的分解公式
3D变换矩阵是一个4x4的矩阵,即由16个实数组成的二维数组,在三维空间中,任何的线性变换都可以用一个变换矩阵来表示。本文介绍从变换矩阵中提取出平移、缩放、旋转向量的方法,提取公式的复杂程度为“平移 < 缩放 < 旋转”,文章同时给出数学公式和JavaScript代码(使用了浏览器的数学库),首先给定一个行主序的4x4的变换矩阵:
Jean
2021-11-17
1.2K0
Web技术与应用:CSS样式表入门
实验(实习)名称 CSS样式表 实验(实习)日期 2017.11.6 得分 指导老师 马瑞
Jean
2021-11-02
1.3K0
CSS实现最简洁的单选折叠菜单
不到万不得已的时候千万别引入前端UI框架,因为HTML5和CSS3已经能实现绝大多数的功能,比如上期的《CSS实现最简洁的开关》只用了不到50行css就实现了带动画的material design风格的开关:
Jean
2021-10-27
5K0
相对于视口的CSS自适应单位vw和vh
而在移动端,它涉及3个视口:Layout Viewport(布局视口),Visual Viewport(视觉视口),Ideal Viewport(理想视口)。
Jean
2021-10-18
1.5K0
CSS实现最简洁的开关
切换开关(toggle switch)是常用的UI元素,和按钮不同,开关可以在“开”和“关”2个状态间切换。目前最常见的开关是这种圆形风格的:(若干年后就不一定了)
Jean
2021-10-18
2.4K0
PQO:高仿 3D tiles 格式
PQO (Progressive Quantized Object) 是 3D tiles 格式的简化版本,扁平化了一些字典字段,去除了 GIS 相关的属性,增加了 RTC_CENTER 等字段。本格式中所有对象都是 tile,tile 之间通过 children 字典嵌套。
Jean
2021-07-16
6260
前端进程间通讯的渗透之术
父页面和子页面(iframe)处于2个不同的进程(即使在同一个域),进程之间的通讯必须通过每个进程内【事件监听所在的线程】来完成。最重要的是,通讯时传输的数据格式必须是序列化的格式,序列化格式指【一维】【线性】的数据类型比如字符串、字节流等,在浏览器中有这么几种序列化格式可选:
Jean
2020-10-09
1.6K0
【英文】Node.js Streams: Everything you need to know //转载
Node.js streams have a reputation for being hard to work with, and even harder to understand. Well I’ve got good news for you — that’s no longer the case.
Jean
2019-12-06
7860
打造一套安全的UI组件库!
现在再开发一套UI框架似乎已经错过了最佳创业时期,毕竟网上优秀的框架一大堆,轻量级的,重量级的,有依赖的,无依赖的,拿来即用的,需要配置的,应有尽有。但是老衲我找遍整个外网发现唯独没有利用Web Component标准库实现的前端框架,要知道组件化可是Vue,React和Angular的招牌卖点之一,如今Web Component标准库可以完美提供原生的组件化开发模式,这直接意味着前端框架市场仍然有风口,而我选择使用Web组件标准库来开发UI框架的最大卖点是:安全。
Jean
2019-08-28
1.2K0
http/2将淘汰websocket? http/3将使用udp? http新闻
我们正处于互联网所依赖的协议的重大转变之中:HTTP。这一变化提出了许多问题和疑虑,我们正在听取和阅读有关HTTP / 2的许多好(和坏)信息。虽然它提供了很多,但HTTP / 2并不能完全取代对现有推送/流技术的需求。
Jean
2019-06-14
4.9K0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档