如何获取 <script> 标签上自定义参数的值?

2022-12-17
阅读 3 分钟
2.4k
前段时间开发了一个小插件,功能很简单,引入之后脚本会自动执行一些逻辑,所以在发布时将它打包成了 IIFE 模式的 js 包。在项目中接入时,直接通过 script 标签引入即可,就像这样: {代码...} 但是在插件的后续使用中,发现有几个参数,如果能够支持自定义的话,使用起来会更加方便。那么咱们就升级一下,让他支持自定...
封面图

如何方便的获取 cookie 中的值?

2022-12-03
阅读 2 分钟
2.5k
当然,细心的小伙伴肯定知道:如果在 Set-Cookie 时设置了 HttpOnly 属性,那么 document.cookie 是无法获取到这个 cookie 的。
封面图

如何方便的从 URL 中,获取指定的参数?

2022-12-03
阅读 2 分钟
1.3k
ES6 提供了一个 URLSearchParams 对象,接收一个 URL 的查询字符串。如果将 window.location.search 传入后,再通过实体的 get() 方法。即可方便的获取当前页面路径中对应参数的值。 {代码...} 细心的小伙伴可能知道:window.location.search 获取到的值是从 ? 开始的字符串。但是不用担心,URLSearchParams 会自动移除...
封面图

浏览器是如何通过 defer 与 async 属性,优化页面加载速度的?

2022-10-27
阅读 5 分钟
1.9k
前言在面试的时候,经常会遇到一道经典的面试题:如何优化网页加载速度?常规的回答中总会有一条:把 css 文件放在页面顶部,把 js 文件放在页面底部。那么,为什么要把 js 文件放在页面的最底部呢?我们先来看下这段代码: {代码...} 他的执行顺序是:在控制台打印:Howdy ~请求并执行 vue.global.js请求并执行 vue-rou...
封面图

如何使用 VS Code 调试 Vue.js 项目?

2022-09-12
阅读 9 分钟
11.8k
简介此教程会以一个全新的 Vue.js 项目作为模板进行配置,你可以跟随教程一步步操作,也可以按照教程将配置添加到已有的项目中。仓库地址:[链接]创建项目通过 vue 提供的 create-vue 脚手架,创建一个 vue3 项目。 {代码...} 注意:通过上述命令,创建的是基于 vite 的项目,而不是基于 webpack 的项目。然后在 VS Code...
封面图