摘要：
1. 数值分割符 _ ES2021 引入了数值分割符 _，在数值组之间提供分隔，使一个长数值读起来更容易。Chrome 已经提供了对数值分割符的支持，可以在浏览器里试起来。 let number = 100_0000_0000_0000 // 0太多了不用数值分割符眼睛看花了 console.log 阅读全文
摘要：
创建画布 <canvas> 是一个双标签，我们可以通过标签中的 width 和 height 属性来定义画布的大小，这样就会在页面中创建一个隐藏的画布，如果要实际看到这个画布，可任意通过 style 属性为画布添加边框。 示例： 例如定义一个宽高都为 200px ，边框为 2px、实线、黑色的画布： 阅读全文
摘要：
通过查询各种资料，找到了一种解决方法（肯定还有其他方式……），就是：首先获取已经选择的选项下标，下标通常是从0开始，这里就不多赘述了，学过变成的小伙伴肯定都知道，获取下标后还没有完成，我们需要根据下标获取该下标对应选项中的value值，正如以下代码所示： <!DOCTYPE html><html> 阅读全文
摘要：
网站设计与架设基本面 在基本面中，将讨论网站架设目旳、目标以及受众等三个相互呼应的思考要点，并透过小黑的故事作为案例说明。 要点一：网站目的对于网站设计与架设而言，应该要厘清主要目的及次要目的，而要厘清目的，就需要先厘清网站在整个商业模式中的定位。一般来说，网站是企业在数位世界的名片，也是与目标受众 阅读全文
摘要：
一个元素的尺寸和位置经常受其包含块(containing block)的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。在本文中，我们来过一遍确定包含块的所有因素。 当一个客户端代理（比如说浏览器）展示一个文档的时候，对于每一个元素，它都产生了一个盒子。每一个盒子都 阅读全文
摘要：
最近因为写一个js函数，需要用到$(window).height(); 由于手写demo的时候，过于自信，其实对前端方面的认识也不够体系，用文本文件直接敲出来的html代码，第一行没有加上<!DOCTYPE html> 导致了$(window).height();的结果直接是整个document的高 阅读全文
摘要：
什么是Page Speed Page Speed是将内容完全加载到网页上所花费的时间。 对于任何给定的用户来说，页面缓慢的原因可能有很多，你的用户可能正在火车上，通过信号弱的隧道，或者他们的互联网速度很慢。 通过遵循最佳实践，我们至少可以通过确保我们已经做了最好的工作来缓解问题。 现在你知道它是什么 阅读全文
摘要：
一、UI实现 <div className={less.detection}> <input className={less.input} placeholder="请输入图片URL" onChange={(e) => this.inputOnChange(e)} /> <button type=" 阅读全文
摘要：
一、SQL注入 所谓SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的 阅读全文
摘要：
第一条：打字越少越好 如果我们键入的东西越少，那么就有越多的时间去思考代码逻辑等问题。如下所示，「Good」表示遵循该规则的示例，Bad 表示没遵循该规则的示例。 第二条：变量/函数混合命名风格 我们需要混合命名方法与变量，这样才能体现命名的多样性。 第三条：不要写注释 反正代码都看得懂，为什么要写 阅读全文