付金廷-CSDN博客

付金廷

码龄5年

131,896

总访问量
103

原创
1,262,565

排名
190

粉丝

个人简介：应届菜狗

IP 属地：山东省

查看详细资料

个人成就

获得154次点赞
内容获得70次评论
获得295次收藏
代码片获得1,003次分享

TA的专栏

兴趣领域设置

数据结构与算法

排序算法推荐算法
大数据

mysql
前端

javascriptcssvue.jsreact.jses6webpack前端框架
后端

node.js
移动开发

flutterreact native
网络与通信

https
微软技术

typescript
测试

postman
运维

网络
网络空间安全

web安全安全架构
服务器

linux
学习和成长

面试

创作活动更多

2024 博客之星年度评选报名已开启

博主的专属年度盛宴，一年仅有一次！MAC mini、大疆无人机、华为手表等精美奖品等你来拿！

搜TA的内容

vue ssr源码快速解读与记录~

自研ssr框架

发布博客 2022.08.16 ·

某某公司CodeReview工具链

某某公司codereview工具链研发流程

发布博客 2022.06.23 ·

记录一次排查问题的经过——视频通话无法接起

全流程排查，迅速定位和解决

发布博客 2022.06.10 ·

实现一个webpack plugin代替jenkins的CD

背景去年的时候针对自己的线上项目搞过jenkins，但是jenkins一直获取不到github上的项目，加上自己的项目迭代比较慢(两个月一推代码)，平常的公司需求又比较多，所以就搁置了。这两天想起来这个事，又在复习webpack，突然想到我可不可以实现一个webpack plugin，在打包的时候上传webpack的产物到线上node服务上，然后node服务把产物写入服务器的指定文件夹，这样的话不也实现CD(持续部署)了吗，感觉理论上是可行的。目的1. 再次复习webpack plugins相关

发布博客 2022.05.19 ·

webpack devtool详解

前言devtool也是之前常用的一个配置，我们稍微了解下吧，不研究太深，毕竟现在都不怎配置他。内容devtool是配置sourceMap的。sourceMap大家都知道，我们本地或者测试环境出了错误，可以在source中迅速定位错误，用到的就是 .map (map文件)，这个文件中是源文件映射(主要是源文件代码)。但是我们在network中看不到.map文件的请求，盲猜一波是浏览器做了屏蔽，不让我们看这种请求。(毕竟是源码，我单独下载map文件是可以下载下来的)接下来，当devtool被配置为

发布博客 2022.04.02 ·

webpack4 分包(splitChunks)

前言用过webpack已经很久了，一直没有好好研究过分包，今天花点时间来好好研究下这个。优势打包优化：公共代码提取，体积变小用户体验优化：按需加载，下载更快，白屏更短过程module、chunk和bundle要研究分包，首先要分清这三个概念module: 模块，每个import 都是一个module模块chunk: 依赖链路模块，我的个人理解，因为从一开始的entry配的入口文件开始，随着递归寻找其他的依赖文件，最后把所有的依赖串起来，这就是一个chunk。但是我们可以拆分多个chu

发布博客 2022.04.02 ·

静态加载、动态加载、同步加载、异步加载

