摘要：
创建画布 <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 表示没遵循该规则的示例。 第二条：变量/函数混合命名风格 我们需要混合命名方法与变量，这样才能体现命名的多样性。 第三条：不要写注释 反正代码都看得懂，为什么要写 阅读全文
摘要：
对具有多个返回值的函数使用数组解构 假设我们有一个返回多个值的函数。一种可能的实现是使用数组解构，如下所示： const func = () => { const a = 1; const b = 2; const c = 3; const d = 4; return [a,b,c,d]; } co 阅读全文
摘要：
这是我最近在 CodePen 上制作的 WebGL 演示案例。它可以捕获网络摄像头的数据（或在无法访问网络摄像头时，从 placekitten 获取备用图像），并将其实时转换为 ASCII 图像艺术。 为了获得更多的复古性，我使用了 90 年代 DOS PC 中常见的 8x8 像素光栅字体（您可能会 阅读全文
摘要：
阶段一、单机构建网站 网站的初期，我们经常会在单机上跑我们所有的程序和软件。此时我们使用一个容器，如tomcat、jetty、jboos，然后直接使用jsP/servlet技术，或者使用一些开源的框架如maven+spring+struct+hibernate、maven+spring+spring 阅读全文
摘要：
阶段一、单机构建网站 网站的初期，我们经常会在单机上跑我们所有的程序和软件。此时我们使用一个容器，如tomcat、jetty、jboos，然后直接使用jsP/servlet技术，或者使用一些开源的框架如maven+spring+struct+hibernate、maven+spring+spring 阅读全文
摘要：
1. 转义字符的写法。 在html标签中使用。 可以写多个，每有一个则会渲染出一个空格，不会像按多个空格键一样，最终只显示一个。 <div>1 2</div> // 1 2<div>1 2</div> // 1 2 注意：&和结尾的;都不能少 2.  ASCII编码的写法。 在h 阅读全文
摘要：
黑夜模式的实现方式 目前很多app，网页都支持黑夜模式，让网站看上去比较暗，亮度较低，这样对视力有一定的保护，更方便晚上阅读使用。这里就简单说下本网站的实现方式：网页右侧添加切换按钮，每次切换后都会存储cookie（需要注意切换时页面的闪烁），这样页面刷新，或者用户下次进来都会显示对应的模式。目前没 阅读全文