前端开发

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

WebSocket WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。 现很多网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔...

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

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

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

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

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

官网地址： https://nodejs.org/,Node.js 是一个开源和跨平台的 JavaScript 运行时环境。它是几乎任何类型的项目的流行工具！ Node.js 在浏览器之外运行 Goo...

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

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

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

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

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

今天我们将研究pandas如何使用openpyxl引擎读取xlsx格式的Excel的数据，并考虑以面向过程的形式简单的自己实现一下。 截止目前本人所使用的pandas和openpyxl版本为： pan...

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

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

https://cn.ubuntu.com/download/desktop Ubuntu是一个以桌面应用为主的Linux操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu"一词。 ,http...

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

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

大家好，我是 CoderBin,在介绍BFC之前，需要先给大家介绍一下文档流。,我们常说的文档流其实分为 定位流、 浮动流、 普通流三种。,如果元素的属性 position 为 absolute ...

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

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

前言 2020年10月27日，Sass 官方团队正式宣布 Libsass 将弃用，以及基于它的 Node Sass 和 SassC，并且建议用户使用 Dart Sass。如果在vue脚手架搭建的项目中...

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

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

大家好，我是 CoderBin,面试官：“说说你对Node中的Stream的理解”,紧张的萌新：“好像是一种流？...”,面试官：“...”,······,又来到了面试官系列，本次讲解的是node中关...

(目录),上面的代码，就是最典型的例子。 其中 style 标签的内容，就是一个 CSS的代码。,,,,,CSS 是不区分大小写，但是我们开发时统一使用小写。,,这个类选择器，可以说是我们最常使用的一...

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

前言 在计算机程序的开发过程中，随着程序代码越写越多，在一个文件里代码就会越来越长，越来越不容易维护。 为了编写可维护的代码，我们把很多函数分组，分别放到不同的文件里，这样，每个文件包含的代码就相对较...

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

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

text-shadow ​​text-shadow​​是文字阴影，不支持inset关键字，也就是text-shadow只有外阴影，没有内阴影，不支持阴影扩展，最多支持3个数值，分别表示水平偏移、垂直偏...

原子样式虽好，在IDE中使用，有扩展辅助就更好。本文介绍如何开发微信开发者工具的原子样式扩展，支持原子样式的自动生成，支持特色功能组合样式，支持特色功能样式使用统计报告。 1 研发背景 （1）集成可视...

redux redux严格按照flux思想实现的一套框架，实现了单一数据流向。 组成部分 redux由四部分组成 action 组件发布的消息 store 存储消息的 reducers 捕获actio...

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

一、背景 在实际开发过程中，有些时候我们可能会遇到这样的场景：我们定义接口给上游使用，不同的业务类型定义不同的子类型，实现该接口的某个函数，但是这些子类型会有很多公共的逻辑（公共的步骤）。 如果将这部...

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

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

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

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

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

基于CSS自定义网格已发布第一部分和第二部分，本文将开始第三部分探讨更多的奇特自定义形状，与之前的文章一样，核心还是基于CSS grid，clip 和 mask来自定义网格形状布局。,三部分文章不一定...

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

提及噪点效果，首先想到的就是以前的旧电视机信号不稳定时或者画面不稳定时的效果。如果你没有看过那种旧电视，可以看下面的gif动图，真实的情况噪点的变化速度会快很多，这里为了gif的大小，截取的时间较短供...

引言： 上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。如何使用Ant-design-vue中的 a-upload 上传组件进行图片或者视频的上传呢？ 正文： 1...

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

1. 适用情况 适用于使用Nginx进行部署的Web网站。 2. 技能要求 熟悉Nginx配置，能够Nginx进行部署，并能针对站点使用Nginx进行安全加固。 3. 前置条件 1、 根据站点开放端口...

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

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

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

文章目录 准备 keys * 等命令的危害与避免 不用keys * ，应该用什么 BigKey 阿里云Redis开发规范 多大算Big 危害 怎么产生的？ 怎么发现BigKey 怎么删除 String...

目前我们的函数只能过滤出数组中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倍，方便像素级别调整细节，裁...

不知不觉已经迈入2023年，今年是兔年，想到兔子就会联想到玉兔，中秋，胡萝卜，兔子不吃窝边草，这就越扯越远了，今天的主题是用纯CSS来实现各种不错的文字效果，文字则摘录古诗词中有关《兔》相关的诗词，让...

