less233-CSDN博客

原创前端部署及发布服务知识点

最后，回顾一下为了最大程度利用缓存，将页面入口(HTML)设置为协商缓存，将JavaScript、CSS等静态资源设置为永久强缓存。为了解决强缓存更新问题，将文件摘要（hash）作为资源路径(URL)构成的一部分。为了解决覆盖式发布引发的问题，采用name-hash而非query-hash的组织方式，具体需要配置Wbpack的为。为了解决Nginx目录存储过大 + 结合CDN提升访问速度，采用了Nginx 反向代理+ 将静态资源上传到CDN。为了上传CDN，我们需要按环境动态构造。

2022-10-11 22:19:48 2095 1

原创 webpack优化

我们要保证，改过的文件需要更新hash值，而没改过的文件依然保持原本的hash值，这样才能保证在上线后，浏览器访问时没有改变的文件会命中缓存，从而达到性能优化的目的。区分环境去构建是非常重要的，我们要明确知道，开发环境时我们需要哪些配置，不需要哪些配置；的话，最后整个项目代码都会被打包到一个js文件里，单个js文件体积非常大，那么当用户网页请求的时候，首屏加载时间会比较长，使用。开启Gzip后，大大提高用户的页面加载速度，因为gzip的体积比原文件小很多，当然需要后端的配合，使用。

2022-10-11 21:55:36 329

原创 ES6—ES13总结

ECMAScript 是 JavaScript 的标准与规范，JavaScript 是 ECMAScript 标准的实现和扩展。今天就来看看 ECMAScript 各版本有哪些实用开发技巧吧！

2022-10-11 21:49:53 540

原创前端异常原理

TypeError 在对值进行不合理操作时会发生，比如试图对一个非函数类型的值进行函数调用，或者引用 null 或 undefined 类型的值中的属性，那么引擎会抛出这种类型的异常。上面举的 2 个引用异常例子其实是同一个异常，第一个是发生在 Android，第二个是在 iOS 下，异常对象的 message 有着兼容性的差别。一个健壮的函数，会对参数进行类型有效性判断；如果 RHS 查询找到了一个变量，但是你尝试对这个变量的值进行不合理的操作，会抛出另外一种类型的异常，叫作 TypeError。

2022-10-11 21:46:02 1039

原创前端设计十大可用性原则

例如，Office软件中包含的各个产品，其界面布局和设计风格就保持了高度一致，如图4所示是Word（上）和Power Point（下）的界面，可以看出，二者的“插入”一级菜单下所包含功能的排列顺序、布局方式乃至图标图形，都是高度类似的。让高级用户灵活定制的最典型的例子是各类软件和APP的配置功能，基本上所有软件都会提供定制化功能，从快捷键设置，到页面布局，再到自定义参数，软件系统会尽量提供全面的个性化设置功能，来满足不同用户的使用诉求和习惯。此外，在一个或多个系统中，要采用统一的设计风格。

2022-10-11 21:38:27 895

原创 Mac使用

安装git所需的brew命令。utools工具地址。

2022-10-11 21:33:57 143

原创 Linux使用

curl （发送http请求）- H参数：携带请求消息头信息。- X参数：指定请求方式。- v参数：显示响应结果。- u参数：携带用户名。

2022-10-11 21:32:44 123

原创微服务和Spring Cloud Alibaba

用户的请求将不再访问服务，而是通过线程池中的空闲线程来访问服务，如果线程池已满，则会进行降级处理，用户的请求不会被阻塞，至少可以看到一个执行结果（例如返回友好的提示信息），而不是无休止的等待或看到系统崩溃。微服务架构比SOA架构粒度会更加精细，让专业的人去做专业的事情(专注) ，目的提高效率，每个服务于服务之间互不影响，微服务架构中，每个服务必须独立部署，微服务架构更加轻巧，轻量级。这时候，我们就思考可不可以将重复的代码抽取出来，做成统一的业务层作为独立的服务,然后由前端控制层调用不同的业务层服务呢?

2022-10-11 21:26:51 433

原创 BF、RK、BM、KMP

主串A: a,b,c,d,e,f,g模式串B: c,d,e判断B在A中是否存在、存在返回A中的下标，不存在返回-1。

2022-10-11 21:11:46 252

原创 canvas图片压缩及文件流转换

## base64转换文件流 dataURLtoFile(dataurl, filename) { // 获取到base64编码 const arr = dataurl.split(',') // 将base64编码转为字符串 const bstr = window.atob(arr[1]) let n = bstr.length const u8arr = new Uint8Array(n) // 创建初始化为0的，包含l

2022-03-04 00:04:48 753

原创 Nginx简单使用

Nginx安装1、去官网http://nginx.org/下载对应的nginx包，推荐使用稳定版本2、上传nginx到linux系统3、安装依赖环境(1) 安装gcc环境yum install gcc-c++(2) 安装PCRE库，用于解析正则表达式yum install -y pcre pcre-devel(3) zlib压缩和解压缩依赖yum install -y zlib zlib-devel(4) SSL 安全的加密的套接字协议层，用于HTTP安全传输，也就是httpsy

2022-03-03 23:53:06 423

原创前端酷炫的n个UI设计效果网站

1、Neumorphism 地址：https://neumorphism.io/2、带有渐变的图标地址：https://www.iconshock.com/svg-icons/3、Interactions 地址：https://easings.co/4、大型数据库地址：https://bansal.io/pattern-css5、自定义形状分隔线地址：https://www.shapedivider.app/6、动画地址：https://animista.net/7、Mask 地址：ht

2021-08-06 10:06:12 1238

原创 2021-01-05

// 获取最近六个月getLastSixMon() {var date = new Date();//获取年var year = date.getFullYear();//获取月var mon = date.getMonth() + 1;var arry = new Array();for (var i = 0; i < 6; i++) {if (mon <= 0) {year = year - 1;mon = mon + 12;}if (mon < 10) {

2021-01-05 11:43:19 86

原创 js日期格式化

2020-10-30 11:26:00 1480

原创 JavaScript的垃圾回收机制

内存泄漏js的垃圾回收机制是为了防止内存泄漏而设计的，内存泄漏的含义就是某块内存不再被需要或无法被引用或引用链从根访问时，这块内存却还存在着。垃圾回收机制垃圾回收机制就是间歇性的不定期去寻找不再使用的变量，并释放掉它们所指向的内存。JavaScript中内存管理的主要概念就是可达性。简单地说，可达性就是那种以某种方式可访问或可被引用的值，它们被保证存储在内存中。当然，如果引用或引用链可以从根访问到任何其他值，则会认为该值是可访问的。例如，如果局部变量中的 A 对象具有引用到 B 对象的属性，则

2020-07-12 12:26:18 555

池钓先生的博客