前言

近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。废话不多说，先看一下两层吸顶的最终实现效果，如下图所示。

功能点：两层吸顶，因为 Tabs 区域比较长所以在滚动过程中点击一层 Tabs 会回弹至一层吸顶刚吸顶的位置，这个功能点和锚点有些类似。二层 Tabs 通过 hover 切换，没有回弹效果。

前言

一个运行了多年的ToB的项目，由于数据量越来越大，业务越来越复杂，也一直在迭代，今年的阶段性交付那几天，公司 最大的客户 现场那边人员提出，某某某单据页面速度太慢了，点击会出现没反应的情况，然后就多点了几次，结果后面发现有的数据重复提交了，由于数据错误个别单据流程给弄不正常了，一些报表的数据统计也不对了，客户相关人员很不满意，马上该交付了，出这问题可还了得，项目款不按时给了，这责任谁都担不起

TienChin 项目前端是 Vue3，前端有这样的一个需求：有一些前端页面上的按钮要根据用户的权限来决定是否展示出来，如果用户具备相应的权限，那么就展示对应的按钮；如果用户不具备对应的权限，那么按钮就隐藏起来。大致上就这样一个需求。

众所周知，JavaScript 一直在快速变化。在新的 ES2020 中，有很多很棒的特性，我们大都已经迫不及待尝试了。老实说，有时我们可以用不同角度来编写代码，同样也能达到相同的效果，而且有的还会更简短，更清晰。

下面是列出一些 JavaScript 有用的技巧，相信总有一天会对你有所帮助。

1.方法参数验证

ES6 中可以为函数的参数设置默认值，有了这个，我们可以实现一个验证方法参数不能为空的巧妙技巧。

获取元素偏移量

获取标签

示例

获取标签元素

示例

获取表单元素属性

示例

设置自定义属性

示例

添加和删除元素

改变 HTML 元素

获取元素偏移量

object.offsetLeft：元素距离leftBody多少；

object.offsetTop：元素距离topBody多少；

获取标签

object.getElementById：通过ID获取元素；

如果帮助文档可以加载组件，那么在介绍的同时就可以运行演示demo，是不是很酷？
如果可以在线修改运行代码，那么是不是更容易理解？

通常在西门子PLC编程调试过程中，忽略了ENO的作用，其实使用使能输出 ENO，可检测和处理某些运行系统错误。后续指令的执行取决于该使能输出的信号状态。使用 EN/ENO 机制可避免程序崩溃。块状态将以布尔型变量的形式进行传递。

EN/ENO 机制可用于以下两个方面：

• 用于单个指令（指令 ENO）

• 用于程序块调用（块 ENO）

作为一名 7 年多的前端开发者，我从未想过我的工作需要具有可访问性，直到最近才领悟。

是的，我们确实提供了带

介绍

Vue 是一套用于构建用户界面的渐进式框架

• Vue 3.x 官方文档 (cn.vuejs.org)
• Vue Router 4.x 官方文档 (router.vuejs.org)
• Vue 2 备忘清单