DJ Blog

如果我是DJ你会爱我吗?

大型网站技术架构演进历史

不谋全局者 不足以谋一域 不谋大势者 不足以谋一时

前言 時至今日,大型网站的架构演化方案已经非常成熟,各种技术方案也逐渐产品化,许多大型网站已经不需要再经历大型网站经历过的架构演化之路就可以逐步发展壮大, 因为现在越来越多的网站从建立之初就是搭建在大型网站提供的云计算服务基础至善,所需要的一切技术资源: 计算,存储,网络,都可以按需购买,先行收缩,不需要自己 一点一点的去拼凑各种资源,综合使用各种救赎方案逐步去完善自己的网站架...

pm2-代理服务

前言 有时候我们会使用守护进程保护我们的项目一直启动,可以使用pm2做进程守护。 发布程序时使用forever和PM2的区别 通过上图可以很清楚的看到pm2支持的功能更多,比如集群(Clustering)日志(Log aggregation )终端监控(Terminal monitoring )JSON configuration(JSON配置) 配置和集群配合使用 参考来源使用...

vue3和vue2对比

vue

一、vue2和vue3的区别 答案: 1、数据绑定原理不同 vue2:vue2的数据绑定是利用ES5的一个API:Object.definePropert() 对数据进行劫持,结合发布订阅模式的方式来实现的。 vue3:vue3中使用了ES6的Proxy API对数据代理。相比vue2.x,使用proxy的优势如下: defineProperty只能监听某个属性,不能对全对象监听 ...

公司项目中使用qiankun遇见的坑

如题

qiankun微前端框架,用于管理多个子应用在同一个主应用下的加载和运行。为了防止不同子应用之间的样式冲突,可以采取以下几种策略: ** 1. 常见的CSS 命名冲突:子应用使用相同的 CSS 类名可能导致样式冲突。 ** 解决方案:使用模块化的 CSS,命名空间避免全局样式冲突。 CSS 命名空间: - 为各个子应用添加独特的 CSS...

2022 面试题

如题

2022-08-07-每日一题答案.md 1、前端基础 1.1 HTTP/HTML 浏览器. 说一下 http 和 https tcp三次握手,一句话概括 TCP和UDP 的区别。 Websocket 的实现和应用 HTTP 请求的方式,HEAD 方式 -个图片 url 访间后直接下载怎样实现? 说一下 web Quality (无障碍) 几个很实用的 BOM 属性对象方法? 说一下 ...

每日一题答案

layout: post title: 每日一题答案 subtitle: 如题 date: 2022-08-02 author: hdj header-img: img/bgs/girl-3.jpg catalog: true categories : [手写] tags: - 手写 — Day1:请写出下面代码执行的的结果 cons...

每日一题答案

如题

##6. 代码输出结 Promise.resolve(1) .then(2) .then(Promise.resolve(3)) .then(console.log) 输出结果如下: 1 Promise {<fulfilled>: undefined} 可以拆解为 // 源码上 参数1 onFufilled 不为 func...

各种手写

如题

1.compose function compose(...fn){ if (!fn.length) return (v) => v; if (fn.length === 1) return fn[0]; return fn.reduce((total,current)=>{ return (args)=>...

JSBrigDge

JSBrigDge 原理

JSBridge 解决通信 JSBridge是Native代码与JS代码的通信桥梁。 其大致过程是: H5触发url scheme->Native捕获url scheme->原生分析,执行->原生调用h5 url scheme介绍 url scheme是一种类似于url的链接,是为了方便app直接互相调用设计的 具体为,可以用系统的OpenURI打开一个类似于ur...

防抖节流

JS防抖节流,实现及应用

防抖节流定义 防抖: 防抖是指在一定的时间内再次触发此事件,会清空上次的事件重新开始,如果制定的时间内没有再次触发,那么这个事件才会执行。 节流: 节流是指在一定的时间同一事件持续触发,在某个间隔内事件必触发一次。 例如一个10s内频繁触发的事件我们设置了1s的间隔,节流函数会执行10次,而防抖函数只会执行最后一次 使用场景: ...