1. 概述 上段时间一直忙于处理大会安全保障与应急，借助公司云悉情报平台，发现并处置几十起网站被劫持的情况。对黑客SEO技术颇有感觉。正好这段时间有时间，把以前遇到比较有趣的案例和大家分享一下。里面很多技术其实早已被玩透，只是网上搜了一下并无太多这方面的介绍。所以在这里共享一下相关的案例，案例主要分享一下思路。 1.1 原理 网站劫持是一个相对古老的技术，主要是黑帽用来做SEO用。实现网站劫持如果以下步骤: 入侵相关网站 然后在网站中插入JS或修改其配置文件，增加相应的劫持代码。另外一般会加入判断条件，判
以上就是js isBetween时间点的判断，大家看懂基本的内容后可以运行代码部分进行尝试。更多js学习指路：js教程
2、默认的比较单位是毫秒，但是假如我们想要限制到其他的时间单位，我们可以将其作为第二个参数传入。接受的单位和startOf支持的单位一样。
响应头中设置 Expires的值为格林威治时间 就是告诉客户端，此资源的请求可以用到指定时间点，在此时间之前，都要重新发请求到服务器请求这个资源，强制读取缓存
访问 https://www.jsdelivr.com/package/npm/dayjs 下载最新版本的 Day.js。
作者： CarterLi 原文：https://segmentfault.com/a/1190000012730162 上篇说了一些 JS 中数组操作的常见误区，这次来总结一下初学者常见的其他易错点。 写立即执行函数时前置 void 立即执行函数（IIFE）在 JS 非常常用，作用就是构造一个函数级的变量作用域。常见的写法如下： 这样写可能会被 JS 理解成为一个函数调用 从今天改变习惯，这样写： 有些人喜欢以 打头，个人习惯问题。 在 standardjs 规范日益流行的今天，忽略行尾分号成为了主流（但
那么，我们自己的网站如何适配暗色/亮色模式呢？首先说一下最基础的媒体查询，然后带大家了解一下我的适配方案（纯JS、CSS和HTML的前端操作）。
标记为async的脚本并不保证按照指定它们的先后顺序执行。对它来说脚本的加载和执行是紧紧挨着的，所以不管你声明的顺序如何，只要它加载完了就会立刻执行。
假设有这样一个需求，“在一堆人里，选出5个人，每个人给一个包子”。这个需求如果用js来描述，该怎么做呢？ 如果用中文来描述，应该是类似这样的一个东西： function 人(){ let 给包子=[]; 人s.filter((人i)=>{ if( 给包子.length<5 ){ 给包子.push( 人i ) } }); 给包子.forEach((i)=>{i.吃包子}); } 一段中文的伪代码，为了表明大概的意思，不必细究哈。 上面那段中英夹杂的伪代码，其实没什么用处，只是把原来的需求，用js
说是管理其实就是把常用的一些JS方法，自己保存下来，这样的以后的工作中可以比较方便的使用。 哪些方法可以、或是说值得保存呢？（偏见啊）我自己的主观看法就是一些功能性的，不怎么带逻辑的函数，或是一些常用的方法封装。 例如， 倒计时，封装ajax的get\post方法，浏览器版本判断，邮箱、手机、输入框之类的正则，这些都算是功能性的。 还有一些是扩展型的函数，例如，判断数组，增加、删除数组什么的， 还有一些工具类的，什么复制属性啊，字数判断啊，DOM节点操作啊，轮播广告啊，日期操作 总之，上面列出的那些内容的J
CSS中有很多媒体查询的用法，例如设备尺寸判别，是否支持鼠标行为，是否是黑暗模式，是否是省电模式等。
2、配置vuex全局 vuex的全局配置与上一节中vue-router的配置相似，抽象上我们有一个store文件夹，store文件夹下内容是实现，main.js中调用实现的内容。 我们看到import store from 'store/index' 代表引用store的index实现，在第12行中将store的实现作为参数赋值给Vue的全局配置进行使用，这样所有的页面都可以使用Vuex了。
网上压缩css和js工具很多，但在我们的系统中总有特殊的地方。也许你会觉得用第三方的压缩工具很麻烦。我就遇到了这样问题，我不想在本地压缩,只想更新到服务器上去压缩，服务器压缩也不用备份之类的操作。于是我就想着自己实现压缩工具。 初步需求如下： 使用Yahoo.Yui.Compressor 2.0版本 只对网站目录下指定文件夹中css和js进行压缩 使用到了JQuery插件,所以有很多都是压缩过的js。所以对文件名称中保存min的不进行压缩 不需要备份文件 如在第一次访问文件时候进行压缩或应用程序启动时候进
作者： CarterLi 原文：https://segmentfault.com/a/1190000012730162 上篇说了一些 JS 中数组操作的常见误区，这次来总结一下初学者常见的其他易错点。 写立即执行函数时前置 void 立即执行函数（IIFE）在 JS 非常常用，作用就是构造一个函数级的变量作用域。常见的写法如下： (function () { // code })(); 这样写可能会被 JS 理解成为一个函数调用 var a = 1 (function () { // Uncaught
攻击者在入侵网站后，常常会通过恶意劫持流量来获取收益，从而实现流量变现。有一些黑帽劫持的手法堪称防不胜防，正常的访问行为很难发现异常。今天给大家分享一下常见的网站劫持手法和排查思路。
编者按：本文作者高峰 http://verymuch.site/，奇舞团前端工程师，W3C性能工作组成员，同时在WOT工作组学习。
整体分成三块进行开发，使用面向对象式编程进行开发（其实我更喜欢用函数式编程，但苦于游戏的一些状态用对象来存储会更直观一些）：
（今天又喝酒去了，所以今晚的文章写的有点飘~~） 从某种程度上来讲，写JS脚本，和写文章是一样的。都是有时间、地点、人物、事件。 时间用Date()获取；地点用this获取；人物用getElementById获取；事件就是on；业务逻辑是它们之间发生了哪些故事。。 把它们之间的故事理清，就相当于是剧透谁爱上了谁，谁背后说谁的坏话，谁是谁的小三，谁包养了谁。。。 那些个if判断啊，三元之类的判断，就相当于是几个关键在故事转折点了。 分析到这个程度上，你是不是已经发现，写JS和写小说的都挺像的呢？没错，虽然用的
使用JavaScript实现一个俄罗斯方块 清明假期期间，闲的无聊，就做了一个小游戏玩玩，目前游戏逻辑上暂未发现bug，只不过样子稍微丑了一些-.- 项目地址：https:
时常会碰到读者朋友来咨询问题，小程序方面的居多，偶尔也会有小游戏方面的，所以前一段时间基于云函数做了一个检测工具方便去判断小程序包的基础信息，因为小游戏与小程序在架构上差异不大所以工具自然也可以去检测小游戏了。
14天阅读挑战赛 努力是为了不平庸~ 算法学习有些时候是枯燥的，这一次，让我们先人一步，趣学算法！欢迎记录下你的那些努力时刻（算法学习知识点/算法题解/遇到的算法bug/等等），在分享的同时加深对于算法的理解，同时吸收他人的奇思妙想，一起见证技术er的成长~
自从中国联盟成员导航采用响应式布局之后，不少朋友反馈该页面在 IE8、IE7 浏览器会错排，经测试发现确实存在这个问题，但我一直也没去深究解决。这几天博客折腾得很厉害，把多说开除了，而又由于 wopu
之前讲到重排，布局的时候使用flex时，比使用inline-block和float时重排更快，所以在布局时可以优先考虑Flex。
aHR0cHM6Ly93d3cucWltYWkuY24vcmFuay9pbmRleC9icmFuZC9mcmVlL2NvdW50cnkvY24vZ2VucmUvMzYvZGV2aWNlL2lwaG9uZQ==
可以算个伪原创吧，这是之前为朋友做的一个课程设计，当初从网上找了几个最后修改出这么一个简单系统，当个作业交给老师还是没什么问题的。附件里有所有文件的打包下载。
本文会讲 JS 引擎的编译流水线、渲染引擎的渲染流程，然后引入为什么需要 event loop。
nodejs是单线程执行的，同时它又是基于事件驱动的非阻塞IO编程模型。这就使得我们不用等待异步操作结果返回，就可以继续往下执行代码。当异步事件触发之后，就会通知主线程，主线程执行相应事件的回调。
缓存的作用就是提升网页加载速度。浏览器加载一个完整的网页势必会引用外部资源（图片，js，css）。若每次加载网页都要去加载这些外部资源则会引起不必要的时间和资源浪费，且会影响用户体验。而解决上述问题需要一个优秀的缓存策略。除此之外，web缓存的优点还有很多，例如：减轻服务器压力
前言 最近疫情泛滥，大家注意防护，尽量少出门，在家也别忘了学习~ 小编针对疫情实况数据进行了了爬取，并生成了可视化地图。 让我们在防护的同时，也来学习一下吧~ 项目简介 https://ncov.d
说到 JS 延时点击，度娘给出的结果几乎都是 js 的延迟点击 Demo，即鼠标产生一个 mousehover 事件之后，延迟多少秒执行点击动作。 本文主要分享一个带时间判断的 js 延时自动点击效果：当鼠标经过某页面元素，也就是产生一个 mousehover 事件时，触发 js 计时器，若经过指定时长后，鼠标还在这个元素上，将执行点击动作，否则计时器就清零，等待下一次的触发。 好了，说了一堆很费解的描述，一起来看下实际案例吧！ 张戈研究这个 JS 特效的原因就是，博友 ijustplay 在我博客留言，说
项目起始时间：2017-11-25 前端人数： 3 页面数： 6 一期上线时间：2018-01-16 在我们开发的过程中，小程序的生态也不断变化。例如 最开始不支持其打开的 web 页面调起小程序页面，后来则新增了 JS-SDK 并在高版本的基础库里支持了这样的功能；再例如它的 IDE 不断优化升级，开发体验变好；页面的5级跳转限制，改为了10级；小程序体积限制由 1MB 扩大为了 2MB …… 总体来说，一直在朝着好的方向发展。
程序中所有的数载计算机内存中都是以二进制存储的，位运算就是直接对整数在内存中的二进制进行操作，由于直接在内存中进行操作，不需要转成十进制，因此处理速度非常快
前段时间在做前端开发的过程中遇到一个关于JSON.parse()的使用的报错问题，JSON.parse()通常是用来对JSON对象和字符串之间的相互转换的，所以一般在使用的时候遇到相关报错就是因为在使用的时候没有做相应的非空判断，或者是数据格式错误造成的。那么本文就来分享一下关于使用JSON.parse()进行字符串和JSON对象相互转换的时候遇到的报错问题。
② 页面加载时间过慢，需要查找的元素程序已经完成，单页面还未加载，此时可以加载页面等待时间
今天在微信公众号看到一篇技术博文，想用印象笔记收藏，所以发送了文章链接到pc上。然后习惯性地打开控制台，看看源码，想了解下最近微信用了什么新技术。 呵呵，以下勾起了我侦探的欲望。页面加载后的异常点就是只加载了一个js，如下图所示：
详细资料可以参考： 《JavaScript 有几种类型的值？》 《JavaScript 有几种类型的值？能否画一下它们的内存图；》
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。
本文介绍了技术社区在内容编辑人员工作中需要注意的五个关键点，分别是：1）正确性，确保内容准确无误；2）简洁性，让内容易于理解；3）一致性，遵循统一的写作风格；4）可阅读性，使用简单易懂的语言；5）可传播性，内容易于分享和流传。同时，还探讨了技术社区中常见的几种内容类型，如FAQ、知识库、教程、指南、实战案例和技术新闻等，以及如何进行内容整合和优化，以提高技术社区的活跃度和用户满意度。
详细资料可以参考：《JavaScript 有几种类型的值？》《JavaScript 有几种类型的值？能否画一下它们的内存图；》
本文来自V同学投稿的源码共读第六期笔记，写得很有趣。现在已经进行到第十期了。你或许经常看见 npm 更新的提示。
隐形考点，while小括号内部，会进行隐式转换，将其他类型的值转为Boolean布尔值类型的进行判断
因为要实现有道翻译的翻译功能，就需要找到它的接口，打开审查元素，来到网络监听窗口(Network)，查看API接口。
高性能网站架构方案（二）——优化网站响应时间 （原创内容，转载请注明来源，谢谢） 一、概述 优化网站响应时间是保证网站受用户关注的要点，主要方案有： 1、减少HTTP请求 当需要加载图片、css、js等内容时，尽量减少加载的次数。可以合并加载，另外当改动量很少时，尽量将内容进行缓存。 图片的缓存可以设定更新时间，定时去服务器查看是否有需要更新的内容。通常可以定时在1周甚至更久的时间。 CSS、JS的缓存，通常可以通过文件名的方式来判断是否需要重新加载。当网页确定需要加载某些js和c
res.setHeader('Content-Type', 'text/plain;charset=utf-8');
可以判断出\'string\',\'number\',\'boolean\',\'undefined\',\'symbol\' 但判断 typeof(null) 时值为 \'object\'; 判断数组和对象时值均为 \'object\'
1.echo（常用）//可同时输出多个字符串 eg：echo $a,"hello";
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
