最近迁移服务器,将 PHP 升级到 8.0.10 之后,且关闭 PHP warning 报错,博客首页、文章页显示“有点尴尬诶!该页无法显示”。

一开始以为数据库导入有问题,文章没有导入。进入后台查看,文章虽然都还在,但查看文章具体页面,均是“有点尴尬诶!该页无法显示”。
恰好点开评论,遇到函数报错,无法打开评论管理界面,猜测是受 PHP 8。

回退到 PHP 7.4.23 之后,文章正常显示。
科技改变生活, 编程改变世界
最近迁移服务器,将 PHP 升级到 8.0.10 之后,且关闭 PHP warning 报错,博客首页、文章页显示“有点尴尬诶!该页无法显示”。
一开始以为数据库导入有问题,文章没有导入。进入后台查看,文章虽然都还在,但查看文章具体页面,均是“有点尴尬诶!该页无法显示”。
恰好点开评论,遇到函数报错,无法打开评论管理界面,猜测是受 PHP 8。
回退到 PHP 7.4.23 之后,文章正常显示。
CSS 属性 image-orientation 用来修正某些图片的预设方向。
当需要对图像原始状态进行操作时,这种自动修正会带来错误。尤其是在新版浏览器中该属性默认值从不生效(none)被改成了 from-image,此时导致在 Chrome v81 浏览器上处理一些带角度的图像时产出错误的信息。
/* 正确的默认值应该是0 */
image-orientation: 0deg /* 实际该值无效 */
image-orientation: none /* 实际该值生效,可以阻止浏览器自动旋转图像(disable html img auto rotation) */
/* 非 90 度的整数倍, 所以会被四舍五入到 0 度 */
image-orientation: 6.4deg
/* 相当于 270deg */
image-orientation: -90deg
/* 使用图片的 EXIF 数据 */
image-orientation: from-image
/* 旋转 90deg, 再水平翻转 */
image-orientation: 90deg flip
/* 不旋转, 只进行水平翻转 */
image-orientation: flip
/* 继承 */
image-orientation: inherit
该属性还未进入标准文档,在未来版本的浏览器中该功能的语法和行为可能随之改变。
蜜源APP这款神器搜集了很多淘宝天猫的优惠券,按照下面的步骤,有很大概率领取到大额优惠券(可能是渠道限制,在淘宝上不一定能找到):
这款软件注册时需要输入邀请码,我是别人推荐注册的。通过邀请码注册,可以免费升级永久vip,神奇-_-||。不通过邀请码,就不能注册。
一般只要不是特别小众的商品,基本上都会搜索到淘宝上的同一家店。当然不是每款商品都有优惠券。
(商品无关,纯举例)假设在淘宝上看到某款商品:
使用下来,这款APP不提供商品,但搜集了很多商品的优惠券。
蜜源 APP 注册有效邀请码 FBEMYW
除了领取优惠券,这款 APP 里还有大家发的购买攻略,尤其在电商平台做活动期间能够有效避免被坑。
也可以在蜜源里把商品分享给别人购买,这个还没试过。
JavaScript 浮点数神坑当属 0.1 + 0.2 == 0.3
为 false。
> 0.1 + 0.2 == 0.3 false > 0.1 + 0.2 0.30000000000000004 >
还有一些比较隐蔽的问题,比如 Math.round、Number.prototype.toFixed 也都不是能完全正常工作的。
> Math.round(1.105 * 100) 111 > Math.round(1.015 * 100) 101 > Math.round(1.025 * 100) 102 > 0.25.toFixed(1) '0.3' > 0.35.toFixed(1) '0.3'
Math.round、toFixed 计算出错主要因为浮点数不能精确表示。
在这里 0.35 和 1.015 的值都不准确,一个办法是转换成整数计算再除以对应的十百千;另一个办法是采用现有的 lib,比如 accounting。
> 1.015 * 100 101.49999999999999
代码运行环境
D:\node -v v8.1.0
ECMAScript 6 新增 const 和 let 命令,用来声明变量。
声明方式 | 变量提升 | 作用域 | 初始值 | 重复定义 |
const | 否 | 块级 | 需要 | 不允许 |
let | 否 | 块级 | 不需要 | 不允许 |
var | 是 | 函数级 | 不需要 | 允许 |
变量提升:const 和 let 必须先声明再使用,不支持变量提升
console.log(c1, l1, v1); // 报错 // Uncaught ReferenceError: c1 is not defined const c1 = 'c1'; let l1 = 'l1'; var v1 = 'v1';
作用域:const,let 支持块级作用域,有效避免变量覆盖
const c21 = 'c21'; let l21 = 'l21'; var v21 = 'v21'; if (0.1 + 0.2 != 0.3) { const c21 = 'c22'; let l21 = 'l22'; var v21 = 'v22'; console.log(c21, l21, v21); // 输出 c22 l22 v22 } console.log(c21, l21, v21); // 输出 c21 l21 v22
块级作用域,在外层不能直接访问内层变量
if (0.1 + 0.2 != 0.3) { const c22 = 'c22'; let l22 = 'l22'; var v22 = 'v22'; console.log(c22, l22, v22); // 输出 c22 l22 v22 } console.log(c22, l22, v22); // 报错 // Uncaught ReferenceError: c22 is not defined // 同样地, l22 is not defined
const 定义常量,该常量不能赋值,但该常量的属性可以赋值
const c231 = {}; const c232 = []; c231.name = 'seven'; c232.push(27); console.log(c231, c232); // 输出 {name: "seven"} [27] // 禁止给对象赋值,应该使用 Object.freeze const c233 = Object.freeze({}); const c234 = Object.freeze([]); c233.name = 'seven'; // 普通模式下不报错 // 严格模式下报错 // Uncaught TypeError: Cannot add property name, object is not extensible c234.push(27); // 普通模式下就会报错 // Uncaught TypeError: Cannot add property 0, object is not extensible console.log(c233, c234); // 输出 {} []
全局变量不再设置为顶层对象(window)的属性,有效避免全局变量污染
const c24 = 'c24'; let l24 = 'l24'; console.log(c24, l24); // 输出 c24 l24 console.log(window.c24, window.l24); // 输出 undefined undefined
符合预期的 for 循环
for (var i = 0; i != 3; i++) { setTimeout(function() { console.log(i); },10); } // 依次打印 3 3 3 for (let i = 0; i != 3; i++) { setTimeout(function() { console.log(i); },10); } // 依次打印,为啥呢 0 1 2
可以看到在 for 循环中使用 let 方式声明变量才是符合预期。
在 for 中每一次循环,let 都是重新声明变量,并且因为 JavaScript 引擎会记住上一次循环的值,初始化 i 时在上一轮的基础上计算。
可以看到在 for 循环中至少有两层作用域,看下面的例子更容易理解。
for (let i = 0; i != 3; i++) { let i = 'seven'; console.log(i); } console.log('eight'); // 依次打印 seven seven seven eight
初始值:const 声明的变量必须设置初始值,且不能重复赋值。
const c3 = 'c3'; let l3 = 'l3'; var v3 = 'v3'; console.log(c3, l3, v3); // 输出 c3 l3 v3 c3 = 2; // Uncaught TypeError: Assignment to constant variable l3 = 2; v3 = 2; console.log(c3, l3, v3); // 输出 c3 2 2 const c32; // 报错 // Uncaught SyntaxError: Missing initializer in const declaration
重复定义:const 和 let 不支持重复定义
const、let 缩小了变量作用域,完美避免变量污染;const 固定变量(即固定变量类型),对于弱类型 JavaScript 来说,可以明显提升性能。推荐在应用中使用 const、let 声明变量。