随着移动端市场的份额越大，需求就越多样化。我们今天讨论的是移动端的滚动穿透问题。上面这段调侃的话可以看出需求中弹窗浮层还是挺常见的，那这个和滚动穿透有什么联系呢？
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
今天室友遇到一个好玩的网站，下面是一些尝试绕过Waf进行XSS的记录。首先该网站没有对左右尖号和单双引号做任何过滤或转义。且有未知的waf或者其他阻止恶意访问的手段。
跨站脚本，称为xss这个术语用来表示一类的安全问题，指攻击者向目标web站点注入html标签或者脚本。
点击A的时候获取当前选中数据的所属子项，然后拿该子项中已选的去和全部比对得出未选的，然后拿未选的去blist进行比对，如果blist中出现未选的则将其删除。
最近在做的项目是智慧屏项目，用于公司的电视屏展示，它采用的技术栈是vue+js+sass,项目很多采用的都是组件化，用组件化的优点就是可复用性高，减少代码冗余，组件化的思想在开发中很常见也很重要。下面将这次项目中自己做的不足的点以及需要注意的点列举出来。感兴趣的朋友可以看看。
近期，Chrome 92 进行了发布，我们来看看 Chrome 92 中提及的一个影响比较大的破坏性改动。
大家好，我是Leon-pi，可以叫我pipi，新人报道，是个菜鸟，由于个人也是在学习过程中，文章写的也不是面面俱到，尽善尽美，请见谅。
自从卸载了一些流氓软件（如2345系列等）之后广告弹窗就减少了很多，但一些正规软件仍带有非广告的弹窗(如QQ登录成功后的弹窗)，听一个朋友说火绒可以拦截QQ弹窗，于是乎安装了火绒，火绒真的是杀毒软件中的一股清流。那还有什么可以阻止广告弹窗的？Windows系统就自带了一个。
移动端运行在浏览器上的网站，我们一般称之为H5应用，就是泛指我们经常开发的spa,map页面
结合网上资料，自己亲自动手实践，每步安装都有截图，解释说明如何在Mac 安装 VM 虚拟机然后再装 Ubuntu 系统。
最近因为一些原因，大部分软件和网站都变成了灰色，但是有的网站无脑跟风，只想着变色不想着用户的体验，如图
相信很多朋友在使用电脑时，面对突如其来的弹窗广告非常愤怒，尤其是在给客户演示ppt、或者开会投屏的时候！自己啥都没干，却平白无故弹出来许多垃圾弹窗广告给自己造成了非常大的困扰，今天小编给大家分享如何有效地关闭烦人的弹窗广告，欢迎收藏！
弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是在蒙层出现的时候滚动页面，如果不加处理，蒙层底部的页面会开始滚动，实际上我们是不希望他进行滚动的，因此需要阻止这种行为。当弹出蒙层时禁止蒙层下的页面滚动，也可以称为滚动穿透的问题，文中介绍了一些常用的解决方案。
首先你可能会给页面的 html 和 body 增加了 height: 100%, 然后就可能造成 IOS 上页面滑动的卡顿问题。解决方案是：
简称CSP，意为内容安全策略，通过设置约束指定可信的内容来源，降低异源文件攻击，例如：js/css/image等
在移动端 WEB 开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在 fixed 定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的DOM元素上一样，我们姑且称之为滚动穿透。
到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑，欢迎补充，或者觉得我哪里写错了，欢迎指点！
直接在iconfont上生成的代码，url链接里是以 // 开头的，不是完整的网址路径。 解决方案：在字体图标引用路径前面要加上https:，否则在app上不显示
目前（2015年8月3日15:02:24）在大部分安卓手机都发现这个问题，触发bug的条件知道了，但是原因未知。触发bug的条件是需要横向滚动的层不能位于纵向滚动不是body的层下面（后面有具体解释）。
在开发过程中，我们经常会遇到要加弹窗的需求，而如果当前页的展示数据一屏展示不完，则在打开弹窗后，有滑动操作时，页面也会随之滑动。那么如何处理这一问题呢？
2018年，撸起袖子加油干，幸福属于你，目标永远没有完成时，不会因为目标的完成而停止不前。人生在世，会因这一路努力拼搏而变得丰富充实，从而不虚此生。启航，2018！ 相信这段时间，有很多同学站长收到过百度发的《落地页体验整改通知》，我负责的网站也收到了该通知，也做了相对应的措施，修改完成后已经反馈给百度，目前还没有回复，等后期有回复了，在给大家分享下。 今天主要跟各位同学讨论下有关PC与移动的广告问题，到底是哪些广告类型是用户最讨厌看到的？ — — 及时当勉励，岁月不待人。 PC与移动最不友好的广告体验
使用场景：主要是针对需要把对象的一些属性批量的赋值到另外一个对象上，然后如果你的属性很多可能要写很多赋值语句。（前提是属性名一般是相同的）
最近在做一个功能，然后不小心踩到了 React 合成事件 的坑，好奇心的驱使，去看了 React 官网合成事件 的解释，这不看不知道，一看吓一跳...
上回说了组件（vue组件开发练习--焦点图切换）的一个练习项目，这次换下口味，说下vue的插件练手的项目。相对于现在之前的焦点图切换的组件，这个可能就更简单了，基本就是熟悉下插件开发的步骤就可以了！这个项目，我更建议大家动手练习了，这个弹窗比之前的焦点图更加的实用性，也更常用。同时也能让大家熟悉下vue的插件开发的流程。代码同样，我会上传到github（ec-dialog），需要的可以直接去看代码！
按照上面的分析，接下来我们只需要对扇形的点击事件做阻止冒泡就好了。 我的测试代码如下： 分别使用了常识里的event.stopPropagation()、return false;，甚至看到params有个cancelBubble也尝试设置成true，都无法生效
前几天在twikoo的交流群中，有人提到了这样一个问题：twikoo可以实现段落评论吗？我想了一下，下载了个番茄小说发现，他们都是按照每一行的内容分别进行评论的，Hexo可以实现类似于每一段落一个Url，也就是#[段落名]的格式，但是Twikoo并不能将这些段落分开，而且本来评论就很少了，（这么一分就都看不见了）。所以我想是否可以利用我的说说页面中的，点击评论按钮后后会在评论区添加一个：> + “文本”，从而实现类似引用的功能，那么也就实现了仿段落评论，同时所有的评论都会在评论区显示，避免了因为都在段落评论而导致主评论区没人的尴尬局面。
Tech 导读 Taro作为开放式跨端跨框架解决方案，在大量小程序和H5应用中得到广泛实践，本文将为读者提供最佳实践示例，以帮助最大程度地提升小程序应用的性能表现。
Vue.js 事件修饰符 .stop 用于阻止事件继续传播，即阻止事件冒泡。这在处理父子组件之间的事件通信时特别有用，可以防止事件从子组件冒泡到父组件，或者在一个元素上绑定多个事件处理函数时，阻止后续事件处理函数的执行。
刚好最近在带着大家学习逆向，本着学以致用的精神，今天就教大家如何把这个广告弹窗给去掉。
Chrome 86 在2020年10月推出了稳定版，现已全面应用于Android、Chrome OS、Linux、macOS 和 Windows等平台，我们一起来看下这次的重要更新。若要看全部更新，请移步（https://www.chromestatus.com/features#milestone=86）。
在 React 中还有一个不同的点，不能通过返回 fasle 阻止默认行为， React 提供了一个属性－－preventDefault，可以通过 preventDefault 阻止脚本执行
该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。基于 vue.js，使用 vue-cli3 脚手架，引用 Element UI 组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。
AdsMatcher Anti Adblock 是一款用来防止广告被拦截的 WordPress 插件，如果你的站点上投放了广告，而你又不希望用户屏蔽广告，不妨尝试一下这款插件吧。当用户访问你的站点时，如果开启了广告屏蔽，就会弹窗阻止用户继续浏览你的站点，可以起到防广告被拦截的目的。
1.使用 v-on:xxx 或 @xxx 绑定事件，其中 xxx 是事件名； 2.事件的回调需要配置在 methods 对象中，最终会在 vm 上； 3.methods 中配置的函数，不要用箭头函数！否则 this 就不是 vm 了； 4.methods 中配置的函数，都是被 Vue 所管理的函数，this 的指向是 vm 或 组件实例对象； 5.@click="demo" 和 @click="demo($event)" 效果一致，但后者可以传参；
开发中会遇到领导指着一个网页说，这个不错，咱们页面也按这个布局和风格做吧。直接用html+css+js生写还是挺费工的。最快的方法是直接照抄网页。本文例子不需要其它工具，只用浏览器的“另存页面为”和“查看页面源代码”两个功能来照抄网页，结果证明，不考虑js功能，仅看网页外观，是完全可以做出一模一样的网页的。 以下面网页为例，布局简单，但是要自己从头开始写，肯定要调试很久。
电脑已经成为我们生活中必备的工具，我们经常用来办公、游戏、看视频，可是如果你买了新电脑，一定要做到下面这5个关键设置，可以更好的帮助到你。
跨站脚本攻击（XSS），是最普遍的Web应用安全漏洞。这类漏洞能够使得攻击者嵌入恶意脚本代码(一般是JS代码)到正常用户会访问到的页面中，当正常用户访问该页面时，则可导致嵌入的恶意脚本代码的执行，从而达到恶意攻击用户的目的。它常常与其他漏洞一起造成破坏性的后果。
平常我们在工作、学习或者生活在使用电脑的时候，经常有一些弹窗来打搅我们与电脑得快乐玩耍时间。这些弹窗也经常让我很头痛。在我认为对这些弹窗无可奈何得时候，终于让我发现了一款好软件--------火绒。下面我们就来介绍一下这款好用的电脑工具吧。
小编这里准备做一个系列，好好的聊一聊关于电脑的小知识，虽然网上都有很多文章教你怎么让电脑变快，但是基本上都是提出问题，然后模模糊糊的讲了一些解决方法，看了也不懂该如何解决。
每年过年回家，基本上都需要做一件事情：重新清理我爸电脑上的垃圾软件或者直接重装系统。 想我爸也是个国家级教师，平时工作使用电脑的频次并不低，却对于电脑这东西跟绝大多数父母一样，用电脑是没问题，面对如今
JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统弹出通知。它没有依赖，压缩只有只有4.66kb(gzipped: 1.70kb)，demo 实例预览。
所有现代的网页浏览器、NodeJ以及几乎所有其他JavaScript环境都支持使用一套日志记录方法将信息写入控制台中。这些方法中最常用的是 console.log()。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
