文章教程

用三角函数sin和cos画模拟雷达示意图的html代码解析

1.说明:1.1 推荐指数:★★★★1.2 环境:谷歌浏览器、微软vscode编辑器1.3 熟悉sin和cos的函数与圆(画圆弧的关系)深入理解2.本次的模拟效果图:3.css和js文件的引入:3.1 同一个文件夹或者目录下引入:.xxx.js或者.xxx.css3.2 大型的html文件或者一般在html文件的同一个目录下,建css文件夹和js文件夹,放入 …

进阶前端高级攻城狮:使用单体模式设计原生js插件

----------基于上次写的jquery插件进行改造 http:www.cnblogs.comGerryOfZhongp5533773.html背景:jQuery插件依赖jQuery库,虽然jQuery使用十分广泛,但是对于移动开发或者在其他带宽需求需要注意的时候,就得考虑,因为我不可能完成一项技术相对来说引用了一个更大的库,这样之不值得的。所以原生js …

Three.JS教程5 threejs中的材质

Three.js中的材质(Material)是实现引人注目的3D效果的关键组件之一。本篇博客中,我们将深入探讨Three.js中的材质类型、属性和用法。一、什么是Three.js材质?在Three.js中,材质是应用于几何体(Geometry)的外观和纹理的规则。它们决定了对象在场景中如何反射光线、显示颜色、反射环境等。Three.js提供了各种类型的材质, …

2w+字长文:2024年 PWA 不温不火,盘点 40+逆天特性

大家好,很高兴又见面了,我是"高级前端?进阶?",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!最近读到一篇关于 PWA 的文章《WHAT WEB CAN DO TODAY?》,加上本身自己对 PWA 这个专题也比较感兴趣,所以抽空梳理了 PWA 目前主流功能以及功能描述。文章从用户体验、Na …

原来隐藏一个DOM元素可以有这么多种方式,最后一种你肯定不知道

我们在日常编码的时候,隐藏一个 dom 元素有很多种方式,今天我们来盘点一下隐藏 dom 元素有哪些方式,最后一种,你绝对没有用过。display: none作为经常用来隐藏元素的 css 属性,display: none 相信大家并不陌生,使用了 display: none 会直接将元素从文档树中隐藏掉。一旦元素使用了 display: none 之后,这 …

QML属性大总结

一、公共属性QML里的各个可视化对象均继承与Item类,因此公共属性也就是Item的属性注意:Item本身是不可视化的1、标识符:id功能:标识对象,方便引用特点:必须唯一(可省略非必需),不然使用的时候语义不明2、位置:xy功能:描述对象相对于父元素的位置3、大小:widthheight功能:描述对象的大小:宽、高4、层级顺序:z功能:类似于CSS里的z- …

前端项目性能优化

1. 代码优化代码压缩与混淆工具:使用工具如 webpack、Rollup、esbuild 来压缩和混淆代码,减小文件体积。配置:开启 TerserPlugin 或 babel-minify 进行压缩。减少冗余代码删除未使用的代码(Dead Code)。使用动态 import() 按需加载模块。避免重复加载第三方库。Tree Shaking去除未使用的模块, …

CSS 速查手册:核心属性一网打尽

在前端开发中,CSS是必不可少的一环。但CSS的属性繁多,容易让人感到头疼。今天,我们就来整理一份CSS速查手册,帮你快速掌握核心属性,提升开发效率。一、CSS 的书写位置CSS 可以通过以下三种方式添加到HTML文档中:外部样式表: 通过 <link> 标签链接外部 CSS 文件。<head> <link rel="s …

祖传代码重构——从25万行到5万行

作者:gillyang,腾讯PCG后台开发工程师| 导语 近期,我们接管并重构了十多年前的 Query 理解祖传代码,代码量减少80%,性能、稳定性、可观测性都得到大幅度提升。本文将介绍重构过程中系统实现、DIFF修复、coredump 修复等方面的优化经验。1 背景1.1 接手7 月份组织架构调整后,我们组接手了搜索链路中的 Query 理解基础模块,包括 …

每日一库之 logrus 日志使用教程

golang 日志库golang标准库的日志框架非常简单,仅仅提供了print,panic和fatal三个函数对于更精细的日志级别、日志文件分割以及日志分发等方面并没有提供支持. 所以催生了很多第三方的日志库,但是在 golang 的世界里,没有一个日志库像 slf4j 那样在 Java 中具有绝对统治地位.golang 中,流行的日志框架包括 logrus …