摘要：前言最近做的一个烟花动画，就是烟花散开的动画，在动画的实现过程中，主要在烟花旋转过程中卡住了，后来发现主要对属性理解不深，特地找了个例子来练习，加深了对属性的理解。 前言 最近做的一个烟花动画，就是烟花散开的动画，在动画的实现过程中，...
摘要：效果预览按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。最后，把元素数设置为个大功告成 showImg("https://segmentfault.com/img/bVbeCtr?w=400&h=301"); ...
摘要：我看页面上没有可以输入的地方，不会出现元素乱跑的事情。弹层设置了就正常了这个方法不太优雅，但好处在不改变布局，情况紧急的时候下还是适用的 上几周给公司app做了一个html5嵌套页面，页面并不复杂，展示内容较多，底部有footer html结构如下 ....
摘要：参考文章同学的关于圣杯布局，圣杯布局和双飞翼布局的区别经典布局圣杯布局实现的效果主要在中，和固定宽度，首先渲染，且自适应宽度。 ps: 参考文章 DotHide同学的关于圣杯布局，圣杯布局和双飞翼布局的区别 经典布局 圣杯布局 showImg("https:/...
我的前端面试题 前阵子去湖南帮忙面试，话说还是第一次正经面试别人，问题是老早以前就开始想了，在这里整理一下，答案只是简要，也不一定完全正确，如有错误，劳烦指点 1、初始页面准备 1.1 css重置如何处理？ 怎么也该说个 *{ margin: 0; padding...
摘要：使用可以轻松进行事件绑定。解决了中固有的许多性能问题，例如并发请求限制和缺少头压缩。由于图像构成消耗了大部分的性能，因此图像优化代表了提升性能的独特机会。 1、精简你的资源 构建高性能应用程序的有效方法是审核发送给用户的资源。虽然Chrome...
摘要：重绘元素做了一些不影响排版的改变，比如背景色下划线等等，只需要重新绘制的过程，叫做重绘。显然回流带来的代价大于重绘，因为重绘仅仅是重新画一遍元素而已，但是重绘是重新计算重新画。不然这会导致大量地读写这个结点的属性。 浏览器的大概工作流...
摘要：基于的网格布局代表单行结构。而主轴对齐方式用到了几个字母，在中间所以代表居中，左边，右边，代表元素之间有间隔，代表开始结束的也有间隔。副轴的我就没有继续添加了。 这一期我们继续完成我们的网格布局 容器类 通过一个 # 占位符，来减少代码输...
摘要：响应式导航菜单代码如下代码响应式导航菜单首页导航产品新闻我们定义样式媒体查询屏幕宽度最大的时候执行里面的效果图 响应式导航菜单 代码如下 HTML代码： 响应式导航菜单 ...
摘要：效果预览按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。绘制插头上的阴影绘制线缆手持部分的阴影绘制线缆中稍粗部位的阴影最后，为画面增加入场动画大功告成...
摘要：而渐进增强和优雅降级两种不同的开发流程，也是在我们项目初期做调研选型时会考虑的一个点。二者区别渐进增强和优雅降级只是看待同种事物的两种观点。渐进增强和优雅降级都关注于同一网站在不同设备里不同浏览器下的表现程度。 作为一名前端开发人员，...
摘要：组件之间的通讯分为三种父给子传子给父传兄弟组件之间的通讯父组件给子组件传值子组件嵌套在父组件内部，父组件给子组件传递一个标识，在子组件内部用接收，子组件在模板里可以通过的形式进行使用。 组件之间的通讯分为三种 父给子传 子给父传 兄弟组...
摘要：用这个方法生成的有个问题还挺大的，就是生成的文件尤其是增大了分辨率以后都是大几百的，稍微有点内容的基本就将近了。暂时还未找到解决的方式。 刚解决了html中某div块生成pdf的问题，热乎乎的，赶紧记录下 引入的js传送门： https://cdnjs.cloudfla...
摘要：当父元素设置了的，子元素为时，设置无效当父元素设置了时，子元素超出父元素部分无效只能限制的层级相当于自身进行定位，相对于边界会影响其他元素定位，而无影响自定义拖拽效果同时存在，无效同理，无效可提高层叠级数父元素的较大排前面数值排在上，...
摘要：立即对当前矩形进行填充清除矩形语法解释清除某个矩形内的绘制的内容，相当于橡皮擦绘制圆形概述方法创建弧曲线用于创建圆或部分圆语法解释圆心坐标，半径大小，绘制开始的角度。 一、拖放事件 1.1 设置拖拽 给标签设置一个draggable设置为true, 标签...
摘要：脚本模式创建测试用例在手动视图之外，还允许专家级用户在脚本视图中用编程方式编写自动化测试用例。本示例中，你将创建一个网站的测试脚本，来使用内嵌的关键字。点击主工具栏中的来运行测试用例。 脚本模式创建测试用例 在手动视图之外，Katalon Stu...
摘要：的这个功能支持录制测试用例，并可在多种浏览器中回放。允许用户对所捕获的对象选择定位模式。这样做有助于重用及维护对象。步骤打开并点击主工具栏上的首个测试用例按键。步骤记录下来的对象和动作会象以下显示的那样保存到测试用例中。 对于自动化测...
摘要：用伪元素模拟快门增加快门开合动画效果画出照片增加打印照片的动画效果最后，把相机向上挪一点，保持垂直居中大功告成 showImg("https://segmentfault.com/img/bVbezK4?w=400&h=300"); 效果预览 按下右侧的点击预览按钮可以在当前页面预览，点击链...
摘要：在单页面组件的开发中的和的都统称为同一状态管理，个人的理解是全局状态管理更合适简单的理解就是你在中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取进行修改，并且你的修改可以得到全局的响应变更。 在SPA单页面组件的开发中 Vu...
摘要：下面仔细分析下作用域链当某个函数第一次被调用时，就会创建一个执行环境以及相应的作用域链，并把作用域链赋值给一个特殊的内部属性。当前执行环境的变量对象始终在作用域链的第位。 JS执行环境 执行环境（Execution context，EC）或执行上下文，是JS...
摘要：一切都那么美好，除了让人恶心的初代布局。第二个，豆腐块布局。那么就开始看看第四代网络布局神奇布局的强大之处。 showImg("https://segmentfault.com/img/bVbenWU?w=500&h=500"); 一转眼已经2018年，前端行业也风风雨雨的走过了10多年，网页布局也...
ChatGPT和Sora等AI大模型应用，将AI大模型和算力需求的热度不断带上新的台阶。哪里可以获得...
大模型的训练用4090是不合适的，但推理（inference/serving）用4090不能说合适，...
图示为GPU性能排行榜，我们可以看到所有GPU的原始相关性能图表。同时根据训练、推理能力由高到低做了...
89542767
社区管理员
白马啸西风