吃瓜网站&吃瓜事件：
- 1、JS中事件穿透深度剖析与多种解决方案
- 2、怎么判断是jquery还是zepto
- 3、zepto和jquery的区别
- 4、ios的click时间有0.1s的延迟,这个怎么处理
- 5、Zepto的点透问题如何解决?
JS中事件穿透深度剖析与多种解决方案
在一次点击行为中，事件的触发过程为：mousedown - mouseup - click 三步。由于手机上没有鼠标，所以就用触摸事件去实现类似的功能。touch事件包含touchstart、touchmove、touchend 注意手机上并没有tap事件。
通过阻止弹窗的to[文]uchmove默认[章]事件，进而阻止事件[来]冒泡而导致底层页面[自]滚动。具体实现如下[Z]：这种方案的缺点是[B]：弹窗中不能有其它[L]需要滚动的内容。如[O]果有大段文字需要固[G]定高度来滚动，则也[文]会被阻止掉。具体做[章]法时，当弹框出现中[来]，让底层页面的 overflow=[自]hidden；当弹[Z]框消失时，让底层页[B]面的 overflow=[L]auto。
**内网穿透与隧道[O]**内网穿透技术实[G]质是将内网设备暴露[文]给外网，实现远程访[章]问和控制。常用于远[来]程测试、调试内部网[自]络或分享私网文件等[Z]场景。隧道技术在内[B]网穿透中扮演关键角[L]色，它们不仅提供加[O]密数据传输，还具备[G]访问控制、传输管理[文]、路由选择等功能，[章]有效绕过网关及访问[来]控制设备的限制。
解决方法思路：先通过用户 touchstart 触碰，触发播放并暂停（音频开始加载，后面用 JS 再操作就没问题了）。
怎么判断是jquery还是zepto
找到一下这个网站引用的是哪个框架的库，就知道是jquery还是其他框架了。
Zepto和jQu[自]ery之间的区别主[Z]要体现在目标平台和[B]体积优势上。jQu[L]ery以其强大的生[O]命力成为事实标准，[G]大多数工具库在DO[文]M操作和动画等功能[章]上模仿了jQuer[来]y风格。Zepto[自]的API完全兼容j[Z]Query，其功能[B]是jQuery的子[L]集。jQuery主[O]要面向桌面设备，而[G]Zepto从一开始[文]就专注于移动设备，[章]因此在体积上有明显[来]优势。
js精简方面 zepto是jquery的精简，针对移动端去除了大量jquery的兼容代码。其他方面 zepto中没有为原型定义extend方法而jquery有；zepto的each方法只能遍历数组，不能遍历JSON对象。
zepto和jquery的区别
事件委托的区别 zepto中，选择器上所有的委托事件都依次放入到一个队列中，而在jquery中则委托成独立的多个事件。js精简方面 zepto是jquery的精简，针对移动端去除了大量jquery的兼容代码。其他方面 zepto中没有为原型定义extend方法而jquery有；zepto的each方法只能遍历数组，不能遍历JSON对象。
总之，Zepto和[自]jQuery之间的[Z]区别在于定位和优化[B]。jQuery适用[L]于各种项目，而Ze[O]pto则专注于移动[G]设备，提供轻量级、[文]高效的解决方案。在[章]选择库时，应根据项[来]目需求和平台特性进[自]行决策，以确保最佳[Z]性能和用户体验。
，offset()[B]的区别：Zepto[L]返回{top，le[O]ft，width，[G]height}；j[文]Query返回{w[章]idth，heig[来]ht}。7，Zep[自]to无法获取隐藏元[Z]素宽高，jQuer[B]y 可以。8，Zept[L]o中没有为原型定义[O]extend方法而[G]jQuery有。9[文]，Zepto 的each 方法只能遍历 数组，不能遍历JS[章]ON对象。
jQuery更多是在PC端，因此，考虑了很多低级兼容性问题；而Zepto.js则是直接抛弃了这些问题，显得很轻盈；Zepto.js在移动端被运用的更加广泛；更注重在移动端的使用 jQuery的底层是通过DOM来实现效果的，zepto.js 是用css3来实现的； Zepto.js可以说是轻盈版本的jQuery。
ios的click时间有0.1s的延迟,这个怎么处理
FastClick解决延迟点击的源码解析。首先，我们来看FastClick的使用。window.addEventListener( load， function() { FastClick.attach( document.body )；}， false )；这样就解决了 300 毫秒点击延迟的问题。
(3)应用atta[来]ch 其二：index.[自]html中用mat[Z]e标签解决（此标签[B]的使用只能解决An[L]droid端延迟问[O]题）其三：CSS属[G]性解决 跟300ms点击延[文]迟相关的，是tou[章]ch-action[来]这个CSS属性。这[自]个属性指定了相应元[Z]素上能够触发的用户[B]代理（也就是浏览器[L]）的默认行为。
另一种处理延迟问题[O]的解决方案是通过在[G]HTML文档的标签[文]中添加特定元信息，[章]如设置视口宽度与设[来]备宽度一致，以及禁[自]用双击缩放功能。这[Z]有助于优化移动端点[B]击体验。FastC[L]lick是一种广受[O]好评的解决clic[G]k300毫秒延迟问[文]题的库。
解决移动端300m[章]s延迟问题的方法包[来]括禁用缩放或在代码[自]中添加特定处理。在[Z]Android WebView和i[B]OS WebView中，[L]处理方式与移动端浏[O]览器一致，但iOS[G] WebView中U[文]IWebView与[章]WKWebView[来]的使用和特性也有所[自]不同。UIWebV[Z]iew始终存在30[B]0ms延迟问题，而[L]WKWebView[O]在iOS 3时解决了此问题。[G]
打开Shadowsocks配置文件，该文件通常是一个文本文件，其中包含了Shadowsocks服务器的配置信息，包括服务器地址、端口、密码、加密方式等。 在配置文件中找到混淆参数所在的行。混淆参数通常是以obfs或scrambles开头的，后面跟着一个数字，例如obfs4或scrambles4。 修改混淆参数的数字。
Zepto的点透问题如何解决?
1、标签语义化，比如header，footer，nav，aside，article，section等，新增了很多表单元素，入email，url等，除去了center等样式标签，还有除去了有性能问题的frame，frameset等标签音视频元素，video，audio的增加使得我们不需要在依赖外部的插件就可以往网页中加入音视频元素。
2、但是zepto[文]的tap事件会有点[章]透问题。如何解决，[来]请看下篇分解。接下[自]来，我们来详细了解[Z]一个问题：Fast[B]Click解决延迟[L]点击的源码解析。F[O]astClick解[G]决延迟点击的源码解[文]析。首先，我们来看[章]FastClick[来]的使用。
3、首先，最小值是[自]1，那么可以输入0[Z]，第二个是可以输入[B]（1+1）那就是1[L]，以此类推，每次点[O]击上下箭头都会增加[G]或者减少1，输入其[文]他数字无效。这就是[章]step的简单介绍[来]。
4、大V都是过来人[自]，很多你没听说过的[Z]问题或者不能解决的[B]难题，他们可能早就[L]遇到过了。现在人人[O]手机不离手，不过有[G]的人是用来学习，有[文]的人却是用来打游戏[章]或者刷剧！多上课或[来]者多进社群：现在网[自]上的课有很多很多关[Z]于IT技术的，只要[B]你想学，总是会找到[L]相关的课程来学习的[O]。
5、React.js、Vue.js、Zepto.js。第八阶段：HTML5原生移动应用开发 Cordova：WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
6、React.js、Vue.js、Zepto.js。第八阶段：HTML5原生移动应用开发。（1）Cordova：WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战（创建项目，配置，编译，调试，部署发布）。
