根据“1万小时定律”---不管你做什么事情，只要坚持一万小时，基本上都可以成为该领域的专家。

视享集工作室，源于半年多以前的一个想法。3D一直学了忘、忘了再学，从开始的3dMax到现在的C4D，感觉始终没完全上手，成为了一直以来的一个心魔。可能是岁数大了，于是只能对自己狠点。

起初只是想巩固C4D的自学效果，业余时间不停的建模渲染，

做了一大批建筑模型。

后来觉得太枯燥，不如自己命题做一个项目。于是有了最后“视享集工作室”的上线。在这个项目中，不仅有3d技术\视差滚动交互\CSS等的提升，在用户体验的五各不同层面在大脑中也都详细过了一遍。视差滚动部分最初的创意想法是极为复杂的，最初想用真实3D表现视角变化的效果；而且页面中也有更多动画的元素。但后来从视觉表现考虑，越逼真越接近游戏的感觉，反而不好。

「小墨是前端」专注分享前端技术，推荐优秀的开源项目，展示Github、Gitee上的创意作品，带你深入前端底层，一起成长。

表格是前端开发中绕不开的坎儿。本期，小墨推荐一个Vue表格组件——

圣诞节快乐！在这个祥和的日子里，旗鱼浏览器电脑版也迎来了1.01版更新，本次更新增加了大量新功能，比如“超级拖拽”，用户在网页内朝右上方拖拽一个超链接，在任意地方松开鼠标，新网页就自动在现标签页右侧后台打开，同样方式朝右下方操作新网页就直接在前台打开，同样的动作向左操作则在现标签页的左侧打开新网页；我们还在地址栏旁增加了书签按钮，并支持导入Chrome表单数据，在右键菜单上也增加了“保存到书签”的功能。

在接下来的版本中，我们会对设置界面进行改版，优化设置操作体验，还将推出鼠标手势、自定义下载、皮肤中心，数据同步很快会支持填表数据同步和插件同步，敬请期待！

这节课，我们学习如何让元素的宽度和高度在容器里自适应。

“用户说‘你们的网站像老年机，点个按钮要等半天’——这是我听过最扎心的差评。”上周，服饰品牌客户B找到我们时，语气里满是无奈。他的站刚上线3个月，流量涨了，但转化率始终上不去。一查，问题出在“加载卡顿”：打开首页要5秒，点进商品页要8秒，连“加入购物车”按钮都要等2秒才响应。

我们做了次“代码大扫除”：首先用工具分析，发现网站的CSS里有200行重复的“margin:0; padding:0;”，JS里有3个重复的“轮播图”脚本——这些冗余代码就像“公路上的路障”，让浏览器越跑越慢。然后，我们合并了15个CSS文件（从“header.css”“footer.css”“product.css”变成“base.css”“layout.css”“module.css”），压缩了8个JS文件（去掉注释、空格，把长变量名缩短）。最关键的是，用了“懒加载”：首屏只加载导航栏、轮播图的CSS/JS，用户往下滚动时，再加载商品详情页的样式和脚本。

需求：当页面很长，有滚动条时，需要固定页面上的部分元素，便于下方元素和上方固定元素的对照。

.box1{
				width: 100%;
				height: 50px;
				background: skyblue;
			}
			.box2{
				width: 100%;
				height: 50px;
				background: darkorange;
				position: sticky;
				top: 0;
			}
			.box3{
				width: 100%;
				/*height: 1000px;*/
			}

“加载慢=白做工”——这是2025年Google Core Update给所有外贸站敲的警钟。上周帮做家居用品的客户李姐复盘数据：她的站点原本首屏加载要3.2秒，用户滑动到商品详情页时，图片还在“加载中…”，结果转化率只有2.1%。我们团队做了件“技术活”：把原本分散的12个CSS文件合并成3个，把23个JS脚本里“轮播图动画”“购物车弹窗”这些“非首屏必需”的代码单独打包，用async标记让它们“等页面显示完再加载”。

”上个月，帮佛山李总做跨境灯具站时，技术顾问的话让他直挠头——网站刚上线，流量还没起来，就被“速度”卡了脖子。

大家好，很高兴又见面了，我是"高级前端进阶

场景

我是需要在table最后添加一行数据，然后把滚动条滚动到最后。

查网上的解决方案都是读取html结构，暴力的去获取，虽能解决问题，但是不喜欢这种打补丁的解决方案，我想着官方应该有相关的定义，于是就去看table的定义。

技术栈