前端开发 JavaScript
刷新
day3-函数

博主头像 循环练习 1、打印100以内7的倍数 // 需要验证的是1-100之间的数字 循环计数器正好可以表示 // i初始值设置为1 正好可以表示出需要验证的数字 for (var i = 1; i <= 100; i++) { if (i % 7 == 0) { console.log(i) } } 2、 ...

nodemon学习（一）简介、安装、配置、使用

博主头像 简介 nodemon用来监视node.js应用程序中的任何更改并自动重启服务,非常适合用在开发环境中。以前，我们开发一个node后端服务时，每次更改文件，均需重启一下，服务才能生效。这使我们的开发效率降低了很多。nodemon的出现，可以随时监听文件的变更，自动重启服务，我们开发时只需关注代码即可， ...

浏览器跨 Tab 窗口通信原理及应用实践

博主头像 最近，相信大家一定被这么个动效给刷屏了： 以至于，基于这个效果的二次创作层出不穷，眼花缭乱。 基于跨窗口通信的弹弹球： 基于跨窗口通信的 Flippy Bird： 我也尝试制作了一个跨 Tab 窗口的 CSS 动画联动，效果如下： 代码不多，核心代码 200 行，感兴趣的可以戳这里：Github - ...

day2-JS基础&流程控制

博主头像 自增自减运算符 1、基本使用 内置提供 ++、--运算符 是用于将变量本身进行加1或者减1操作 // 1、基本使用 var i = 10; i++;//等价于语句 i+=1 console.log(i);//11 var m = 10; m--; console.log(m) 2、前置与后置的区别 ...

webpack4.0+简要

博主头像 一、webpack简介 webpack 是当下十分流行的一款静态模块打包工具，将JS、CSS、HTML、图片等各种静态资源视为一个个模块，通过一个或者多个入口文件通过解析依赖关系生成一个依赖图，最终打包成一个或者多个bundles，webpack本身只能打包JS文件，但是通过配置的loader和pl ...

x-data-spreadSheet中的styles配置文档

这里的styles指的是 Spreadsheet.getData() 这个函数给的数据对象中的styles变量的值 同时要注意，在使用Spreadsheet.loadData() 的时候，传入rows数据的时候如果在单元格中有styles变量，那么就必须一起传入styles 以下是styles元素中 ...

[JS] 事件总线

博主头像 事件总线是对发布-订阅模式的一种实现。 发布-订阅模式定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。 发布-订阅模式实现了松耦合，发布者不是直接将消息发送给订阅者，而是经过了一个中间的代理，事件总线就是一种中间代理的实现。 ...

Promise规范与原理解析

博主头像 Promise对象用于清晰的处理异步任务的完成，返回最终的结果值，本次分享主要介绍Promise的基本属性以及Promise内部的基础实现，能够帮我们更明确使用场景、更快速定位问题。 ...

全屏API及vue3 hook封装

博主头像 最近在一个大屏项目遇到一个需求：用户可以通过一个按钮，触发页面部分模块全屏。通过以下API可以实现： Element.requestFullscreen()方法用于发出异步请求使元素进入全屏模式。 且全屏状态变化会触发以下事件： fullscreenchange 事件会在浏览器进入或退出全屏模式后立 ...

es6 ...展开语法

博主头像 ES6中的...（展开）语法是一种可以将数组或对象展开为函数参数或数组字面量的语法。它通常用于函数调用或数组字面量的展开。 在函数调用中，...可以将一个数组展开为函数的参数列表。例如： js复制代码 function sum(a, b, c) { return a + b + c; } const ...

Node.js 万字教程

博主头像 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，使用了一个事件驱动、非阻塞式 I/O 模型，让 JavaScript 运行在服务端的开发平台。 ...

Reflect API：每个 JavaScript 开发人员都需要的瑞士军刀

博主头像 前言 您是否曾经希望拥有一个神奇的工具包，可以让您像超级英雄一样控制 JavaScript 对象？向ReflectAPI 打个招呼吧，它是 ES6 中引入的一个新的全局对象 ，它能够处理简单的代码操作。它是每个现代 JavaScript 开发人员都需要的瑞士军刀！ 本文的目标是帮助您更好地理解 ...

博客园美化教程指引[资料自取]

博主头像 博客园美化教程指引[资料自取] 前言 很久没有打开博客园了，最近打开发现博客园之前发布的可能有些小问题，不知道大家有没有，索性全部重新配置了，所以这是一个新的部署指引以及老版本的修复。 老版本修复 修改一下页脚这一段 替换之前的复制进去即可 footer: { style: 1, text: { l ...

什么是DOM?

概念 DOM(Document Object Model , 文档对象模型) ； 简单来说，浏览器会将整个网页看成一棵节点树；而Js语言需要通过一种动态的技术去操作这棵树，这种技术就是DOM 一张网页的树性结构 例如下面这张代码的网页 <!DOCTYPE html> <html lang="en"> ...

pnpm 管理依赖包是如何节省磁盘空间的？

博主头像 npm 存在的问题 我们经常使用 npm 来管理 node 项目中的包，从 package.json 中读取配置将依赖下载到本地，以保障项目的正常运行。 当项目数量多时，这样的包管理方式会非常的占用电脑内存。由于每个项目都有属于自己的依赖，每个项目都需要安装，即使 npm 会对依赖进行缓存，但是每个 ...

一个简易的SubScribe类

博主头像 SubScribe即发布订阅模式，在工作中有着广泛的应用，比如跨组件通信，微前端系统中跨子应用通信等等。 以下是一个简易的实现： 订阅 初始化时可限制类型 发布 限制类型是为了让订阅者和发布者知道预制了哪些类型，避免使用了一些对方不知道的类型。 type Subscriber<T> = (param ...

Webpack.devServer 配置项如何使用？附devServer完整示例

博主头像 前言: 我们在平常本地开发时，可能经常需要与后端进行联调，或者调用一些api，但是由于浏览器跨域的限制、开发与生产环境的差异、http与https等问题经常让联调的过程不够顺畅。所以本文介绍一下webpack的devServer中的proxy配置项。接下来让我们先看一下这个配置项的基本使用： 基本使 ...

JavaScript BOM对象

博主头像 一、window对象 顾名思义window是窗口的意思，也就是浏览器的窗口，所有浏览器都支持window对象，因此所有的JavaScript全局对象，函数，变量都是window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 子对象： 属性： 方法： 二、locatio ...

JavaScript事件

博主头像 JavaScript事件 键盘事件：keypress键盘事件，keyup抬起，keydown按下 文档：load加载 表单：focus获得焦点，blur失去焦点，submit提交事件，change改变事件 其他：scroll滚动事件，select start选择事件 1. event事件对象常见的属 ...

<1···678···26>