Javascripst开发策略

最新推荐文章于 2025-08-11 19:52:03 发布

刘客青

最新推荐文章于 2025-08-11 19:52:03 发布

阅读量534

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/whhahyy/article/details/50651242

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了JavaScript局部刷新的三种策略：1. 异步获取HTML片段填充页面；2. 获取数据并填充到HTML模板中；3. 数据与HTML代码拼装。同时讨论了DOM操作的最佳实践及样式操作建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    javascript开发策略

局部刷新页面结构：
1 . 异步发送请求，获取HTML片段，填充页面。

2 . 异步发送请求，获得填充数据，通过js把数据装载进HTML模板。

3 . 异步发送请求，获得填充数据，js拼装数据和HTML代码。

大量操作DOM节点：
使用HTML标签的ID属性。ID属性值利用数据的主键。更复杂的定位，使用标签的自定义属性。不要使用样式和 标签名作为定位依据，这样会使得js和页面结构，样式强耦合，定位复杂，容易出错。

JS对样式操作：
对css要重新定义，封装的更简便，更符合js的操作逻辑。在逻辑判断和后期阅读代码时，将会更加简便。

ajax:
ajax重点不在同步还是异步。而在于不刷新整个DOM。在不刷新整个DOM这个约束条件下，实现对页面的部分刷新，可以通过同步的方式，也可以通过异步的方式。