赖念安的博客

文章目录【Webpack学习笔记】三、性能优化一、HMR1、样式文件的HMR2、html文件的HMR3、js文件中的HMR二、source-map1、source-map 的作用与使用方式2、devtool 的可选值3、source-map的选用3.1、开发环境3.2、生产环境三、oneOf四、缓存1、babel缓存2、文件缓存2.1、文件缓存的效果2.2、三种hash值2.2.1、webpack打包时的hash值2.2.2、chunkhash2.2.3、contenthash五、treeshaking1、

【Webpack学习笔记】二、生产环境下的使用【Webpack学习笔记】二、生产环境下的使用一、对CSS的处理1、将CSS提取为单独的文件2、CSS兼容性处理3、压缩CSS二、对JS的处理1、JS语法检查1.1、eslint-config-airbnb-base1.2、配置 package.json 中的 eslintConfig2、JS兼容性处理1.1、基本语法的兼容1.2、全部语法的兼容（不推荐）1.3、按需兼容（推荐）3、压缩JS三、对HTML的处理四、生产环境下的webpack配置总结【Webpa

【Webpack学习笔记】一、基本使用【Webpack学习笔记】一、基本使用一、Webpack是什么？二、Webpack五大基本概念1、entry2、output3、module4、plugins5、mode三、Webpack基本使用1、安装Webpack2、项目目录结构3、运行指令开发环境生产环境注意事项四、使用Webpack打包其他资源1、打包样式资源2、打包html资源3、打包图片资源4、打包其他资源五、使用devServer1、准备dev-server2、配置devServer六、开发环境下的web

自动继续访问页面JustJumpAhead发布：2021年9月29日23:15:50脚本安装地址参考：JustJumpAhead前言在掘金、简书、知乎等平台，如果页面中有一些指向其他网站的外部链接，可能会出现类似下面这种的链接跳转拦截页面来提示我们将离开本站，要注意财产安全。这个时候就需要我们手动点击继续访问才能继续跳转。这种设计本意是好的，但是有些指向GitHub或技术论坛的链接也会被拦截，总感觉很不友好。于是我就写了这个脚本。脚本功能比较简单，就是当遇到像上面的跳转提示页面时，自动点击

JavaScript用Map类型对象实现栈结构前言在做【146. LRU 缓存机制 - 力扣（LeetCode）】这道题时，我一开始以为不能用Map来实现栈结构，但是一番思考加实践后，我发现好像是可以的。与这道题相关的解释可以可以参看下方博客：更新：2021年9月12日24:07:55参考：【算法-LeetCode】146. LRU 缓存机制（双向链表；Map；栈）_赖念安的博客-优快云博客一般来说，我都会选择数组来实现栈结构，因为JavaScript的数组对象提供了 pop() 和 pus

油猴脚本——掘金Markdown格式适配器知识点记录脚本更新日志参考：掘金Markdown格式适配器更新日志 - 掘金脚本地址：更新：2021年9月3日19:57:35参考：掘金Markdown格式适配器前言关于我为什么要写这个脚本可以看下面这篇我写的吐槽（或者说是问题描述）博客：参考：掘金Markdown编辑器问题描述 - 掘金而我在本地的Markdown编辑器（typora）的写作习惯就是：用 ==xxx== 来高亮文本；用 <center></ce

imgbb 图床 API 及其插件以下内容均可以在 imgbb 图床官网的相关API文档找到。此处仅做学习记录。在 imgbb 官网注册账号后，点击左上角的【关于】–【API】即可看到相关的使用文档：imgbb API 使用文档：API — ImgBB2.1、API key在注册并登录的前提下，点击【get API key】则在上方文本框中可以得到一串无规律字符：【API key】：5b1e20cd0xxxxxxxxxxxxxxxxxx91de3f此时下方还会有 delete 和 A

文章目录尚硅谷axios学习笔记一、前期准备1、前置知识Promise参考：Promise学习笔记（万字长文）【手写Promise；异步编程；Promise的API；异常穿透；链式调用；async和await】_赖念安的博客-优快云博客AJAX参考：AJAX学习笔记（原生AJAX；jQuery；axios；fetch；跨域；JSONP；CORS）_赖念安的博客-优快云博客2、配置 json-serverjson-server 是用于快速搭建一个HTTP服务。在后续的

尚硅谷Promise笔记尚硅谷Promise笔记一、什么是Promise1、对Promise的两种表达2、异步编程场景：3、Promise对象的三种状态二、为什么要用Promise1、指定回调函数的方式更加灵活2、支持==链式调用==, 可以解决回调地狱问题三、Promise基本使用四、使用Promise封装异步操作1、封装Node.js中的fs文件操作模块2、封装AJAX请求3、使用Node.js中的 util.promisify() 封装错误优先的异步操作五、PromiseState与PromiseRe

尚硅谷AJAX学习笔记参考课程：参考：【尚硅谷】3小时Ajax入门到精通_哔哩哔哩_bilibili一、前期准备1、什么是Ajax参考：Ajax - Web 开发者指南 | MDN根据MDN文档的描述，大致可以这样描述AJAX：Asynchronous JavaScript + XML（异步JavaScript和XML）, 其本身不是一种新技术，而是一个在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML 或

JavaScript修改二维数组的某个元素时，其上下元素也受到影响发布：2021年8月15日18:54:56前言在研究背包问题时，一开始往往会用二维数组的形式来描述，这样会便于理解。但是，我在操作过程中发现了JavaScript二维数组的一些令人难解之处，那就是当我操作二维数组的某个元素时，其上下元素也受到了影响，比如我在操作arr[i][j]时，arr[x][j]和arr[y][j]也一起受到了影响。这就让我非常的迷惑，于是我开始了一番小小的探索。看这就行如果要创建指定长宽的二维数组，用下面的这

牛客在线笔试输入输出总结牛客在线OJ1、计算A+B(1)输入输出描述示例我的解答2、计算A+B(2)输入输出描述示例我的解答3、计算A+B(3)输入输出描述示例我的解答4、计算A+B(4)输入输出描述示例我的解答5、计算A+B(5)输入输出描述示例我的解答6、计算A+B(6)输入输出描述示例我的解答7、计算A+B(7)输入输出描述示例我的解答7、字符串排序(1)输入输出描述示例我的解答8、字符串排序(2)输入输出描述示例我的解答9、字符串排序(3)输入输出描述示例我的解答牛客在线OJ还是那个问题，我也不

从【基于HTML的3D图表展示软件（软件体系结构课设）】所收获的知识点文章更新：2021年7月19日16:19:32题目来源中国软件杯2015-01-23-第四届“中国软件杯”大学生软件设计大赛赛题（B）：基于-HTML5的动态数据3D展示软件1、有关拖拽行为更新：2021年6月17日22:38:22参考：Html5原生拖拽操作 - SegmentFault 思否参考：关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题云+社区 - 腾讯云参考：Firefox不支持拖拽 -

从【一键复制网页标题和地址（油猴脚本）】所收获的知识点文章更新：2021年7月19日15:26:07前言我给自己的蓝色小按钮取名为“福妞”，取“用来复（福）制的按钮（妞）”之意。我是在2021年5月27日左右初步完成功能的，之后几天好像还有个阿里本地生活化的面试，当时我啥作品也没有，本来还打算要是面试官问我做过啥东西，那我就把硬着头皮把这个给拿出来说说吧，结果面试时出现了意外：面试官先是打电话给我说先让我做大概四十分钟笔试，然后在打电话给我，笔试过程表现非常差，因为那个时候我的JavaScript都