Day: 2022年10月15日

JS严格模式（use strict）详解

admin 编程 暂无评论 167 浏览
由于 JavaScript 语法不够严谨，一直被人们所诟病，例如在使用一个变量时，可以不使用 var 关键字来提前声明（例如：url = 'http://javascript.p2hp.com/';），此时 JavaScript 解释器会自动为您创建这个变量。为了使代码更加严谨，JavaScript 中引入了严格模式，一旦使用了严格模式，将不再允许使用那些不严谨的语法。

什么是严格模式

严格模式是在 ECMAScript5（ES5）中引入的，在严格模式下，JavaScript 对语法的要求会更加严格，一些在正常模式下能够运行的代码，在严格模式下将不能运行。

添加严格模式，主要有以下几个目的：

  • 消除 JavaScript 语法中一些不合理、不严谨的地方；
  • 消除代码中一些不安全的地方，保证代码的安全运行；
  • 提高 JavaScript 程序的运行效率；
  • 为以后新版本的 JavaScript 做好铺垫。

目前，主流浏览器包括 IE10 及其之后的版本都已支持严格模式，JavaScript 正在向着更合理、更安全、更严谨的方向发展。

启用严格模式

要启用严格模式，您只需要在 JavaScript 脚本的开头添加"use strict";或'use strict';

…
Read more

video标签样式铺满全屏

admin web前端 暂无评论 2,003 浏览

video标签是不会自动铺满整个div的，即便是给它设置了高度为100%；所以当需要video标签铺满整个div时，可以给video标签加上‘object-fit:fill’样式，这样就可以解决了！
<div class="videoContent">
<video class="videoElement" controls preload="auto" width="100%" height="100%"></video>
</div>
.videoContent{
background-color: rgb(40, 46, 83);
width: 600px;
height: 420px;
}
.videoElement{
object-fit: fill;
}

object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。
object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。
fill: 默认，不保证保持原有的比例，内容拉伸填充整个内容容器。
…

Read more

巧用css去图片白色底 让白色底图片在网页透明

admin web前端 暂无评论 1,914 浏览

一般产品列表页都是白底的产品图片，有时觉得白底的不好，想换成灰色或者其它淡色的底，是否需要重新处理图片，其实不用的，我们可以用css 的混合属性来让白底的图片成透明显示，这样我们在图片底下定义任意背景色，就相当于图片换了背景色，而不用在Photoshop里换背景。由于是css定义的，基本上也不会影响性能。

mix-blend-mode: multiply正底叠底

在photoshop里正底叠底是去掉白色的，同样在css里，我们通过对img进行正底叠底就可以去掉图片的白色底，这样图片就透明了。

所以有一些电商平台图片做成白底是有原因的，他们可能要在某处想实现图片背景改色。

…

Read more

HTML5 拖放元素到屏幕上的任意位置

admin web前端 暂无评论 681 浏览

拖放不会移动元素，如果您希望元素在放置时移动，则必须在放置事件中设置元素的新位置。我做了一个适用于 Firefox 和 Chrome 的示例，以下是要点：

