javascript

本篇会将谈谈函数编程中一个很重要的细节 —— “副作用”。 ​ 维基上关于副作用的解释： 函数内部有隐式（Implicit）的数据流，这种情况叫做副作用（Side Effect）。 咱们前文也提到过...

闲言少叙，直接开冲！ 先用 JS 原生写一个搜索功能： <input id="text"></input><script> var text = document...

前言 前面已经对防抖和节流有了介绍，这篇主要看lodash是如何将防抖和节流合并成一个函数的。 初衷是深入lodash，学习它内部的好代码并应用，同时也加深节流防抖的理解。这里会先从防抖开始一步步往后...

JavaScript奇淫技巧：密码保护的私密图片 JavaScript奇淫技巧：图片压缩、图片加密 本文将用JavaScript实现两个颇有技术含量的功能：图片压缩、图片加密。 最终效果：可实现将任意...

文章目录 组件间通信的概念 组件间通信解决了什么？ 组件间通信的分类 组件间通信的方案 props传递数据 $emit 触发自定义事件 ref EventBus $parent 或 $root $at...

async函数 async函数的返回值为 promise 对象，promise对象的结果由async函数执行的返回值决定。async函数能使得异步操作变得更加方便，简而言之就是 Generator 的...

前端性能优化里有图片的加载，有懒加载和预加载。那么什么是懒加载呢？ 懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 有的网站图片很多，而如果一上来就...

面试官：“说说你对Set、Map的理解”,紧张的萌新：“Set类似集合，Map是映射？...”,面试官：“...”,······,大家好，我是 CoderBin，又来到了面试官系列，本次总结了Java...

?What 什么是 pnpm？ 答：简单理解 pnpm 就是 npm、yarn 的同类竞争对手，是一款现代包管理器。 ?Why 那为什么要选 pnpm ，而不是 npm 或 yarn 呢？给出理由 答...

(目录),,Web api文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction...

之前我们提到了斗地主的最优秀的交互方案：《斗地主的手牌，如何布局？看25万粉游戏区UP主怎么说》。,具体交互如下：,PC端：,移动端：,今天，我们聊一下，如何用JS开发实现这种对用户体验友好的交互...

就在前不久，我们讲了创建对象的 3 种常见设计模式：工厂设计模式、构造函数设计模式、原型设计模式。这 3 种设计模式，真切时刻发生在我们日常编码生活中，蓦然回首，灯火阑珊处。 本篇带来另外一种设计模式...

Obsidian 是一款本地管理文件的笔记软件，通过双向链接的方法，把笔记关联起来，形成相互关联的知识网络。,,Flomo 是一款快捷记录闪念笔记的笔记软件。,,Obsidian to Flomo 是...

注解与反射 基础 什么是注解 Annotation注解 Annotation的作用：不是程序本身，可以对程序做出解释。可以被其他程序（比如 编译器等）读取 annotation的格式： 注解是以 ...

Redis（Remote Dictionary Server )，即远程字典服务，是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言...

前言 若问2023年科技领域什么最火，那当然是ChatGPT了，这么智能的对话机器人，给人带来无限的想象，围绕着ChatpGPT的各种热点和创意层出不穷。作为一个多年从事编程开发的程序员，我对于这么大...

我们经常会遇到这样的需求，在循环中使用异步请求，而 ES6 的 async/await 是我们让异步编程更简单的利剑。 本篇总结了 5 种在循环中使用 async/await 的方法（代码干货都能在浏...

ES7 引入 ​​async/await​​​ 允许开发人员编写看起来像同步的异步 JavaScript 代码。在当前的 JavaScript 版本中，还可以使用 ​​Promises​​，这些功能都...

https://sanic.dev/zh/ https://github.com/sanic-org/sanic,,,在我们开始之前，请确保您使用的是 Python3.7 或更高版本。目前已知可以使用...

Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行...