背景知识 颜色渐变设置：background: linear-gradient(direction, color-stop1, color-stop2, ...);指定背景图片大小：backgroun...

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 领域驱动设计 可以实现目标 如果你...

在前端开发过程中，常常遇到各种各样的问题和坑点。尤其是随着技术的不断发展和更新，新的问题也不断涌现。对于初学者而言，这些问题往往让人感到十分困惑和无助。因此，本文将旨在探讨一些前端开发过程中常见的问题...

,该文章对前端开发人员来说是一个非常有价值的资源。它提供了一个集中的位置，帮助开发人员发现和了解各种前端开发工具和资源。无论是初学者还是有经验的开发人员，都可以从这些列出的网站中受益。,首先是颜色。如...

近日，在WOT全球技术创新大会2023“大前端最佳实践”分论坛上，字节跳动前端架构工程师林宜丙分享了主题为“字节跳动的前端工程化实践”的演讲。,顾名思义，前端工程化就是在前端开发过程中采用一系列技术手...

苹果全球开发者大会（Apple Worldwide Developers Conference​，缩写：WWDC​）是苹果公司每年定期举办的信息技术交流活动，活动旨在向全球的软件设计师展示苹果公司最新...

​您可能已经知道，框架有两种类型——前端和后端。前端开发是关于使用 HTML、 CSS 和 JavaScript 开发网站的用户界面。前端开发使用户能够查看和与网站交互。,,另一方面，后端开发是关于构...

我们都知道，现在属于前端工程化时代，前端工程化对于我们前端开发来说，是非常重要的。 但是小庄觉得自己对于前端工程化 了解还 是不足的，还有很多需要学习的地方。,故这一节，小庄打算就来带大家一起好好认识...

分享一下平常开发经常出现问题，增加代码质量的十个小点：,特别是网络请求或者其他异步操作中，await​ 记得包裹 try catch​，可以给用户一个友好提示，同时可以考虑 catch 中需要做什么兜...

短视频无尽流是当下比较热门的一种业务场景，在日常生活中随处可见。本文基于对家装家居内容短视频无尽流的开发实践，总结出了一套适应于该场景及衍生场景的前端开发指南，通过阅读本文可以快速了解短视频无尽流的前...

谷歌赋能开发者高效开发,通过提供简单易用且相互协同的开发工具,助力开发者轻松快速的完成开发工作,专注于构建用户喜爱的产品, ,一起来看看有哪些“事半功倍”的工具,能够为开发者带来更好的前端开发体验, ...

经常会有人问学习Web前端开发到底该用哪个软件写代码比较好呢？针对前端开发编辑器的选择，每个人都有自己的想法，有的比较看重交互友好的，有的看重界面好看的，有的觉得无所谓，只要不让我掏钱就好。今天在这里...

Web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员，好用的软件工具可以帮助他们更好的工作。下面为大家介绍一些常用的web前端开发工具，和小编一...

,用于前端开发的 React 或 Angular，长期以来一直是大众关注的话题。关于两者中哪一个更好的辩论是两个技术堆栈的永无止境的战场。在这篇博文中，我们将告诉您两种技术堆栈中的哪一种更适合您的前端...

在今年《2022 前端开发者现状报告》中显示， 84% 受访者表示使用过 TypeScript，可见这门语言已被越来越多的前端开发者所接受。他们表示，TypeScript 让 Web 开发变得轻松...

本文分享自华为云社区《 “2022前端开发者现状报告”解读 》，作者：华为云PaaS服务小智。,本次调研对象的覆盖面以及样本量都比较可观——超过120个国家（或地区）、3700+的前端开发者参与了调研...

,因为工作原因，我们先前发过许多 Linux 相关的文章。今天是周末，恰好刚刚又参与一些涉及前端开发的项目，所以我们今天找到其中一个关于页面居中的点，来跟大家聊一聊。,关于这个问题，在许多前端大佬看来...

​软件开发与设计公司 The Software House 就 2022 年的前端市场状态进行了一次调查，该调查基于全球 125 个国家 / 地区超 3700 名前端开发专业人士所提供的数据；并邀请了...

很多前端开发人员喜欢使用各种UI框架，比如bootstrap，material UI，tailwindcss等，他们希望这可以节省他们大量的时间，然而，现实却并非如此。,很多时候，人们会问我，或者让我...