应用情景 经典使用情景：js的一些事件，比如：onresize、scroll、mousemove、mousehover等； 还比如：手抖、手误、服务器没有响应之前的重复点击； 这些都是没有意义的，重复的无效的操作，设置对整个系统的影响还可能是致命的，所以我们要对重复点击的事件进行相应的处理！ 节流函数 所谓的节流函数顾名思义，就是某个时刻限制函数的重复调用。 同样节流函数也是为了解决函数重复提交的问题，而防止重复提交的方法，不止节流函数一种实现。 方法汇总 本文整理了我在工作实践当中，觉的防止js重复提交，
简使用pop，不能保证最少消费一次，比如pop超时可能中途丢失，或者消费者处理过程中异常而未能处理完。
表单输入框对输入内容校验，这是一个很基本的功能，像这种非常普遍的功能，当然是先找下有没有现成的插件可以使用。 这里介绍一款很好用的表单验证插件，formvalidation，实际上也是bootstrap的一个插件，之前叫bootstrapValidator，现在独立出来了。 官网：http://formvalidation.io/
本文介绍了如何完成谷歌最新的XSSGame的过程，完成了这八个挑战就有机会获得Nexus 5x。实际上这八个挑战总体来说都不难，都是些常见的xss。通关要求是只要能弹出alert窗口即可。 第一关
RabbitMQ 入门系列（一）讲了基本概念。RabbitMQ 入门系列（二）讲了简单入门使用。RabbitMQ 入门系列（三）讲了交换器的不同类型。本文将会讲述 RPC 以及延迟队列的实现。
苹果公司的低延迟 HLS （LL HLS）的承诺是比标准 HLS 更低的延迟，并向后兼容非 LL HLS 的播放器。Mux 视频服务的承诺是“视频，在几秒钟内”。正如你将在本教程中所看到的，两家公司都达到了他们的目标，Mux 的 LL HLS 特别容易实现，延迟为 4-7 秒，比预期的要高一点，但与其他提供相同服务的公司一致。
自动转向(Auto-Redirecting)，也叫自动重定向。自动跳转，指当访问用户登陆到某网站时，自动将用户转向其它网页地址的一种技术。转向的网页地址可以是网站内的其它网页，也可以是其它网站。通常情况下，浏览器会收到一个网页，该页面含有自动加载一其它网页的代码。该页面有可能在服务器端被转换，这样的话，浏览器只收到一个页面，而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。 对自动转向技术(Auto-Redirecting)的合理应用包括：将用户转向到指定浏览器的网页版本；当网站的域名变更或删除后将人们转向到新域名下，等等。但现在这种技术却往往被搜索引擎优化人士用来作为提高网站的搜索引擎排名的一种手段。例如，先专门针对搜索引擎做一个高度优化的网页，也就是我们通常所说的“桥页”，然后把这个网页提交给搜索引擎来获得好的排名。但是，当搜索用户通过搜索引擎的搜索结果列表点击该网页列表进入后，将被自动转向到一个用户本来无意去访问的网站地址。搜索引擎常常认为自动转向的网页是对读者的误导，所以它会对这种网页或网站施以惩戒，不过对一些自动转向方法它目前还无法自动检测出来。 Meta Refresh Tag自动转向法 由于搜索引擎能够读取HTML，而Meta tags也是HTML，所以对于这种自动转向法，搜索引擎能够自动检测出来。因而无论网站的转向出于什么目的，都很容易被搜索引擎视做对读者的误导而受到惩罚。不过，如果跳转延迟时间设置合适，搜索引擎就不会视之为作弊。 页面定时刷新元标识(Meta Refresh Tag)只能放在HTML代码的< HEAD>区里。如下所示： <meta http-equiv=”refresh” content=”10; 其中的“10”是告诉浏览器在页面加载5秒钟后自动跳转到url这个页面。 这种方法常可以在论坛中见到。如果在论坛上发信息，先会看到一个确认页面，几秒后会自动重新跳转回当前的论坛页面中。 从搜索引擎优化的角度出发，一般不希望自动转向有延迟。不过，如果是用Meta Refresh标识进行转向，一定要注意把延迟时间设定成至少10秒以上。 “javascript”自动转向法 由于不能解析javascript，所以搜索引擎无法察觉(自动检测到)用javascript脚本进行的自动转向。javascript自动重定向脚本可以放在网页的任何位置上，如果要求立即跳转，则可以将其放入网页源码的<head>区内的最上面。用javascript实现跳转的范例如下： <script language=”javascript”><!–location.replace(“pagename.html”)//–></script> 其中的“pagename.html”指特定的重定向目标地址，用相对/绝对URL地址均可。 用javascript实现自动重定向的好处在于：用户所访问的目标URL不会保留在用户浏览器的历史记录中，如果用户按返回按钮返回，则将回到跳转前的网页，而不是包含javascript自动重定向脚本的跳转页面，所以不会出现当用户点击返回按钮后返回至重定向页，然后该页自动跳转到用户本来想离开的那个页面的尴尬情形。 如果需要，可以把javascript自动重定向脚本存在一个外部文件中，并通过下面的命令行来加载，其中“filename.js”是该外部文件的路径和文件名： <script language=”javascript” src=”filename.js”></script> 注意：若需实现即刻转向，或不希望人们看到转向前的那个页面，一般常用javascript脚本实现。在这种情况下应将javascript脚本放入HTML源码的<HEAD>区中。 表单(FORM)自动转向法 搜索引擎的“爬行”程序是不会填写表单的，所以它们也不会注意到提交表单，因而可以利用表单来实现自动转向(重定向)而不让搜索引擎察觉。 对于表单，人们往往很少意识到：表单的Action参数中包含的URL地址其实正是浏览器向服务器所请求的URL。浏览器将会通过向请求的URL地址增加一些格式为name=value的参数给予它以特殊的对待。在什么都没有的情况下，浏览器仍旧会为该URL安排请求至服务器。 用javascript脚本可让页面开始加载时即提交表单。下面是一个用javascript实现表单自动提交，以及提交表单的范例： <script language=”javascript”><!–document.myform.submit()//–></script> <form name=”myform” action=”pagename.html”
关于巡检，之前发过一篇《浅谈质量保障手段之巡检技术》，介绍了使用Python的eyeD3库进行MP3属性信息获取并做音频损坏的判断，可以理解为从服务端层面出发提出的解决方
今天，我们继续「前端面试」的知识点。我们来谈谈关于「Web性能优化」的相关知识点。
每个业务下都有PC Web,客户端,H5,APP这几端，来满足学生的多端上课需求。但由于教育的前身是基于QQ群视频孵化出来的，后续也是围绕QQ生态去搭建产品形态，所以在流量上面，QQ相关的流量占比较多。
前言: 小程序是一种新的开放能力， 开发者可以快速地开发一个小程序，便可以在微信内被便捷得获取和传播，同时具有出色的使用体验。随着近两年来小程序风口的爆发，越来越多的开发者、企业开始接入小程序，那么在在线教育领域，我们可以通过小程序玩出什么花样呢？本文将介绍腾讯在线教育的小程序矩阵，以及如何进行框架选型设计，工程化探索，性能优化等实践。 一、 腾讯在线教育小程序矩阵 首先介绍下腾讯在线教育下的3个主要业务： 面向成人职业化，兴趣化学习的腾讯课堂 面向小学，初高中k12领域的企鹅辅导 面向少儿英语学
React 17版本不同寻常，因为它没有添加任何面向开发人员的新功能。取而代之的是，该发行版主要致力于简化React本身的升级。
AI与手打同时尝试打分，最后提交的最高成绩是手打成绩，主要思路是尽可能堆高后进行消4，依据序列的情况妥协进行消3.2，通过本地实现一个模拟器提供各种信息来辅助整个流程。AI算法思路与内部赛道的139w分大佬类似，手打最终117.9w分
本文作者 IMWeb 团队成员 Jay 于2019年6月21日赴北京GMTC大前端技术会议小程序专场，分享话题《 腾讯在线教育小程序开发实践之路 》演讲稿 一、腾讯在线教育小程序矩阵 首先介绍下腾讯在线教育下的3个主要业务： 面向成人职业化，兴趣化学习的腾讯课堂 面向小学，初高中k12领域的企鹅辅导 面向少儿英语学习的ABCmouse 每个业务下都有PC Web,客户端,H5,APP这几端，来满足学生的多端上课需求。但由于教育的前身是基于QQ群视频孵化出来的，后续也是围绕QQ生态去搭建产品形态，所以在流
最近,无意中看到一篇关于React 18的文章,翻看之后,发现很多东西都是React官网没有细讲的,并且发现有些点也是在实际开发中可以实践和应用的.
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js循环POST提交添加辅助单位</title> 6 <style> 7 .frame 8 { 9 width:25px;
对象的深度克隆是很困难的。 JSON.parse(JSON.stringify(obj)) 可以实现对象的深度克隆。但有如下缺点:
在部分android机型上测试点击靠下的输入框时遇到弹出的软键盘挡住输入框问题，ios可自身弹起（ios自身的调整偶尔也会出问题，例如第三方键盘会遮挡，原因是第三方输入法的tool bar或者键盘也被当做可视区域，这里不做讨论）
项目源代码：https://github.com/nnngu/nguSeckill ---- 关于并发 并发性上不去是因为当多个线程同时访问一行数据时，产生了事务，因此产生写锁，当一个获取了事务的线程
项目中常常用到搜索，特别是导航类的网站。自己做关键字搜索不太现实，直接调用百度的是最好的选择。 使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值，当然$.getScript也可以实现跨域调用js。
150集的视频终于看完了，表示晕晕哒。最开始比较基础的，能和之前学的内容联系上的感觉还比较简单，到后来的BOM，DOM就完全不明白了。还好最后有一个实例，对学完的东西进行运用，这就验证了学完的东西总是会给自己留下印象，下次再看到就会熟悉一点。
今天一连两次被问到简历中提到的高性能Web开发方面的事，看来这种大标题很有诱惑力。
传统的表单提交，在文本框输入内容后，点击按钮，后台处理完毕后，页面刷新，再回头检查是否刷新结果正确。使用Ajax，在点击sunmit按钮后，立刻进行异步处理，并在页面上快速显示了更新后的结果，这里没有整个页面刷新的问题。
将源代码从Git平台部署至组件容器有很多种可以选择的方法，包括重新部署整个容器，通过卷即时重新部署，或者使用“git clone”的方法。但是，当这个过程自动化并转向持续部署时，许多开发人员可能会面临复杂性，因为他们需要知道如何将所有应用程序组件与所需的对接点正确组合。
当用户在浏览器中与网页进行交互时，会触发许多用户输入事件，这些事件会触发浏览器的渲染过程。
今天我们将继续介绍 GitHub 上 9 月份最受欢迎的 11 个开源项目，在这些项目中，你有在用或用过哪些呢？ 1 tensorflow https://github.com/tensorflow/tensorflow Stars 68835 TensorFlow 是谷歌的第二代机器学习系统，按照谷歌所说，在某些基准测试中，TensorFlow 的表现比第一代的 DistBelief 快了 2 倍。TensorFlow 内建深度学习的扩展支持，任何能够用计算流图形来表达的计算，都可以使用 TensorF
1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error 新类型：Symbol
从github下载yilia主题，下载地址 https://github.com/litten/hexo-theme-yilia
似乎很多学校都在使用超星平台的资源，然而有一个很繁琐的任务就是必须把课程的目录挨个点击一遍，然后才有浏览器记录，不然没有对应的分值，今天简单看了下，发现是使用ajax提交记录，并且每个课程的ID是自增的方式，所以可以写个js脚本自动搞定，并且了防止系统检测作弊加入了延迟执行代码，因为点击太频繁了可能会出现验证码的情况。
英文 | https://javascript.plainenglish.io/24-lesser-known-html-attributes-you-may-want-to-use-326dca041fdb
导语 | 在腾讯云+社区联合腾讯码客、腾讯安全平台部全新打造的创新赛事【腾讯极客挑战赛 | 鹅罗斯方块】中，在短暂10天内，4570名参赛者或以自己的硬核技术诠释着 “代码无所不能”；或坚持游戏主义，手玩出一片天。今天小编邀请到的就是超强手打玩家——汪好盛。他以硬核手打与AI技能双管齐下，最终脱颖而出、斩获季军！ 大佬这样说 AI与手打同时尝试打分，最后提交的最高成绩是手打成绩，主要思路是尽可能堆高后进行消4，依据序列的情况妥协进行消3.2，通过本地实现一个模拟器提供各种信息来辅助整个流程。AI算法思
本文虽然使用 Vite 创建了一个 Vue3 + TS 的项目，但其实文中涉及的内容和技术栈并没有关系，主要是结合 ESLint ，Husky，等第三方库实现比较规范的现代化前端工程，可应用于任何技术栈的项目中
CDN主要功能是在不同的地点缓存内容，通过负载均衡技术，将用户的请求定向到最合适的缓存服务器上去获取内容，比如说，是北京的用户，我们让他访问北京的节点，深圳的用户，我们让他访问深圳的节点。通过就近访问，加速用户对网站的访问。解决Internet网络拥堵状况，提高用户访问网络的响应速度。
一、 为什么需要模块化 以前没有模块化时，我们可能会按如下方式划分模块： 通过 <script> 标签引入各个文件，把每个文件看成是一个模块，每个模块的接口通常是暴露在全局作用域下的，也就是定义在 window 对象中。 <script src="module1.js"></script> <script src="module2.js"></script> <script src="module3.js"></script> 如果通过这种方式做模块化，当项目变得越来越大时，很容易造成全局变量冲突，项目也会
wrk 是一个非常棒的 HTTP 压力测试工具，构建在 Redis、NGINX、Node.js 和 LuaJIT 这几个开源项目的基础之上，充分利用了他们在事件驱动、HTTP 解析、高性能和灵活性方面的优点，并且可以自己写 Lua 脚本来生成测试请求。
原文链接：https://dev.to/chegerose/5-enhancements-that-will-boost-your-nodejs-app-3pj5
去年的 Axie，今年的 Stepn 的爆火，让越来越多游戏开发者意识到区块链的魔力，与区块链技术的结合也许会彻底改变游戏行业格局，重塑玩家与游戏之间的关系。
地址：https://github.com/huiwang/hexo-baidu-url-submit
接着上一篇文章，本篇文章我们继续来讲解前端如何处理网站的安全问题，本文主要讲解跨站请求伪造(CSRF)。
根据后端返回的当前服务器时间做一个倒计时，用settimeout 替换 setInterval ，刷新页面时间
相信大家搜css touch-action很容易搜到一批文章，但感觉自己还是需要写下自己这这个过程中的一些探索经历。
JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力。
何为CDN呢？为什么的网站需要它呢？网站全国各地可能因为延迟访问慢，而CDN是帮助一个网站能够加速打开。CDN全称内容分发网络（Content Delivery Network，CDN）通过将站点内容发布至遍布全球的海量加速节点，使其用户可就近获取所需内容，避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题，有效提升下载速度、降低响应时间，提供流畅的用户体验。
<link rel="preload" href="/path/to/style.css" as="style">
JavaScript是一种广泛应用于Web开发中的脚本语言，它与HTML（Hypertext Markup Language）结合使用，使开发人员能够创建交互式和动态的网页。在这篇博客中，我们将深入探讨JavaScript与HTML的结合方式，包括如何将JavaScript嵌入HTML、HTML事件处理、DOM操作以及常见的示例和最佳实践。
GitHub Readme Stats 是一个开源项目，它可以在 README 文件中动态生成 GitHub 统计数据。该项目的主要功能包括：
《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集，主要分为以下几个板块： Highlights 优秀的工具、库 好的教程、深度解读已有技术的文章 业界最新的技术、热点文章 业界对（新）技术的深度地、优秀地实践 Tutorial Tools And Codes 《前端技术观察》的目的是让大家： 更及时的了解到业界最新的技术 受益于高质量的教程、文章 了解业界更优秀的代码、工具 更多地、氛围更浓厚地讨论、研究、落地技术 highlights 75行代码告诉你WebGL的本质（英
在旧版的chrome上可以通过vlc插件来播放rtsp视频，但是更新到新版的chrome之后要想播放这个rtsp的视频就变得比较麻烦。如果google一下就会发现有各种解决方案，但是这些方案基本都是收费的。另外一个做法就是通过ffmpeg或者vlc播放器进行协议转换，如果是单个视频流可以通过vlc进行转换，转成http协议，直接通过video标签进行播放即可。但是如果要处理的视频流比较多，那就比较麻烦了。可以通过nginx+ffmpeg进行转换。
2）如何调用mutations.js中定义的setLeftAsideState为全局参数赋值？ 见一下示例：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