数组遍历操作 forEach 该方法等同于for循环，其没有返回值结构：arr.forEach(回调函数,回调函数this的值) 第二个参数当回调函数是箭头函数时无效 用法：arr.forEach(f...

大家好，我是 CoderBin。,几乎所有编程语言最基本的功能之一，就是能够储存变量当中的值，并且能在之后对这个值进行访问或修改。事实上，正是这种储存和访问变量的值的能力将状态带给了程序。,若没有了状...

今天分享一下，我们项目当中的一些​​webpack​​配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的，尤其像插件的配置，都是十分相似的。 我们现在开始进入今天的主题啦...

测试代码是确保代码稳定的第一步。能做到这一点的最佳方法之一就是使用 单元测试，确保应用程序中的每个较小的功能都按应有的方式运行——尤其是当应用程序接收到极端或无效输入，甚至可能有害的输入时。,进行单元...

文章目录 一、安装Java 二、安装 Logstash 1、下载Logstash 2、安装Logstash 二、使用Logstash 1、安装结果测试 2、测试文件启动 3、监控指定端口输入 4、从文...

作者：杨雷,基于项目中对柱状图使用的各种情况，Echarts提供的组件不太能满足业务记录设备历史数据的需求，对其研究会花费大量的时间，为了提高研发的速度，我这里对柱状图进行二次封装，以便满足业务需求...

今天前端生态里面，​​React​​、​​Angular​​和​​Vue​​三分天下。虽然这三个框架的定位各有不同，但是它们有一个核心的共同点，那就是提供了组件化的能力。​​W3C​​也有​​Web ...

如下示例，是使用VUE 打造的本地小说阅读网站 ​编辑 一、本地小说网站总体组织框架 1、所需的VUE库和elementLib以及JQ库 ​编辑 2、本地目录设计 编辑 编辑 藏书库下，是HTML...

前言 前面一篇文章​​Vue开发历程---音乐播放器​​，实现了播放音乐，以及基本的布局。但是进度条没有实现同步，本文即介绍进度条的实现。 一、效果图 二、心路历程 1、elementUI 滑块的使用...

我常常需要处理二进制数据，每次面对一堆二进制数据，需要自己逐个字节转换为二进制、十六进制，去阅读和理解，去排查问题。,举个例子：有一个场景是我的《我做了个《联机桌游合集: UNO+斗地主+五子棋》无需...

RedisTemplate操作Redis，这一篇文章就够了(一）StringRedisTemplate和RedisTemplate的区别（二）StringRedisTemplate的一个小案例（三） ...

今日介绍前端异常监控利器Sentry平台中用户行为记录的源码实现过程，为什么使用Sentry，可以看以前的文章【 前端异常监控平台对比】。,在日常排查问题过程中，用户的行为操作记录能给到我们很大的参考...

1、常用Linux命令 2、Linux下脚本编写3、windows下CMD常用命令 文章目录 一、目录操作 1、批量操作 二、文件操作 三、文件内容操作（查看日志，更改配置文件） 1、grep(检索文...

如果无法从 Angular 平台注入所需的正确全局值，则可以避免调用浏览器代码，只要不需要在服务器上访问该代码即可。 例如，全局窗口元素的调用通常是为了获取窗口大小或其他一些视觉方面。 但是，在服务器...

大家好，我是 CoderBin，本次总结了JavaScript中关于数组的一些常用操作，想学习其他方法或者深入学习这些方法的可点击前往 MDN-Array。,希望对大家有所帮助，谢谢！如果文中有不对...

效果如下图所示：我们实际上使用了 2D 来模拟 3D 效果。,,应用程序启动时，默认只绘制一个立方体，因此我们在初始绘制的函数里，只执行动态绘制 X 方向的立方体这一个逻辑。因为默认 X 方向的立方体...

大家好，我是 CoderBin，最近在做一个Vue项目，其中涉及到了头像图片上传。由于之前没做过图片上传功能，所以在实现这个功能时着实遇到了不少坑。本次打算将实现过程以博文的形式分享给大家。,实现过程...

什么是设计模式？为什么需要学习设计模式？ 学习设计模式的目的是：为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。 设计模式使代码编写真正工程化；设计模式是软件工程的基石脉络，如同大厦的结构一...

大家好，我是CoderBin,本文将给大家带来redux和react-redux的快速使用，以理论+代码+案例的形式教大家如何在react中去使用状态管理，以实现数据的高效通信,如果本文有不对、疑惑的...

本篇将着重介绍 函数的输入，它是 JS 轻量函数式编程的基础之基础，重要之重要！！！ ​ 偏函数 传参现状 我们经常会写出这样的代码： function ajax(url,data,callback...

至于平时开发为什么需要 mock 数据，应该大多数的同学都非常清楚了；如果前后端同步开发的话，少不了这一步，在需求评审，技术评估等流程通过后，前后端就会约定接口 api 的字段（但是在部分公司可能会少...

新系列《这些前端新技术你很难再忽视了》，包括：SolidJS、Svelte、Tauri、Bun、Schema等。每一个都引领前端技术演变趋势，很有必要了解。 咱们将采用 5W1H 分析法，即 What...

记录一下js中比较基础且重要的原型链 <!doctype html><html lang="en"><head> <meta chatset="UTF-8&g...

不知道大家平常用 Reduce 多不多，反正本瓜用的不多。但实际上，Reduce 能做的，比我们能想到的要多得多，本篇带来 10 个Reduce 常用场景和技巧，一定有你不知道~ 冲ヾ(◍°∇°◍)ﾉ...

在前面的文章，我们谈了基础之基础，重要之重要——“偏函数”，偏函数通过函数封装，实现了减少传参数量的目的，解决了手动指定实参的麻烦。 更具重要意义的是： 当函数只有一个形参时，我们能够比较容易地组合它...

theme: juejin highlight: gi 前言 ​​大家好，我是梁木由，一个有想头的前端，最近呢也在为明年跳槽做复习准备。但我有个朋友呢，打算在年前跳槽，这不这几天正在疯狂面试中，前两天...

前言 欢迎关注 『前端进阶圈』 公众号 ，一起探索学习前端技术...... 前端小菜鸡一枚，分享的文章纯属个人见解，若有不正确或可待讨论点可随意评论，与各位同学一起学习~ JavaScript 为什么...

前言 大家好 我是歌谣 在日常的学习生活中 我们会遇到各种各样的问题 今天在工作中就遇到了多个文件上传的时候会调用多次接口 感谢群友的帮助 想加入前端巅峰交流群可以私信我 原因 一开始不知道原因 后来...

上篇文章《用177行代码写个体验超好的五子棋》，我们一起用177行代码实现了一个本地对战的五子棋游戏。,现在，如果我们要做一个联机五子棋，怎么办呢？,首先，我们需要一个后端服务。2个不同的玩家，一起连...

作者：京东零售 刘跃明 Monitor概念 Java对象的内存布局 对象除了我们自定义的一些属性外，还有其它数据，在内存中可以分为三个区域：对象头、实例数据、对齐填充，这三个区域组成起来才是一个完整的...

1.config index.js下面的跨域代理设置： proxyTable: { '/api': { target: 'http://xxxx', //要访问的后端接口 changeOrigin...

前言 大家好 我是歌谣 我是一名坚持写博客四年的博主 最好的种树是十年前 其次是现在，今天继续对ant design table的分页封装进行讲解 封装准备（多看官网） jsx风格的api <...

前言 作为一名开发人员，大家会一直寻找可以帮助改进日常工作流程的解决方案，VS Code 市场中就有很多优秀的扩展插件程序。 正文 ​​一、GitLive​​ GitLive 是一个出色的扩展程序，它...

大家好，我是CoderBin，本次将深入解析JavaScript中ES6的Generator生成器，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正,Generator 函...

编译的四个阶段：预处理（扩展各个宏与文件）、编译（得到汇编代码）、汇编（得到机器码）、链接（得到可执行文件） , ,,实际使用中我们更习惯使用 gcc 指令编译 C 语言程序，用 g++ 指令编译 C...

前文梳理 第一篇 为什么要进行函数式编程？—— 一切只是为了代码更加可读！！ 开发人员喜欢【显式】输入输出而不是【隐式】输入输出，要明白何为显式，何为隐式！！ 一个函数如果可以接受或返回一个甚至多个函...

众所周时"position: sticky;"是粘性布局，相当于sticky与fixed的组合。但他的细节和妙用，未必人人皆知。所以记录下我这一周的学习总结，供大家参考使用。,position中目前有...

在这互联网高速发展的时代，人们对于网页打开的速度要求越来越高。加载时间过长，兼容处理不够全面等很容易造成用户流失。作为一名前端开发，优化用户体验是一件永无止境的事情，没有最优，只有更优。前端性能优化方...

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。 中文译版于 202...

微信小程序中很早就支持了蓝牙能力，看过不少的文档，知道大概的流程和能实现的效果，但是由于一直没有像样的实战项目导致也没有正经的开发上线过，本次缘于接到了一个外包项目，那就顺道记录一下开发的过程及遇到的...

在 class 出现之前，JavaScript 实现继承是件麻烦事，构造函数继承有加上原型上的函数不能复用的问题；原型链继承又存在引用值属性的修改不独立的问题；组合继承又存在两次调用构造函数的问题，寄...

前情回顾 我们在前篇 ​​《从历史讲起，JavaScript 基因里写着函数式编程》​​ 讲到了 JavaScript 的函数式基因最早可追溯到 1930 年的 lambda 运算，这个时间比第一台计...

JavaScript 不提供任何内存管理操作。相反，内存由 JavaScript VM 通过内存回收过程管理，该过程称为垃圾收集。 ​既然我们不能强制的垃圾回收，那我们怎么知道它能正常工作？我们对它又...

我们可以明显的感受到：JS 要实现面向对象（继承的能力），离不开这 3 种设计模式； 原型链 + 构造函数 = 组合继承 本篇带来一个新的继承方式：寄生继承，它由工厂模式和构造函数模式组成，即 工厂...

通过CSS制作的时钟大家肯定看到的多了，但是像下面这样的时钟是不是很少见，整个时钟是有很多个小的时钟组合而成，每秒通过多个时钟的动画来切换时间，不得不说这个设计是非常的炫酷且有特色。 ,看到这个动画效...

海上生明月，天涯共此时。又是一年中秋时，回想上一次赏月已是那遥远的童年时光，忙碌使我们忘却了假日应有的舒缓。今天在这假期即将开始的时候，让我们用代码来过个节。,今天的主题是基于threejs画出月球环...

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。 中文译版于 202...

我一开始是先在网上找这方面的文章发现目前的文章都不太适合我的需求，于是自己想办法封装了一个，在这里分享一下思路及代码。,创建RangeSearch.vue,以上这些是官方文档说明的我就不详细讲解了，主...

1. 回调函数 回调（callback）是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。 假定有两个函数f1和f2，f2等待f1的执行结果，f1()–>f2()；如果f1很...

大家好,最近比较忙,好久没有写文了,今天总结一下javascript进阶,希望可以帮到大家. 1-作用域 作用域分为全局作用域/局部作用域/块级作用域全局作用域在函数外定义的变量叫做全局变量,全局变量...

前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 ...

计时文字 前言 正文 一、XML样式 二、构造方法 三、API方法 四、使用 五、源码 前言 在Android开发中，常常会有计时的一些操作，例如收验证码的时候倒计时，秒表的计时等等，于是我就有了一个...

微服务架构进化论 单体应用阶段 (夫妻摊位) 在互联网发展的初期，用户数量少，一般网站的流量也很少，但硬 件成本较高。因此，一般的企业会将所有的功能都集成在一起开发 一个单体应用，然后将该单体应用部...

大家好，我是 CoderBin，本次整理了我学习react过程中的各部分的知识点，看完文本你将会学到,如果文中有不对、疑惑的地方，欢迎在评论区留言指正,想深入学习的可以点击前往 --> Reac...

​​localStorage​​​ 是前端本地存储的一种，其容量一般在 ​​5M-10M​​ 左右，用来缓存一些简单的数据基本够用，毕竟定位也不是大数据量的存储。 在某些场景下 ​​localStor...

本文分享自华为云社区《​​Flask框架：运用Ajax轮询动态绘图​​》，作者：LyShark。 Ajax是异步JavaScript和XML可用于前后端交互，在之前​​《Flask 框架：运用Ajax...

【前言】本博客系统的讲诉了Vuex的安装、搭建。以及Actions、Mutations、State、Getters的使用，为什么使用mapState、mapGetters以及一些细节的解释 Vuex...

在文章《​​浏览器视频帧操作方法 requestVideoFrameCallback() 简介​​》中介绍了基本的使用情况，本文来体验一下其使用过程，后续将增加一些酷炫的实例。 点击开始播放视频、暂停...

在我们的日常开发过程中会经常用到加密解密，数字签名，信息加密是前后端开发经常使用的技术。应用场景包括：用户登录，交易，信息通讯等。 今天分享一下AES加密解密方法，它是通过第三方类库CryptoJS来...

目前我们的函数只能过滤出数组中age属性小于18的对象， 我们希望过滤更加灵活： 比如：过滤数组中age大于18的对象 age大于60的对象 age大于n的对象 过滤数组中name为xxx的对象 过滤...

1.数组的学习 1.1利用new创建数组 1.2利用数组字面量来创建数组 必须用逗号进行分割 1.3追加数组元素 2. 函数的学习 2.1 函数的使用 声明函数+调用函数 所需要的东西都在script...

12、节点的复制 使用 cloneNode() 方法对节点进行复制时，它会复制节点的所有特点包括各种属性 这个方法默认只会复制当前节点，而不会复制节点的子节点 可以传递一个true作为参数，这样该方法...

大家好，金三银四马上也快到了，总听说行情不好，面试不好面，不过好像也没什么太大关系，该换新工作就换，只要准备充分还怕它什么行情不好。笔者呢最近也有想法所以再回顾JavaScript知识时，又看到了Ja...

前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 ...

我们前不久写过发布订阅模式： // 发布者 Publisherclass Pub { constructor() { this.deps = []; } addDep(dep) { this.deps...

引导语 众所周知，市面上有比如飞书会议、腾讯会议等实现视频会议功能的应用，而且随着这几年大环境的影响，远程协作办公越来越成为常态，关于视频会议的应用也会越来越多，且在远程办公的沟通协作中对沟通软件的使...

裁剪图片，一个超级常用的功能！,我个人非常喜欢Windows的「画图」工具。这款工具我小学二年级时非常喜欢玩。长大后，也对它爱不释手。因为「画图」占用内存非常小，可以放大8倍，方便像素级别调整细节，裁...

nodejs开发，使用es6标准的javascript代码，是否能进行代码混淆加密？ 回答是肯定的，能。使用JShaman就可以进行加密。 以import语法为例，用一个node小工程进行测试： 先准...

新系列《这些前端新技术你很难再忽视了》，包括：SolidJS、Svelte、Tauri、Bun、Schema等。每一个都引领前端技术演变趋势，很有必要了解。 咱们将采用 5W1H 分析法，即 What...

官网地址： https://openlayers.org/ 源码地址： https://github.com/openlayers/openlayers,,OpenLayers is a high-p...

我在 Fiori Admin 创建 Catalog 时遇到一个 问题：,错误消息如下：,错误截图：,,Chrome 开发者工具 console 面板里的错误消息： ,原因是没有生成 authoriza...

如果我们把数据比作“米”，数据库就是“米仓”。没错，从标准定义来讲，数据库就是按照数据结构来组织，存储和管理数据的仓库。 数据库的设计初衷？ 就像米多了要修建米仓一样，在操作系统出现之后，随着计算机应...

第一章DDD对我而言 还可以指引构建正确软件模型的方向。 领域驱动对团队人的要求较高： 具备深厚的业务能力（领域专家） 具备业务抽象能力； 具备技术抽象能力 DDD 领域驱动设计 可以实现目标 如果你...

数据获取是任何 React 应用程序的核心方面。对于 React 开发人员来说，了解不同的数据获取方法以及哪些用例最适合他们很重要。 但首先，让我们了解 JavaScript Promises。 简而...

使用HTML DOM，可以使用节点关系来导航"节点树"。 一、DOM 节点 在一个HTML文档都是一个节点，The entire document is a document node 每个HTML元...

在 JavaScript 中，对象是语言的基本组成部分，广泛用于表示数据结构。对象由保存值的属性组成。为了访问这些属性，JavaScript 提供了多种方法。在本文中，我们将探索5种不同的方式来访问 ...

在安卓应用中渲染HTML并实现分页，你可以使用WebView组件来加载和显示HTML内容，并结合JavaScript和CSS来实现分页效果。下面是一个简单的示例代码，演示如何在安卓应用中实现HTML渲...

前言 一般来讲，电脑是不能直接运行我们的javascript代码的，它需要一个翻译程序将人类能够理解的编程语言 JavaScript，翻译成机器能够理解的机器语言。目前市面上有很多种 JavaScri...

TypeScript 已迅速成为像我这样的开发人员的首选语言，他们希望通过添加类型安全、更好的工具和改进的可维护性来改进 JavaScript 代码库。 随着语言的发展和成熟，TypeScript ...

译者 | 李睿 审校 | 重楼 在过去的Web应用信息系统开发中，用户认证是一个不可或缺的功能模块。用户认证功能包括用户注册和登录认证。在以往的开发方法中，用户认证功能模块实现的常见方式是使用电子邮件...