腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端LeBron

专栏作者

24

文章

22589

阅读量

13

订阅数

JavaScript 设计模式 —— 发布订阅模式

vue.js javascript 编程算法网站

发布 — 订阅模式，它定义程序对象之间一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖它的对象都将得到通知并执行相应操作。在日常生活中，常见的发布订阅模式有：订阅号，用户关注订阅号，内容创作者在平台发布内容后，平台遍历粉丝列表进行内容推送；销售中介，客户给销售人员留下了客户信息及联系方式，在新产品推出时，挨个给客户打电话进行推销，等等... 而发布订阅模式，一般由三类对象组成：

2022-11-21

5690

JavaScript 设计模式 —— 代理模式

缓存网站 javascript

Emm...最近绩效评估季，绩效总结、360 评估，要写的东西比较多嚯，耽搁了一段时间

2022-11-21

4390

JavaScript 设计模式 —— 策略模式

编程算法 javascript 负载均衡负载均衡缓存

很快，迎来了 JavaScript 设计模式系列的第二篇 —— 策略模式 ... 📷 什么是策略模式策略模式定义：定义一系列算法，把它们一个个封装起来，并且使它们可以相互替换策略模式一般由两部分组成：封装不同策略的策略组（使得代码复用性、可扩展、可维护性提高，避免大量 CV 代码的情况） Context（委托算法，执行策略）什么时候使用策略模式？策略模式广泛应用于程序研发中，当出现需要根据不同的前置条件执行不同的算法得到结果时，使用策略模式可以让你的代码更加优雅怎么？不信？那就上点代码让你

2022-11-21

3760

JavaScript 设计模式 —— 单例模式

java 网站 jquery

从事开发岗位也有一年多的时间了，见识过陈年老项目，也从零到一搭建过一个项目。随着项目和业务的不断扩张，写下的代码如果没有进行设计，就渐渐变成了 emm ... x 山，怎么写都不对劲，过段时间就想着重构。

2022-11-21

3610

NodeJS之加解密Crypto

数据加密服务专用宿主机编程算法

就算原文件是纯英文内容，编码后内容也和原文完全不一样，普通人难以阅读但由于只有16个字符，听说一些程序员大牛能够记下他们的映射关系，从而达到读hex编码和读原文一样的效果。另外，数据在经过hex编码后，空间占用变成了原来的2倍。

2021-12-27

1.7K0

带你重新认识Node

npm node.js javascript 编程算法网站

Ryan Dahl也曾评估过使用C、Lua、Haskell、Ruby等语言作为备选实现，得出以下结论：

2021-12-08

6410

[面经分享] 收获多家大厂offer | 分享我的2022秋招经历

vue.js 缓存编程算法 http https

好久不见，我是LeBron，有段时间没写博客了。最近几个月的大部分精力都放在秋招上了，边实习边秋招还是挺吃力的，总算结果还是不错。

2021-12-08

9210

如何优雅地操作数据库？ORM了解一下

编程算法 npm sql 数据库面向对象编程

对象关系映射（Object Relational Mapping，简称ORM），是一种程序技术，实现面向对象编程语言中的内存对象与关系型数据库中的业务实体之间的关系映射。这样在我们操作数据库的时候，不再需要和复杂的SQL语句打交道，只需要简单地操作对象的属性和方法就可以直接实现对数据库中对应实体表的CRUD（增删改查）的操作。常见的ORM框架有Node.js 的TypeOrm、Sequlize，Java的Hibernate、Mybatis和Go的Gorm、GoRose等。

2021-12-08

1.7K0

[科普]ES6一些不常见的小知识

编程算法 javascript 数据结构 java 网络安全