动态加载和静态加载指的是什么时候加载，动态加载是运行时加载（CommonJS），静态加载是编译(预编译)时加载（ES6）。当然es6也提供的动态加载，即import() 。动态加载：require() 、import()静态加载：import同步加载还是异步加载指的是加载的方式。静态加载中都是同步加载的。动态加载中CommonJS的require是同步的。而es6import()是异步的。同步加载：import 、 require()异步加载：import（）、 require(['xxx'

发布博客 2022.04.02 ·

最近webpack优化的一些总结

前言最近优化了一些webpack项目的构建体积与速度，结合公司做的一些默认配置，大部分应用打包速度已经快到飞起，在这记录一下自己和公司做的一些webpack优化。过程帮助我们分析的插件下载 webpack-bundle-analyzer 和 speed-measure-webpack-pluginnpm i webpack-bundle-analyzer speed-measure-webpack-pluginwebpack-bundle-analyzerwebpack-bundle-a

发布博客 2022.03.31 ·

对LRU算法的理解和应用场景

发布博客 2022.03.21 ·

自定义vue组件和自定义vue组件npm包

自定义组件 <div id="components-demo" style="margin-top:10px"> <button-counter></button-counter> </div>import Vue from 'vue';Vue.component('button-counter',{ template: '<button @click="count+=1">点击了{{count}}次</but

发布博客 2022.03.08 ·

记录一次排查问题的经过—微应用无法热更新

快速排查定位分析问题

发布博客 2022.03.05 ·

webpack配置不打包第三方包

最近看friday源码的时候，看到项目中很多依赖使用了公司cdn服务器获取，cdn的优势我们知道，但是项目在打包的时候不是会把所需的生产环境依赖打包进去嘛？原来webpack有个配置externals(帮助我们防止哪个包打进dist里面)。通常情况下我们不打包第三方包，因为第三方包太大，和bundle打包到一起会造成资源体积过大，所以我们还是通过script标签的方式把第三方资源引入到页面中，只需要通过以下配置即可，这里以jQuery为例。1、下载第三方包npm i jquery2、在页面中引入资

发布博客 2022.02.25 ·

改变词法作用域的eval和with

eval和with是一些源码(比如最近在看的friday)中常用的方法。evaljavascript中的eval函数可以接受一个字符串作为它的参数，并能将该参数作为代码进行执行，也就是说在你写代码的地方可以生成代码并运行，来看如下代码：var str="console.log(1)";eval(str); //1上面代码运行结果是控制台输出打印了1，而str只是一个字符串参数。看着好像是可以动态的生成代码了，我们再来看如下的代码:function foo(str,a){ eval(

发布博客 2022.02.25 ·

single-spa、乾坤、friday接入实战

前言最近开发的项目中有使用到微前端，微前端在我这分为两大类，iframe、single-spa系列，在这篇文章我会记录下微应用的 single-spa、乾坤的使用和一些理解，我们公司内部的friday没有开源，在这里就不记录了。...

发布博客 2022.02.12 ·

做一个视频通话给自己用吧

用webrtc做一个音视频通话

发布博客 2021.12.31 ·

:nth-of-type()不起作用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .test:nth-of-type(1) { background: pink; } </style></head>

发布博客 2021.12.20 ·

css3 grid栅格布局

前言说实话，长这么大还从没用过栅格布局，都是在各个css面试题上了解，今天来系统的学习一下。知识点.father { display: grid; /* display: inline-grid; */ border: 1px solid #000; width: 1000px; height: 600px; /* grid-template-col

发布博客 2021.12.07 ·

node服务器支持https请求

node服务器支持https请求水文一篇前段时间给自己的域名接入了https，但是前端向后端发起请求的时候报了这么一个错误net::ERR_SSL_PROTOCOL_ERROR意思是https的请求不能向http服务器发起，所以，我们要把node服务加上ssl...

发布博客 2021.11.25 ·

Centos7搭建coturn服务器

Centos7搭建coturn服务器前言最近想上线一个多功能的在线音视频聊天应用，需要STUN_TURN服务器，新出的开源项目coturn同时实现了stun和turn服务的功能，所以，我打算直接安装coturn中继服务器安装1. 安装依赖yum install -y make gcc cc gcc-c++ wget openssl-devel libevent libevent-devel openssl yum install git (不必须)2. 下载conturn项目包我们为

发布博客 2021.10.26 ·

给自己的网站接入https居然需要升级centos内核？

给自己的网站接入ssl前言自己的域名已经买了快3年了，一直没有接入https，当时开发小程序和webrtc也需要使用证书，但是当时懒得弄，现在想上线一个webrtc的项目了，必须得搞了，记录一下，方便自己也能帮助别人。https简介这个我们就不说了，几百年的面试题了，什么超文本传输安全协议，SSL加密过程，对称加密非对称解密，简单，只记录安装过程，就不回忆了。安装1. 访问配置证书的网站 letsencrypt 点击get started进入点击Certbot，选择你的云服务器应用

发布博客 2021.10.20 ·