我最近写了篇《掌握和成为更好的Web开发人员的15件事》（地址：https://beforesemicolon.medium.com/15-css-things-to-master-and-become-a-better-web-developer-a18f370a8bc5），然后意识到编写CSS不仅需要专注于某些功能。
1、Workplace by Facebook为Facebook旗下办公通讯软件，通过公司或群组模式实现内部团队交流沟通。当属于公司或群组的个人创建Workplace by Facebook账号时，会从Facebook官方邮箱legal_noreply@fb.com收到一封确认邮件，该邮件中包含一个需由帐号所有者签署的在线协议URL，而该URL中包含一个特殊的token，如下：
WordPress静态缓存插件众多，孰优孰劣，这里不予评判，只说一说使用率最高的静态缓存插件WP Super Cache的基本使用方法，包括插件安装设置与停用删除缓存。
有时候我们为了减少权重的流失，或者是为了隐藏某些推荐链接（比如：淘宝客、主机推荐），因此需要将外链转化为内链（淘宝客、主机推荐都是隐藏 AFF）。 Typecho 外链转内链插件，支持正文和评论者链接。 从比 1.0.9 更老的版本升级上来建议先禁用再启用。 本插件自从 1.1.0 b2 开始收费，收费方式为自由付费。 你觉得它值多少钱就付款给我多少钱！如果觉得一文不值，你也可以直接白嫖！
AuthCov使用Chrome headless browser（无头浏览器）爬取你的Web应用程序，同时以预定义用户身份进行登录。在爬取阶段它会拦截并记录API请求及加载的页面，并在下一阶段，以不同的用户帐户“intruder”登录，尝试访问发现的各个API请求或页面。它为每个定义的intruder用户重复此步骤。最后，它会生成一份详细的报告，列出发现的资源以及intruder用户是否可以访问这些资源等。
Nginx 在不同的模块中，会提供一些变量，这个我们之前应该已经看过很多了。特别是 HTTP 核心模块中，提供了非常多的变量可以供我们使用。而在 Proxy 模块中，也提供了几个非常简单的变量，今天就来一起学学。另外，最后还剩一些无法归到大类的其它配置，大家也可以了解一下，其中还是有重点配置的哦，而且是非常常用的，今天的内容绝对不水。
编者按：本文作者：安佳，360 搜索事业部的前端开发工程师，W3C CSS 工作组成员。
“文档对象”是指PDF文档中的文档对象，共有三种类型的“文档对象”，他们分别是“页面对象”，“封面对象”和“目录对象”。
WordPress 中存在两种信息发布形式：文章（Post）和页面（Page），在写如何自己定义某个页面的特殊样式之前，有必要为一些新手简单介绍一下它们之间的区别，已经了解的朋友请跳过本节。
将压缩包内1.主题文件文件夹中的Mirages文件夹完整上传到服务器上 Typecho 的/usr/themes/文件夹内，然后到 Typecho 后台，启用主题即可。
在我本地测试当中： 在IE、FireFox、Opera下都可以使用 document.body.clientWidth document.body.clientHeight 即可获得，很简单，很方便。 而在公司项目当中： Opera仍然使用 document.body.clientWidth document.body.clientHeight 可是IE和FireFox则使用 document.documentElement.clientWidth document.documentElement.clientHeight 原来是W3C的标准在作怪啊
（1）泄露的文件可能会泄露如账号密码，或者是一些历史操作记录，源码文件等可提供到一些关键步骤的信息
超文本标记语言（HTML）注入有时也被称为虚拟污染。 这实际上是一个由站点造成的攻击，该站点允许恶意用户向其 Web 页面注入 HTML，并且没有合理处理用户输入。 换句话说，HTML 注入漏洞是由接收 HTML 引起的，通常通过一些之后会呈现在页面的表单输入。 这个漏洞是独立的，不同于注入 Javascript，VBscript 等。
本文转载自助安社区（https://secself.com/），海量入门学习资料。
前言 需求是发送邮件时, 可以将报表正文贴到邮件里, 可以正常复制选中报表内容. 目前的做法是简单粗暴的转成了一张图片, 这样效果显然是很糟糕的. 今天看到邮箱里可以预览Word, Excel, F1
今天我们来看一个我今年早些时候进行的外部渗透测试之一，由于保密协议，将使用通常的域 redacted.com
写微信公众号的人群里面，不乏十分勤奋者。看看他们使用的排版工具，便知道为了排版一篇文章，他们要耗费多少辛劳了。
做为一个前端程序猿，肯定应该知道很多与前端相关的知识，像是 HTML 或是 JS 相关的东西，但这些通常都与“使用”有关。例如说我知道写 HTML 的时候要语义化，要使用正确的标签；我知道 JS 应该要怎么用。可是有些知识虽然也跟网页有关，却不是前端程序员经常接触的。
本篇文章作者YanXia，本文属i春秋原创奖励计划https://bbs.ichunqiu.com/thread-63286-1-1.html，未经许可禁止转载。
大约七年前，谷歌决定关闭谷歌阅读器，这是一个世界闻名且深受喜爱的RSS阅读器，我觉得从那时起，没有其他服务像它一样受到如此真诚的哀悼。我还记得，当我打开HTC一款小巧的 Wildfire 阅读器时，那种温暖的感觉。
IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 Opera中： document.body.clientWidth ==> 可见区域宽度 document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽） document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 没有定义W3C的标准，则 IE为： document.documentElement.clientWidth ==> 0 document.documentElement.clientHeight ==> 0 FireFox为： document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） Opera为： document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
一个网站就可能存在不到一个登陆点，那么多个网站的登录点就更多，如何进入后台是一门相当有用的技术，登录后台能够发现更多的漏洞。
因为hexo是基于node.js的，所以node.js是必须要装的，安装也特别简单，去 官网 下载适合自己windows的版本。安装过程一直下一步就行了，什么也不用选，在网上查资料的时候，看到有说要在Custom Setup这一步记得选Add to PATH，但我在安装的时候这个选项是默认选好的，不用动它，也许是版本的原因，建议在安装时留意一下，毕竟自己配置环境变量还是有点麻烦。
记得当时我自己手动搭建好LNMP环境，安装上typecho之后，满心欢喜的打开网站首页，却发现除了首页其他的页面都是打不开的，全部显示“403”。当时还困饶了我大半天（后来才知道是没有正确设置伪静态的原因），一度以为是环境没搭好，重置服务器再搭环境这么试了好几次，还是一样的错误。后来，直到在其官方文档里看到服务器设置伪静态的方法，就尝试了一下，果然有用。（不过很奇怪的是在官方文档中是找不到这个文档页面的，当时还是在搜索引擎中才找到的）
在制作 WordPress 的过程中，除了对整体的结构等进行排版布局等，还必须要对正文的内容和其他地方进行修饰和排版，例如正文中可能出现的 标题（h2、h3）、列表（ul、ol）、表格（table） 以及不同的文章类型效果等等。这就是 WordPress 主题的单元测试（Theme Unit Test）。
◆ 我们以往的APP是使用原生系统内核的，相当于直接在系统上操作，是我们传统意义上的软件，更加稳定。
简单的介绍一下：QueryList不依赖任何框架和架构，它可以单独使用也可以引入到任意的PHP开发框架中去使用，如：Laravel、ThinkPHP；你可以使用它来构建简单的采集系统，也可以用它才构建高可用的分布式采集系统。它提供了丰富的基于CSS选择器的页面抽取API，完全模块化的设计，拥有强大的可扩展性。
此篇文章主要实现两个功能： 1、点击屏幕下方签到悬浮按钮； 2、弹出幸运大转盘，转盘抽奖签到 效果如图： 在网上找了很多移动端拖拽的js实现方式，大部分都是这一种，html5的touch事件，但是
之前我们在使用vue进行 h5 表单录入的过程中，遇到了Android软键盘弹出，覆盖 h5页面 输入框 问题，在此进行回顾并分享给大家:
thr0cyte，Gr33k，花花，MrTools，R1ght0us，7089bAt
根据httparchive.org的页面重量报告，CSS在平均70个请求和2MB的网页上占7个HTTP请求和70Kb的代码。这并不是网站性能糟糕的最坏原因（我正看着你呢，JavaScript），但CSS面临着特定的挑战：
1、打印文件夹列表时可以包含其他列。 2、打印文件列表时，可以包含标准文件信息，如文件名，扩展名，类型，所有者和属性以及可执行文件信息（EXE，DLL，OCX），如文件版本，描述，公司等。 3、此外，还可列出音轨，标题，艺术家，专辑，流派，视频格式，每像素位数，每秒帧数，音频格式，每通道位数等多媒体属性（MP3，AVI，WAV，JPG，GIF，BMP）。 4、您可以打印的另一组列是 Microsoft Office 文件（DOC，XLS，PPT），因此您可以查看文档标题，作者，关键字等，而无需逐一打开这些文件。 5、对于每个文件和文件夹，还可以获取其CRC32，MD5，SHA-1和Whirlpool哈希码，以便您可以验证该文件未被修改。 6、打印文件夹中的文件进一步自定义。 7、大量的选项允许您完全自定义输出的外观。您可以设置文件和文件夹的排序方式，以便随时显示它们。您可以定义列顺序，以便最重要的列立即可见。国际显示格式选项允许您根据当地需要调整输出。列表可以包含指向实际文件和目录的链接，这样您就可以将列表放在具有可点击内容的网页上。 8、HTML显示样式完全自定义 – 您可以更改背景颜色，标题，目录行，奇数和偶数文件行以及周围框架的单独样式。 9、您可以通过对文件名，日期，大小或属性应用过滤器来限制文件列表。 10、目录Lister Pro也可以集成到Windows资源管理器的上下文菜单中，因此您甚至不需要打开应用程序即可生成列表。 11、命令行界面支持可以从 Windows任 务计划程序运行的自动化列表。 12、检查文件夹大小或查找大文件夹 13、使用 Directory Lister Pro，您还可以找出给定的目录大小，按文件夹大小进行分类，并检查哪些文件夹占用了磁盘上的最多空间。您还可以使用尺寸过滤器选项在PC上找到最大的文件。
IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中： document.body.clientWidth ==> BODY对象宽度 document
IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 Opera中： document.body.clientWidth ==> 可见区域宽度 document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽） document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 没有定义W3C的标准，则 IE为： document.documentElement.clientWidth ==> 0 document.documentElement.clientHeight ==> 0 FireFox为： document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽) document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） Opera为： document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽） document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
关于RMarkdown使用时，小编日常会使用的一些有用技巧，当然我也是通过学习谢大大的Rmarkdown-cookbook[1]以及日常使用需求上网搜的解决方案，在此分享给大家。如果大家还有其他什么需求，可以在留言板留言。或者有其他实用技巧也欢迎分享！
网页可见区域宽：document.body.clientWidth; 网页可见区域高：document.body.clientHeight; 网页可见区域高：document.body.offsetWeight: 网页可见区域高：document.body.offsetHeight; 网页正文全文宽：document.body.scrollWidth; 网页正文全文高：document.body.scrollHeight; 网页被卷去的高：document.body.scrollTop; 网页被卷去的左：document.body.scrollLeft; 网页正文部分上：window.screenTop; 网页正文部分左：window.screenLeft; 屏幕分辨率的高：window.screen.height; 屏幕分辨率的宽：window.screen.width; 屏幕可用工作区高度：window.screen.availHeight; 屏幕可用工作区宽度：window.screen.availWidth;
大家好，又见面了，我是你们的朋友全栈君。 IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 Opera中： document.body.clientWidth ==> 可见区域宽度 document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽） document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 没有定义W3C的标准，则 IE为： document.documentElement.clientWidth ==> 0 document.documentElement.clientHeight ==> 0 FireFox为： document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽) document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） Opera为： document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽） document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.scrollHeight 网页被卷去的高： document.body.scrollTop 网页被卷去的左： document.body.scrollLeft 网页正文部分上： window.screenTop 网页正文部分左： window.screenLeft 屏幕分辨率的高： window.screen.height 屏幕分辨率的宽： window.screen.width 屏幕可用工作区高度： window.screen.availHeight 屏幕可用工作区宽度： window.screen.availWidth HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的
我们平时用浏览器访问网站的时候，一个个站点形形×××，页面也各不相同，但有没有想过它是为何才能呈现出这个样子的？ 那么本节我们就来了解一下网页的基本组成、结构、节点等内容。
之所以用 Python，就是因为 Python 有着丰富的库，网页正文识别也不在话下。这里我尝试了 readability、goose3。
于获取各种浏览器可见窗口大小的一点点研究 <script> function getInfo() { var s = “”; s = ” 网页可见区域宽：” document.body.clientWidth; s = ” 网页可见区域高：” document.body.clientHeight; s = ” 网页可见区域宽：” document.body.offsetWidth ” (包括边线和滚动条的宽)”; s = ” 网页可见区域高：” document.body.offsetHeight ” (包括边线的宽)”; s = ” 网页正文全文宽：” document.body.scrollWidth; s = ” 网页正文全文高：” document.body.scrollHeight; s = ” 网页被卷去的高(ff)：” document.body.scrollTop; s = ” 网页被卷去的高(ie)：” document.documentElement.scrollTop; s = ” 网页被卷去的左：” document.body.scrollLeft; s = ” 网页正文部分上：” window.screenTop; s = ” 网页正文部分左：” window.screenLeft; s = ” 屏幕分辨率的高：” window.screen.height; s = ” 屏幕分辨率的宽：” window.screen.width; s = ” 屏幕可用工作区高度：” window.screen.availHeight; s = ” 屏幕可用工作区宽度：” window.screen.availWidth;
2、安装html2Canvas: npm install --save html2canvas
引言：在Python3下运行Matplotlib之时，碰到了”No module named _tkinter“的问题，花费数小时进行研究解决，这里讲整个过程记录下来，并尝试分析过程中的解决思路利弊得失，以资后效，这里重点提示需要关注错误信息的分析，这个是第一现场。
今天遇到一个很神奇的bug，网站上面有个表单提交的页面需要做是否离开此页的功能（就是如果修改了表单后未保存就离开这个页面），之前做这个功能的人为了方便就把input标签写成这样：
网课结束了啊哈哈哈哈哈哈...咳咳咳...呜呜呜... 这段时间在积极备考呢，英国考试局把毕业前最后一次全球统考取消了，改为学校评估成绩并采用专业科学严谨的数据模型分析学校提交成绩的可信度做出调整并公布最终成绩，学校无法胡作非为。于是还是需要参加老师自行出题的模考和期末考试了...
我遇到HAXM问题.在我使用Windows 7之前,一切都很好,但升级到Win8.1 Pro后,当我从AVD屏幕启动模拟器时,我看不到haxm启动消息. HAXM安装并正常工作,我安装了x86的图像,我的设备使用它但仍然无法在启动窗口中看到Emulator正在使用haxm的确认消息.
主题有些功能会用到文章点击量，所以必须安装文章点击统计插件：wp-postview，也可后台搜索安装官方最新版。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
