-
JavaScript是运行在浏览器中实现网页交互与动态响应的编程语言，负责响应用户操作、修改页面内容、与服务器通信；可通过内联或外部script引入；借助Node.js也可用于后端及跨平台开发。
-
JavaScript定时器通过setTimeout（延时执行一次）和setInterval（按间隔重复执行）实现，均返回ID用于clearTimeout/clearInterval清除；需注意非精确性、后台节流及及时清理避免内存泄漏。
-
可通过五种CSS方法美化HTML页面：一、设置全局字体与行高；二、应用背景渐变与阴影效果；三、实现响应式图片与悬浮动效；四、构建色彩协调的按钮系统；五、使用CSSGrid布局重构内容区块。
-
link标签必须使用rel="stylesheet"且href指向合法CSS路径，禁止协议绝对URL；CSS文件需按base/components/layouts/pages分层组织，禁止跨层依赖与非法@import；须用lint工具校验路径、rel属性及命名规范。
-
答案：immer.js更适合现代前端开发。它通过Proxy实现接近原生JS的写法，降低学习成本，体积小、易集成，尤其适配ReduxToolkit；而immutable.js虽性能稳定、兼容性好，但需使用专属类型且体积大，更适合老项目或复杂数据结构操作。两者均保障不可变性，选择取决于项目需求。
-
CSS无法直接动画化background-image，因其不支持过渡；解决方法是使用多层元素叠加，通过opacity动画实现淡入淡出切换，配合animation-delay控制时序，从而达到流畅视觉效果。
-
要在网页中正确显示下划线符号“\_”，可采用四种方法：一、用HTML实体_或_编码；二、用CSStext-decoration属性控制样式；三、用语义化<u>标签并配合text-underline-offset；四、用border-bottom替代实现精确控制。
-
@import比link慢，因其触发串行加载，无法与HTML解析并行，多层嵌套加剧延迟，不支持media预加载且存在旧浏览器兼容问题；应改用head中的link标签实现并行加载与优化。
-
可在Jimdo中通过四种方式实现模态框：一、原生<dialog>元素（现代浏览器）；二、div遮罩层（全兼容）；三、CSS:target伪类（无JS）；四、引入SimpleModal.js库（支持拖拽/ESC关闭）。
-
Treeshaking是打包工具在构建时移除未使用ES模块代码的优化机制，依赖静态import/export分析，需具名导出、禁用Babel转译、声明无副作用等条件才能生效。
-
生成器函数用function*声明，调用后返回Generator对象且不立即执行；需调用next()启动或恢复，遇yield暂停并返回值，状态保留，终止后next()恒返{value:undefined,done:true}。
-
JavaScript可通过navigator.geolocation获取用户经纬度，再用Leaflet等地图库渲染位置标记；需用户授权、仅限安全上下文，支持一次定位或持续跟踪，精度受设备影响。
-
使用:target伪类结合scroll-behavior可实现点击链接后平滑滚动并高亮目标元素，适用于锚点导航。通过设置html{scroll-behavior:smooth;}实现平滑滚动，:target匹配URL中fragment对应元素，应用背景色、过渡效果等样式以提示当前激活区域。示例中点击带#id的链接，页面平滑滚动至对应section，并通过background-color和transition实现视觉反馈。需确保元素ID唯一，避免性能影响，测试移动端兼容性，必要时用JavaScript监听h
-
使用text-transform:capitalize可实现每个单词首字母大写，如HelloWorld；用uppercase可全转大写，如WELCOME；通过p::first-letter{text-transform:uppercase;}仅首字母大写，如Helloworld。
-
图片悬停放大应使用transform:scale()而非width/height，避免重排、实现GPU加速；需设display:block、transition写在常态、合理设置transform-origin和overflow:hidden，并注意高清源图与高DPI兼容性。