function drag_start(event) {
    var style = window.getComputedStyle(event.target, null);
    event.dataTransfer.setData("text/plain",
    (parseInt(style.getPropertyValue("left"),10) - event.clientX) + ',' + (parseInt(style.getPropertyValue("top"),10
…
Read more

服务器日常维护内容有哪些 如何正确维护服务器

admin 个人日志 暂无评论 306 浏览
摘要：维护服务器的目的是为了让服务器的性能保持最佳状态，发现问题及时解决，没有问题也可以对相关的应用和配置进行调优。服务器日常维护内容包括硬件维护和软件维护，维护服务器时，首先要做好安全检测，进行数据备份，然后做好系统优化和独立服务器性能优化，接下来就和小编一起来看看吧。

服务器日常维护内容有哪些

1、硬件维护

硬件维护就是指对服务器的硬件进行检测、更换、升级，最常见的是升级CPU、内存和增加磁盘。其中磁盘扩容是最常见的，因为服务运行的时间越长，产生的数据量就越大，就需要用更多的磁盘来储存。

2、软件维护

（1）操作系统升级

服务器和PC没有本质区别，也运行着基本的操作系统，因此需要升级各种补丁来保护系统安全，规避可能能系统错误。

（2）软件维护

软件即指服务器上运行的各种软件，由于服务器提供的服务往往都在增加，因此提供服务的软件也需要升级，修复BUG，甚至重新编写。

（3）数据维护

数据是服务器的核心，所以做好数据备份是一个经常性的工作。

（4）安全维护

系统往往会存在还没有发现的安全漏洞，通过检查数据库、系统的运行日志，甄别攻击行为，并进行防范。及时更新系统的补丁，防止黑客或病毒利用漏洞对服务器进行攻击。

（5）日志检查

对系统审核日志，进行检查，看是否有异常的访问，可以利用软件来进行审计或设置好系统自带的审核日志。

（6）服务器资源检查

资源包括硬盘、cpu、内存、带宽负载情况进行查看，要更具网站的访问量提前把资源配置好。

如何正确维护服务器

1、安全检测

服务器关系到线上所有的重要信息，十分重要，日常安全检测必不可少。具体的检测内容包括以下几个方面：检查服务器启动项是不是正常，重点查看系统目录和重要的应用程序权限是不是有更改；检查服务器状态，打开服务器进程管理器，查看具体的CPU使用情况及任务进程是否有异常；查看服务器端口使用情况，看看是否有未使用端口，及时关闭防止黑客利用；检查系统服务应用，查看已启动的服务是否有异常。另外，可以进行周期检查相关日志，安全策略及系统文件。

2、数据备份

独立服务器日常维护备份数据是必须要更新的。建立周期将系统数据每月备份一次，应用程序数据两周单独备份一次，并确保数据安全后最好能够转储一份，这样即使出现数据损失也能够及时恢复数据。这种备份基本上采用的是全备份，因此在备份数据上可以只保留上次备份数据和此次备份数据即可。

3、系统优化

独立服务器运行久了，会产生很多系统文件，可以卸载一些不用的程序组件，释放独立服务器的空间；删除一些自启动的程序，减少读取时间，从而提升服务器的响应速度，优化内存。

4、独立服务器性能优化

调整服务器缓存策略，对访问流量进行适当的策略限制，比如站点带宽限制，保持http的连接，起用http压缩等。独立服务器性能优化一般周期性或特殊时间段维护较为常见。

申明：以上方法源于程序系统索引或网民分享提供，仅供您参考使用，不代表本网站的研究观点，证明有效，请注意甄别内容来源的真实性和权威性。

 

…
Read more

HTTP/2 与 HTTP/3：比较

admin 概念 暂无评论 601 浏览

HTTP（超文本传输​​协议）是万维网所基于的应用层传输协议。最初在 80 年代后期构思为基于单行文本的协议，最初记录为HTTP/0.9，其第一个全功能迭代（v. 1.0）于 1996 年在RFC 1945中记录。

随着互联网的使用和期望的增长，改进 HTTP 本身的需求也在增长。1.1 版在 1997 年的RFC 2068和 1999 年的RFC 2616中记录，随后在 2014 年的 RFC (7230-7235) 中记录了 — 整整十年半之后！— 记录消息语法/路由；语义/内容；条件和范围请求；缓存；和认证。…

            
Read more

Ruby 动态类型编程语言

admin 编程 暂无评论 250 浏览

Ruby 是一种跨平台、面向对象的动态类型编程语言。Ruby 体现了表达的一致性和简单性，它不仅是一门编程语言，更是表达想法的一种简练方式。

Ruby 的作者于 1993 年 2 月 24 日开始编辑 Ruby，直至 1995 年 12 月才正式公开发布于 fj（新聞群組）。之所以称为 Ruby，是因为 Perl 的发音与 6 月的诞生石 pearl（珍珠）相同，因此 Ruby 以 7 月的诞生石 ruby（红宝石）命名。

Ruby 明显比其他类似的编程語言（如 Perl 或 Python）年轻，又因为 Ruby 是日本人发明的，所以早期的非日文资料和程式都比较貧乏，所以现在在网上仍然可以找到 Ruby 的资料太少之类的批评。约于 2000 年，Ruby

…
Read more