写作不易，未经作者允许禁止以任何形式转载！ WeakMap 前置知识[深入浅出]JavaScript GC 垃圾回收机制什么是WeakMap？ WeakMap是key / value的组合，key只接受对象，不接受基本类型，value可以为任意类型。方法 set(key, value) 在WeakMap中设置一组关联对象，返回WeakMap对象 get(key) 返回key的关联对象，不存在时返回undefined has(key) 根据是否有key关联对象，放回一个Boolean值 delete(k

2021-12-08

3130

[探索]前端路由Router原理

渲染 react api php javascript

路由这个概念最早出现在后端，通过⽤户请求的url导航到具体的html⻚⾯。现在的前端路由不同于传统路由，它不需要服务器解析，⽽是可以通过hash函数或者history API来实现。在前端开发中，我们可以使⽤路由设置访问路径，并根据路径与组件的映射关系切换组件的显示，⽽这整个过程都是在同⼀个⻚⾯中实现的，不涉及⻚⾯间的跳转，这也就是我们常说的单⻚应⽤（spa）。

2021-12-08

2.6K0

[深入浅出LB]手把手带你实现一个负载均衡器

tcp/ip 负载均衡负载均衡缓存 php

负载均衡，含义就是根据一定算法将负载（工作任务）进行平衡，分摊到多个操作单元上运行、执行，常见的为Web服务器、企业核心应用服务器和其他主要任务服务器等，从而协同完成工作任务。负载均衡在原有的网络结构上提供了一种透明且有效的的方法扩展服务器和网络设备的带宽、加强网络数据处理能力、增加吞吐量、提高网络的可用性和灵活性，同时承受住更大的并发量级。

2021-12-08

1.5K0

[深入浅出]JavaScript GC 垃圾回收机制

原创不易，未经作者允许禁止转载！！为什么需要垃圾回收在C / C++中，跟踪内存的使用和管理内存对开发者来说是很大的负担 JavaScript是使用垃圾回收机制的语言，也就是说执行环境负责在代码执行时管理内存，帮开发者卸下了这个负担通过自动内存管理实现内存的分配和资源的回收基本思路很简单，确定哪个变量不会再被使用了，把它的内存空间释放这个过程是周期性的，意思是这个垃圾回收程序每隔一段时间就会运行一次像JS中的对象、字符串、对象的内存是不固定的，只有真正用到的时候才会动态分配内存这些内存需在不

2021-12-08

1K0

[打包优化]Webpack体积压缩

网站 http https 网络安全 webpack

原创不易，未经作者允许禁止转载！！前段时间和天诚学长（21届上岸TX的大佬）交流了一下他在Webpack CSS压缩遇到的坑，一时兴起总结了这篇Webpack体积压缩相关的知识，希望你读完能有所收获

2021-12-08

1.4K0

[分享]Webpack打包分析工具

webpack npm javascript 打包 analyzer

原创不易，未经作者允许禁止转载！！ Webpack打包分析分享时间和文件的分析工具，便于进行打包优化。打包的时间分析如果希望看到每一个Loader、每一个Plugin消耗的打包时间，可以借助于一个插件:speed-measure-webpack-plugin 注意:该插件在最新的webpack版本中存在一些兼容性的问题(和部分Plugin不兼容) 截止2021-3-10日，但是目前该插件还在维护，所以可以等待后续是否更新; 安装 npm i speed-measure-webpack-plugin

2021-12-08

9580

[打包优化]Webpack DLL

打包 webpack react javascript

原创不易，未经作者允许禁止转载！！认识DLL库什么是DLL DLL全称是动态链接库(Dynamic Link Library)，是为软件在Windows中实现共享函数库的一种实现方式; 那么webpack中也有内置DLL的功能，它指的是可以将可以共享，并且不经常改变的代码，抽取成一个共享的库; 这个库在之后编译的过程中，会被引入到其他项目的代码中，减少的打包的时间; DDL库的使用分为两步: 第一步:打包一个DLL库; 第二步:项目中引入DLL库 DLL打包 webpack内置DllPlugin帮助生

2021-12-08

1.6K0

[探索]Webpack DevServer和HMR原理

网站 webpack npm javascript vue.js

原创不易，未经作者允许禁止转载！！ Webpack-Dev-Server 为什么要搭建本地服务器目前开发的代码，为了运行需要有两个操作 npm run build编译通过live-server或者直接通过浏览器打开html文件，查看效果为了完成自动编译，webpack提供了几种可选的方式 Webpack watch mode Webpack-dev-server Webpack-dev-middleware Webpack Watch Mode webpack提供了watch模式在该模式下，web

2021-12-08

1.8K0

Webpack 模块化原理和SourceMap

打包 webpack es 编程算法网络安全

原创不易，未经作者允许禁止转载！！ Webpack模块化 Webpack打包的代码，允许我们使用各种各样的模块化，但是最常用的是CommonJS、ES Module。包括如下原理: CommonJS模块化实现原理; ES Module实现原理; CommonJS加载ES Module的原理; ES Module加载CommonJS的原理; CommonJS：打包前 const { dateFormat, priceFormat } = require('./js/format'); console.

2021-12-08

4880

Webpack Loader知识分享

http 单片机 css webpack javascript

原创不易，未经作者允许禁止转载！！认识Loader Loader可以用于对模块的源代码进行转换；在加载这个模块时，webpack其实并不知道如何对其进行加载，我们必须定制对应的loader来完成这个功能。 loader配置方式内联方式：import "css-loader!../css/index.css"; loader和文件路径用！分隔配置方式：webpack.config.js 配置方式表示的意思是在我们的webpack.config.js文件中写明配置信息 module.rules中允许我

2021-12-08

4910

Webpack Plugin知识分享

网站打包 webpack ssh node.js

原创不易，未经作者允许禁止转载！！认识Plugin Loader是用于特定的模块类型进行转换; Plugin可以用于执行更加广泛的任务，比如打包优化、资源管理、环境变量注入等; 常用Plugin CleanWebpackPlugin 每次修改了一些配置，重新打包时，都需要手动删除dist文件夹: 我们可以借助于一个插件来帮助我们完成，这个插件就是CleanWebpackPlugin; 安装： npm install clean-webpack-plugin --save 配置： const { Clea

2021-12-08

3800

[源码解读]一文读懂Vuex4源码

vue.js api 网络安全

写作不易，未经作者允许禁止以任何形式转载！ Vuex4 Vuex是在Vue中常用的状态管理库，在Vue3发布后，这个状态管理库也随之发出了适配Vue3的Vuex4 快速过Vuex3.x原理为什么每个组件都可以通过this.$store访问到store数据？在beforeCreate时，通过mixin的方式注入了store 为什么Vuex中的数据都是响应式的创建store的时候调用的是new Vue,创建了一个Vue实例，相当于借用了Vue的响应式。 mapXxxx是怎么获取到store中的数据和方法的

2021-12-08

6400

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态