函数原型链中的 apply，call 和 bind 方法是 JavaScript 中相当重要的概念，与 this 关键字密切相关，相当一部分人对它们的理解还是比较浅显，所谓js基础扎实，绕不开这些基础常用的...的执行结果 bind返回fun的拷贝，并指定了fun的this指向，保存了fun的参数。...关于js事件循环机制不理解的同学，可以看我这篇博客：Js 的事件循环(Event Loop)机制以及实例讲解 那么如何使他输出: 1,2,3,4,5呢？...箭头函数绑定this指向 箭头函数的this指向定义的时候外层第一个普通函数的this，在这里指的是class类：PageA 这块内容，可以看下我之前写的博客：详解箭头函数和普通函数的区别以及箭头函数的注意事项...划重点： 手写bind是大厂中的一个高频的面试题，如果面试的中高级前端，只是能说出它们的区别，用法并不能脱颖而出，理解要有足够的深度才能抱得offer归！
raw=true] JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解...有时候需要在两个对象之间共享属性，由于JS在设计之初没有类的概念，所以JS使用函数的prototype来处理这部分需要被共享的属性，通过函数的prototype来模拟类： 当创建一个函数时，JS会自动为函数添加...写操作）、Object.create(target)（生成操作）代替 构造函数是什么、它做了什么 出自《你不知道的在js》：在js中, 实际上并不存在所谓的'构造函数'，只有对于函数的'构造调用'。...`` 如果用以前的语法，从`newObj`查找`foo`的原型，是这样的： ```js newObj.proto.proto // 这种关系就是原型链 **可以用以下三句话来理解原型链**： 1....`instanceof `: 用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置 语法：`object instanceof constructor` ```js let test
本文编程笔记首发 在网站需要显示的页面添加上代码即可 <!
本文编程笔记首发 📷 <html> <head> <style type="text/css"> * {margin:0px; padiing:0px;} .l...
今天给大家分享一个用原生JS实现的好看计数器，效果如下： 以下是代码实现，欢迎大家复制粘贴和收藏。 原生JS...实现一个好看计数器 * { font-family: '微软雅黑', sans-serif; box-sizing
好看的按钮 .btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid...="this.className='btn1_mouseout'" title="好看的按钮">好看的按钮 <button class=btn1_mouseout...onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn1_mouseout'" DISABLED>好看的按钮... 好看的按钮 好看的按钮 好看的
好看的动态时钟,觉得挺好看的,可自行修改时间颜色,需要的可自行添加美化自己博客！...使用教程 下载JS文件上传至服务器根目录下 如果是wordpress,将下面代码复制至外观→小工具→自定义HTML文本中 像我这种typecho的或者其他的博客系统，自行放在合适的位置即可，颜色参考点我选择...canvas" style="width:100%;" height="250"><script src="https://web-static.q6q.cc/files/new/clock.<em>js</em>
prettier 的优势也很明显，它支持 HTML/JS/JSX/TS/JSON/CSS/SCSS/LESS/VUE 等主流文件格式。...你没法使用类似格式化html/css/js的方式来格式化vue格式的代码，像下面这样子的： { "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode.../xxx.js 当然，默认的配置规则是不符合我们的需求的，我们需要自定义配置规则。...toml格式的时候，后缀是必须的） prettier.config.js 或者 .prettierrc.js，需要返回一个对象 package.json 文件中加上"prettier"属性 每种文件的书写格式如下...{ts,js,css,json}' 我们一般使用这种方式的时候，就把这个配置文件写在项目根路径下，然后使用命令行一次性格式化项目下的所有文件。
但体验过 Node.js 的朋友往往发现，一旦编写代码并尝试运行，往往难以轻松处理深藏其中的问题。...众所周知，运行时错误往往很难重现，所以保持良好的日志记录习惯至关重要。 Node.js 调试中的环境变量 主机操作系统中的环境变量负责控制 Node.js 应用程序的具体设置。...中间件) pino signale storyboard tracer winston 使用 Node.js V8 检查器进行调试 Node.js 是围绕 V8 JS 引擎构建的打包器。...只要打开启动脚本（一般为 index.js），激活 Run and Debug 窗格，点击 Run and Debug Node.js 按钮，再选择相应的 Node.js 环境。...接入远程服务器上运行的应用 Remote - WSL: 接入运行在 Windows 上 Linux in WSL 中的应用 Node.js 的其他调试选项 参考 Node.js 调试指南：https:
Node.js的stream模块是有名的应用困难，更别说理解了。那现在可以告诉你，这些都不是问题了。...就像我们使用管道去和合并强大的Linux命令。在Node.js中，我们也可以做同样的事情。.... // A stream for the wc input grep.pipe(wc) Node.js的很多内置模块都实现了Stream接口 上面例子里面的Node.js对象列表包括了可读流和可写流...一切都是正确的吗？？ 那现在当我们启动server，看看内存监视器都发生了什么。 ? 现在访问这个服务器，看看内存的使用情况。 ? 内存占用立刻飙升到434.8 MB。...如果你想在server上使用fs.readFile,这在默认情况下是行不通的，除非你改了Node.js的默认缓冲区限制。
0919自我总结 常见的鼠标hover效果 展示效果:http://ianlunn.github.io/Hover/ 部分动画制作 <!...curl-bottom-left:hover:before { width: 15px; height: 15px; } --> 对于的效果都以备注...使用 拿pulse为例子 导入上述的方法 全是再样式中操作 @keyframes pulse { 25% { transform: scale(1.1); }...animation-name: pulse; #方法名称 animation-duration: 1s; #方法时间 animation-timing-function: linear; #从开头到结尾以相同的速度来播放动画...animation-iteration-count: infinite; #动画的次数 } 参考文档'https://www.w3school.com.cn/cssref/index.asp#
在上周的[[3.0 颜色选择]]当中，提到了几个用来选择颜色的工具。这里我们就对这些工具进行一下简单的介绍。...色轮 在这个色轮当中，可以基于自己的目的来选择合适的颜色。同时在工具的左侧有一个颜色选择的分类。我们可以先选择想要颜色的颜色分类。然后再转动色轮即可。 2....DESIGN SEEDS DESIGN SEEDS (https://www.design-seeds.com/) 是一个通过现实生活中的照片来提取的一些好看的配色。...在这个网站里面，一些好看的照片提取的配色。...在 COOLRS 可以生成随机的配色方案，同时也可以查看之前一些好看的配色方案 点击网页上的 Explore 可以查看一些定义好的配色方案 在每一个配色方案当中，可以查看具体的颜色代码。
网页安全色有216中，但支持颜色名称作为颜色值的只有16种，分别是aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive,...然而这16种Web自带的标准色看上去是极为「老土」的，几乎没有设计师愿意去使用，在这里为大家分享16 种更好看的 WEB 默认标准色：colors.css，颜色变好看了，而且已有写好的 CSS 样式文件...老的web标准色值： 通过以上两组对比，可以看出colors.css的颜色值更适合现时的 WEB UI 设计。 样式表中除了有文字颜色值外，还有已写好的背景色和边框色。...SVG 填充 SVG Strockes 网站中还有PS用的.aco和AI用的 .ase文件，喜欢的可以到官方网站上下载。...网站名称：Colors.css Related Posts 白嫖SSL证书部署（结合宝塔）SSL证书是数字证书的一种，类似于驾驶证、护照和营业执照的电子副本。
ubuntu linux用了很久，可是对终端下的字体一直不是很满意，今天终于找到了一些比较好看的终端字体，尤其是droid sans mono字体，简直爱死了，linux迷在ubuntu下一直用的就是这款字体...，很漂亮，极力推荐这几款漂亮的字体: 1.
本文告诉大家一个好用的网站，里面提供很多好看的图标。 本文介绍的网站是 Xamalot 里面有很多好看的图标。...例如我找到了一个好看的图标 我只需要点击下面的下载就可以了 推荐使用 Brush 的方式，或者直接 Canvas 的方式。...有大神说，显示图片的性能会比显示 Brush Path 好，但是显示图片需要关注dpi等，而且作为静态的资源，实际上 Brush 占用内存和图片是不能直接相比的。...3577c503-c4a3-477a-8204-e33f6739c196 这个图标 点击了 Brush 然后点击 Download XAML Brush as text 可以看到有很多代码，把他复制放在 Grid 的资源
本文告诉大家一个好用的网站，里面提供很多好看的图标。 本文介绍的网站是 Xamalot 里面有很多好看的图标。 例如我找到了一个好看的图标 ? 我只需要点击下面的下载就可以了 ?...推荐使用 Brush 的方式，或者直接 Canvas 的方式。...有大神说，显示图片的性能会比显示 Brush Path 好，但是显示图片需要关注dpi等，而且作为静态的资源，实际上 Brush 占用内存和图片是不能直接相比的。...3577c503-c4a3-477a-8204-e33f6739c196 这个图标 点击了 Brush 然后点击 Download XAML Brush as text 可以看到有很多代码，把他复制放在 Grid 的资源
这几年，很多工程师都开发了一些为了使 stream 更易用的包。而这篇文章将聚焦于官方的 Node.js streams 文档。 Stream 是 Node.js 中最好的但又最被大家所误解东西。...例如，我们在 Linux 命令行中可以通过管道（pipe）来完成一些组合性的命令，在 Node.js 的流中也能实现。...这篇文章是我 Pluralsight 课程中关于 Node.js 的部分内容。我在课程中还提供了相应的视频教程。...默认情况下，所有的可读流都是以暂停模式启动的，但是可以轻松切换为流动模式，然后在需要的时候切回暂停状态。有时候这个切换会自动执行。...Node.js 的内置变形金刚流 Node.js 内置了一些很有用的变形金刚流。点一下名，如 zlib 和 crypto。
简介 高考是每个学生都会经历的一次重要考试，它标志着一个人学业的结束和新的人生阶段的开始。为了庆祝高考的临近，我设计了一个令人兴奋和有趣的倒计时网页，旨在为学生们带来欢乐和动力。...视频展示 视频展示 图片展示 背景和设计 网页采用了黑色到深灰色的全屏背景渐变效果，为整个页面营造了一种庄重而神秘的氛围。这种色彩选择既代表了高考的严肃性，又给人一种期待和紧张的感觉。...当页面加载时，祝福语句会以淡入的方式出现，给学生们带来温暖和鼓励。这些祝福语句包含了一些常见的祝福和加油的话语，希望学生们能够保持积极的心态和高昂的士气。...学生们可以在输入框中输入他们希望考入的院校名称，然后点击计算按钮。网页会以幽默的方式告诉他们考入该院校的几率为100%！...通过清晰的倒计时时钟、祝福语句的出现和下雪背景效果，我希望能够为学生们营造一个积极向上的学习氛围，让他们在高考的日子里感到兴奋和自信。
效果看这里： 迷幻紫 西瓜红 天空之境 小宇宙 撖榄绿 小太阳 优雅紫 深邃黑 无边框 直接放在后台自定义css即可 #zm_mhz,#zm_xgh,#zm...
开始 效果图 📷 代码 html部分 <input type="text" name="id" requi...1.6K30
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
