随笔分类 - javascript
摘要：
随着互联网技术的迅速发展，用户对网页的加载速度和交互体验有了更高的期待。作为开发者，我们常常需要在服务器端渲染（SSR）与客户端渲染（CSR）之间做出选择。这两种渲染方式各有特点，适用于不同的场景和需求。今天，就让我们一起来探索SSR和CSR的世界，帮助你为你的应用选择最合适的渲染策略。 什么是渲染
阅读全文
随着互联网技术的迅速发展，用户对网页的加载速度和交互体验有了更高的期待。作为开发者，我们常常需要在服务器端渲染（SSR）与客户端渲染（CSR）之间做出选择。这两种渲染方式各有特点，适用于不同的场景和需求。今天，就让我们一起来探索SSR和CSR的世界，帮助你为你的应用选择最合适的渲染策略。 什么是渲染
阅读全文
摘要：相信对于前端同学而言，我们去开发一个自己的简单后端程序可以借助很多的nodeJs的框架去进行快速搭建，但是从前端面向后端之后，我们会在很多方面会稍显的有些陌生，比如性能分析，性能测试，内存管理，内存查看，使用C++插件，子进程，多线程，Cluster模块，进程守护管理等等NodeJs后端的知识，在这
阅读全文
摘要：在一个企业中，我们要如何去了解用户呢？最直接有效的方式就是了解用户的行为，了解用户在网站中做了什么，呆了多久。而如何去实现这一操作，这就涉及到我们前端的埋点了。 埋点方式 在聊如何进行埋点前，我们先介绍下什么是埋点？ 所谓'埋点'是数据采集领域（尤其是用户行为数据采集领域）的术语，指的是针对特定用户
阅读全文
摘要：单点登录是什么？你是怎么理解的？单点登录是如何实现的 普通登录 提到单点登录，首先可以想到传统登录，通过登录页面根据用户名查询用户信息，判断密码是否正确，正确则将用户信息写到session，访问的时候通过从session中获取用户信息，判断是否已登录，登录则允许访问。 普通登录的缺点 由于sessi
阅读全文
摘要：页面引导功能是 web 开发中常见的一个功能。通过页面引导功能，你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js 实现的页面引导库，上手非常简单，体积在 gzip 压缩下仅仅 5kb。 我们来看下如何使用 driv
阅读全文
摘要：| 当谈到异步编程时，async/await是JavaScript中常用的功能之一。下面是10个常用的await和async函数示例，以及对它们的代码用途的解析： 1.异步获取数据 async function fetchData() { const response = await fetch('
阅读全文
摘要：众所周知，JavaScript 中的闭包（Closures）一定是这种语言最可怕的特性之一，即使是无所不知的 ChatGPT 也是这样说的。另外它可能也是最隐蔽的语言特性之一，我们在编写 React 代码时经常会用到它，但是大多数时候我们甚至没有意识到这一点。但是，我们终究还是离不开它：如果我们想编
阅读全文
摘要：在项目开发中遇到一个需求： 1：用鼠标滚轮可对图片进行缩放处理 2：点击按钮可对图片进行缩放处理 3：可对图片进行拖拽处理 我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用 <template> <div ref="imgWrap" class="wrap" @mousewheel.p
阅读全文
摘要：前言随着智能手机、平板电脑等触控设备的普及，交互方式也发生了改变。相对于使用鼠标和键盘进行交互的电脑，触控设备可以直接使用手指进行交互，而且基本上都支持多点触控。多点触控最常见的操作莫过于双指缩放了。比如双指缩放网页大小、朋友圈双指缩放图片进行查看。那么如此常见的手势操作，你有没有想过它是如何实现的
阅读全文
摘要：前言 Signalr 即时消息发布到服务器后发现链接老是自动断开，导致无法发送广播后面百度搜了一下，signalr有个超时的机制 解决办法（js） //链接到自己的hub var connection = new signalR.HubConnectionBuilder().withUrl("/Si
阅读全文
摘要：实时流 海康： rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream 说明：username: 用户名。例如admin。password: 密码。例如12345。ip: 为设备IP。例如 192.
阅读全文
摘要：提起控制并发，大家应该不陌生，我们可以先来看看多并发，再去聊聊为什么要去控制它 多并发一般是指多个异步操作同时进行，而运行的环境中资源是有限的，短时间内过多的并发，会对所运行的环境造成很大的压力，比如前端的浏览器，后端的服务器，常见的多并发操作有： 前端的多个接口同时请求 前端多条数据异步处理 No
阅读全文
摘要：.Net core 中的SignalR JavaScript客户端已经不需要依赖Jquery了 一、服务端 1、nuget安装 Microsoft.AspNetCore.SignalR2、在startup.cs中注册和使用signalr services.AddSignalR(); app.UseE
阅读全文
摘要：signalr断开连接后重新连接 产品需求连接signalr 不稳定，连着连着就断了，场面十分尴尬，导致产品经理现场被批！！（内心无比高兴 ） 分析得出问题现象： 服务器因某些特殊原因，导致服务停止一段时间后；当服务端重启后，Signalr连接的客户端未能自动连接到服务上。 一、signalr引入
阅读全文
摘要：开发过程中遇到结构复杂的取值时，结构赋值方便了很多 结构赋值是什么：（1）认识解构赋值：传统的通过数组的下标来获取数组中的元素： const arr = [1, 2, 3]; const a = arr[0]; const b = arr[1]; const c = arr[2]; console.
阅读全文
摘要：Javascript中的逗号 逗号运算符是二元运算符，它能够先执行运算符左侧的操作数，然后再执行右侧的操作数，最后返回右侧操作数的值。 逗号表达式： 一般形式：表达式1，表达式2，表达式3，......表达式n 求解过程：先计算表达式1的值，再计算表达式2的值，......一直计算到表达式n的值。最
阅读全文
摘要：//查找数组中符合条件的元素 Array.prototype.where = function (condition) { var ret = []; for (var i = 0; i < this.length; i++) { if (condition(this[i])) { ret.push
阅读全文
摘要：
前言💁♂️ 相信大家或多或少都接触过拥有庞大 if else 的项目代码吧，多重嵌套的 if else 在维护的时候真的让人很恼火😡，有时候一个 bug 排查下来，严重感觉身体被掏空😿。 本文并未有消灭或歧视 if else的意思，if else 的好用都知道，这里只是在某些特定场景为大家额
阅读全文
前言💁♂️ 相信大家或多或少都接触过拥有庞大 if else 的项目代码吧，多重嵌套的 if else 在维护的时候真的让人很恼火😡，有时候一个 bug 排查下来，严重感觉身体被掏空😿。 本文并未有消灭或歧视 if else的意思，if else 的好用都知道，这里只是在某些特定场景为大家额
阅读全文
摘要：一、介绍 fetch 提供了一个获取资源的接口 (包括跨域)。 fetch 的核心主要包括：Request , Response , Header , Body 利用了请求的异步特性 它是基于 promise 的 1.作用：fetch这个API, 是专门用来发起Ajax请求的； fetch('/ur
阅读全文
摘要：前言 日常开发中，面对各种不同的需求，我们经常会用到以前开发过的一些工具函数，把这些工具函数收集起来，将大大提高我们的开发效率。 1、校验数据类型 export const typeOf = function(obj) { return Object.prototype.toString.call(
阅读全文
浙公网安备 33010602011771号