- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 webpack
当你的项目具有多个入口文件时，使用 CommonsChunkPlugin 可以帮助提取公共代码，以减少重复打包，从而加快 webpack 的构建速度。在构建过程中，webpack 将首先构建两个入口文件的 chunk，然后根据 CommonsChunkPlugin 的配置，提取公共模块并生成 common.bundle.js 文件。然后，我们使用 CommonsChunkPlugin 插件来提取这两个入口文件中共享的模块，并将它们放入一个名为 common.bundle.js 的单独文件中。
2024-04-25 12:54:20
257
1
原创 webpack相关
答：Loader 用于转换某些类型的模块，而 Plugin 则可以在 Webpack 构建过程中执行更广泛的任务，例如打包优化、资源管理和注入环境变量等。答：Webpack 是一个静态模块打包工具，它将应用程序作为一个整体，通过构建依赖图，将所有的模块打包成一个或多个静态资源。答：HMR 是Webpack提供的一个功能，它允许在应用程序运行时更新修改过的模块，而不需要完全刷新页面。答：常见的优化策略包括代码分离、懒加载、Tree Shaking、代码压缩、使用缓存、多进程构建等。
2024-03-20 16:33:07
296
5
原创 微前端价值
在浏览网页过程中网站开发人员为了给用户带来更佳的浏览体验，使网站加载快速高效往往会在浏览器本地也就是设备上面存储缓存文件，因为网站或者web应用并不是实时大量内容的更新的，而是多数内容基本变化很小，因此在本地存储一部分文件，这样就不需要每次都重新加载全部的网站或者web应用信息，节省时间、流量，带来更佳的访问体验。在提升访问速度，节省流量的同时，保存缓存文件肯定会占据一定的设备存储空间，因此有些人在不需要追求时间流量的节省的时候，可以选择禁用浏览器缓存，这样浏览器不会在设备本地保存文件节省了存储空间。
2023-01-17 16:00:54
330
原创 上传下载0117
fileName = ‘不符合条件名单’ + moment().format(‘YYYYMMDDHHmmss’) + ‘.xlsx’;fileName = ‘符合条件名单’ + moment().format(‘YYYYMMDDHHmmss’) + ‘.xlsx’;if (‘msSaveOrOpenBlob’ in navigator) {//兼容ie浏览器下载报传递给系统调用的数据区域太小.url: ‘/approval/v1/nomination/export’, // 请求地址。
2023-01-17 11:00:56
49
原创 准备3面中
再比如定时器触发(settimeout和setinterval) 是由「浏览器的定时器线程」执行的定时计数，然后在定时时间把定时处理函数的执行请求插入到JS执行队列的尾端（所以用这两个函数的时候，实际的执行时间是大于或等于指定时间的，不保证能准确定时的）。仔细思考一下，其实这样做是有道理的，如果脚本的内容是获取元素的样式，宽高等CSS控制的属性，浏览器是需要计算的，也就是依赖于CSS。浏览器也无法感知脚本内容到底是什么，为避免样式获取，因而只好等前面所有的样式下载完后，再执行JS。
2023-01-16 11:29:19
61
原创 准备2面中
在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染。此外，React 还需要借助 Key 值来判断元素与本地状态的关联关系，因此我们绝不可忽视转换函数中 Key 的重要性。HTTP 是明文传输协议，HTTPS 协议是由 SSL + HTTP 协议构建的可进行加密传输、身份认证的网络协议，HTTPS 协议安全。构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。接口可以重复声明，TS会将它们合并。
2023-01-13 13:22:29
68
1
转载 重排和重绘
重排就是重新排列（reflow）：当渲染树的一部分必须更新并且节点的尺寸发生了变化，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。重绘就是重新绘制（repaint）：是在一个元素的外观被改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。DOM发生改变的时候触发重排，使DOM重新排列，重绘不一定会重排，但重排一定会发生重绘，重绘和重排都会耗费浏览器的性能，尽量避免。2、几何属性和布局信息的属性有哪些？1、引起重排的属性和方法。二、什么是重排和重绘。
2023-01-12 17:23:26
67
原创 useMemo的运用
首先useMemo它使用来做缓存用的，只有当一个依赖项改变的时候才会发生变化，否则拿缓存的值，就不用在每次渲染的时候再做计算。
2023-01-12 11:18:12
64
原创 webpack 以及 git
git fetch只是将远程仓库的最新的版本下载到本地，但是不会自动merge,相当于工作区中的文件并没有更新。git remote add origin 地址 添加远程地址。git pull会从远程仓库获取到最新的版本并merge到本地。创建并切换分支git checkout -b 分支名称。查看所有分支简化的提交历史记录git reflog。git branch -d 分支名称 删除分支。git branch查看分支。
2023-01-12 10:26:16
180
原创 css面试汇总题
px物理像素，绝对单位；em相对于自身字体大小，如果自身没有大小则相对于父级字体大小，如果父级也没有则一层一层向上查找，直到找到html为止，相对单位；rem相对于html的字体大小，相对单位；vh相对于屏幕高度的大小，相对单位；vw相对于屏幕宽度的大小，相对单位。等高布局（假等高）互补的内外边距 跟据内容自动撑开。边框0.5px（ zoom: 0.5;px、em、rem、vh、vw分别是什么。等高布局（真等高）弹性盒子。移动端1px边框怎么设置。浮动 float的考题。
2023-01-11 11:21:51
38
转载 基本类型面试
JavaScript面试题大全之基础面试题（附答案）web前端开发 2021-07-25 20:43图片近年来，从事web前端开发的程序员越来越多，都需要使用JavaScript，这篇文章主要整理一些最常见的JavaScript面试题以及答案。介绍JavaScript的数据类型值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol（独一无二的值）。
2023-01-10 20:39:57
91
原创 前端面试排序
比如 输入: [1,13,24,11,11,14,1,2]， 输出: [1,13,24,11,14,2] ，需要去掉重复的11 和 1 这两个元素。主要是利用 + - 去进行运算，类似 a = a + ( b - a) 实际上等同于最后 的 a = b;举例：输入 a = 2, b = 4 输出 a = 4, b =2。这种问题非常巧妙，需要大家跳出惯有的思维，利用 a , b进行置换。主要考察个人对Object的使用，利用key来进行筛选。不借助临时变量，进行两个整数的交换。判断一个单词是否是回文？
2023-01-10 19:55:09
39
转载 Promise 和 setTimeout 知识
英文 | https://javascript.plainenglish.io/6-interview-questions-that-combine-promise-and-settimeout-34c430fc297e。
2023-01-09 15:30:41
88
原创 防抖和节流
https://www.cnblogs.com/zhuanzhuanfe/p/10633019.htmlimport _ from “lodash”; 懒加载可以看一下let submit = _.debounce(() => {axios。。。, 400);
2023-01-06 18:49:33
32
原创 6年来，20230105第三次面试
我下意识说了int， 难受… 第一个问题，裸面的后果基本数据类型：undefined、null、string、bool、number、symbol引用数据类型：Object(), Array(), Function()… new Date()如何区分是什么数据类型： typeof()
2023-01-05 18:21:27
35
原创 git多人共享一个项目
ssh-keygen -t rsa -f ~/.ssh/id_rsa.yangyang22/.ssh/config中指定各个用户的密钥地址 chmod 644 /.ssh/config（*/.ssh/config文件的权限必须是644*）Host icode.xxxx.comUser yangyang22IdentityFile ~/.ssh/id_rsa.yangyang22Host icode.xxxx.comUser yinyanIdentityFile ~/.ssh/i..
2020-06-06 17:29:28
356
原创 java微服务在路上
1.thrift-ext是一个RPC通信框架，是对Spring Cloud注册中心Eureka及Apache Thrift RPC框架的二次封装。2.IDL及相关语法IDL即接口定义语言（interface description language），是定义RPC客户端与服务端之间交互接口的一种描述性语言，该语言与特定变成语言（如C/Java等）无关，可由thrift生成工具，将IDL转换为特...
2020-04-09 13:13:21
83
原创 brew 安装thrift客户端
受杨秀璋和严娜夫妇的影响 我也开始重拾生活兴趣和热情分享。 虽然才27，8岁，但却工作了8年，大二逃学工作，到如今的慢慢累计。 除了房贷，单身生活似乎没有什么乐趣，全是学习技能，滑雪滑得很好，第一次也是唯一一次就能尽情闪人，避让。及时停车。自由是不想干什么就不干什么-成功------------师父给了我安装后的客户端成功仰慕1. cp /Users/dxm/Desktop/thrif...
2020-04-03 22:46:43
305
编译后的thrift客户端
2020-04-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人