星辰大海

Jekyll 的机制、转换步骤和结构介绍

Jekyll 的机制、转换步骤和结构介绍 Jekyll 是一个转换器，用来生成网站，使用的是一种解释语言。 本文将从三个方面来介绍 Jekyll：机制、转换顺序（解释顺序）和项目的文件结构。在项目的文件结构中，将会讲述一下每个关键目录和文件的作用。 机制 Jekyll 通过在生成静态 ...

Posted by sqq5682 on January 2, 2025

js代码优化技巧

变量名称重复问题 import { var1, obj } from './module1.js'; // import变量和下面声明变量重复 const { var1 } = obj // 解构对象出现也会出现变量重复 let var1 = [1,2,3] 改进 import { var...

Posted by sqq5682 on January 1, 2025

前端常用请求方法，Ajax、fetch、axios的区别

前端常用请求方法，Ajax、fetch、axios的区别与优缺点 ajax 1.什么是AJAX? AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它使用： 使用XHTML+CSS来...

Posted by sqq5682 on June 13, 2024

浏览器跨域

浏览器跨域 浏览器的同源策略，浏览器的同源策略限制我们只能在相同的协议、IP地址、端口号相同，如果有任何一个不通，都不能相互的获取数据。并且，http和https之间也存在跨域，因为https一般采用的是443端口，http采用的是80端口或者其他。 同源策略是一种约定，它是浏览器最核心也最...

Posted by sqq5682 on May 13, 2024

webpack下只修改css打包hash不变问题记录

webpack下只修改css打包hash不变问题记录 最近接触原有项目，发现只修改css文件吗，打包后hash值却没有发生变化，导致后续没有上传cdn，打开项目找到文件webpack.base.conf.js中 const ExtractTextPlugin = require('extr...

Posted by sqq5682 on April 13, 2024

whistle跨平台web调试代理工具

whistle whistle是基于node实现的跨平台web调试代理工具，主要用于查看、修改http、https、websocket的请求、响应，也可以作为http代理服务器使用。类似的工具有Fiddler，不同于Fiddler通过断点修改请求响应的方式，whistle采用的是类似配置系统...

Posted by sqq5682 on July 20, 2023

谷歌浏览器自动播放策略

谷歌浏览器自动播放策略 自动播放策略自Chrome66生效 策略详情 策略动机：改善用户体验 官方地址https://developer.mozilla.org/zh-CN/docs/Web/Media/Autoplay_guide Chrome 的自动播放政策很简单： ...

Posted by sqq5682 on May 20, 2023

animeJs使用

animeJs animejs官方 animejs是一个很全面很专业的动画库，除了动画的基础功能外，它还有内置了N种缓动函数，内置了自定义缓动方式，时间线控制等，各位可以自行查看官网的效果演示，来感受animejs的动画效果. animejs与threejs是可以完美兼容的，所以对于学习t...

Posted by sqq5682 on May 20, 2023