随笔分类 - 前端技术
js,jq,vue,angularjs,knockoutjs,reactjs等
摘要：X-Frame-Options 是一个HTTP响应头，用于控制网页是否可以嵌套在 <frame>, <iframe>, <embed> 或者 <applet> 中。通过设置 X-Frame-Options 头部，网站管理员可以防止网页被嵌套到其他网站的框架中，从而有效防范点击劫持等安全风险。下面是关
阅读全文
摘要：项目结构 在开发Chrome插件时，以下几个文件的作用如下： manifest.json：这是Chrome插件的清单文件，用于配置插件的基本信息、权限、页面跳转等。其中包括插件的名称、版本号、图标、后台脚本、浏览器动作等信息。 background.js：这是Chrome插件的后台脚本文件，用于处理
阅读全文
摘要：OGP协议是一套Metatags的规格，用来标注页面，告诉我们你的网页快照。帮助社交app高效并准确的获取网页中的核心链接、标题、主图、正文摘要等信息，使得该网页在社交分享中有更好的展现体验。 如果网页不支持OGP，那么基于算法和规则来提取网页中标题、主图、正文摘要，准确性无法做到100%，体验也不
阅读全文
摘要：keycloak~从login-status-iframe相关文章，可阅读我的这两篇keycloak~从login-status-iframe页面总结如何跨域传值 ,keycloak~对接login-status-iframe页面判断用户状态变更 。 什么是跨域 跨域（Cross-Origin）是指
阅读全文
摘要：上次我们说了，keycloak的login-status-iframe页面的作用，并解决了跨域情况下，iframe与主页面数据传递的方法，这一次，我们主要分析login-status-iframe.html这个文件的源码，然后分析在我们系统中如何与这个页面对接。 先看一下流程图 login-stat
阅读全文
摘要：概念和作用 阿里云原生网关MSE上的插件，都是采集WebAssembly来执行的，你可以通过js,go来开发wasm文件，放到WebAssembly去执行。 WebAssembly（简称Wasm）是一种用于浏览器和服务器端的低级虚拟机，它的作用在生产中具有广泛的应用： 高性能计算：WebAssemb
阅读全文
摘要：ruoyi框架的vue版本中，对字典的回显样式的设计，默认有以下几种 如果希望添加一种红色字体的，可以这样实现，实现后你的回显就多了一种红色字体的样式了 具体实现的方法 在app.vue中，添加对象的css样式 <style type="text/css"> .el-tag--redColorFon
阅读全文
摘要：本文介绍如何在vue中定义插件，注册插件和使用插件 插件目录 /src/plugins 插件入口文件 /src/plugins/index.js import cache from './cache' import modal from './modal' // 安装默认插件,在main.js中引入
阅读全文
摘要：标签组件的效果如下 组件作用 这是一个div，包含了两个文本框，后面是添加和删除按钮 添加按钮复制出新的div，除了文本框没有内容，其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags">
阅读全文
摘要：用到的技术 父组件向子组件的传值 类型检查和默认值：您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型，以及在没有传递数据时具有合理的默认值。例如： props: { message: { type: String, default: 'Default Message
阅读全文
摘要：存储相关 Vuex 和本地存储（如localStorage）以及 cookie 存储（如 document.cookie）之间有一些关系，但它们是不同的概念，用于不同的目的。 Vuex： Vuex 是 Vue.js 的官方状态管理库，用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex
阅读全文
摘要：浅拷贝 当我们想要复制一段数据的时候吗，我们就会用到拷贝；拷贝数据又分为了浅拷贝和深拷贝，浅拷贝指复制对象或数组的顶层结构，如果对象或数组中有引用类型的属性值，复制的是引用（地址）而非值；而深拷贝则是递归复制完整的对象或数组，包括嵌套的子对象或子数组，生成一个全新的对象，新对象和原对象的引用地址不同
阅读全文
摘要：# 概述 Content-Type和Accept是两个HTTP标头（HTTP headers），用于在HTTP请求和响应之间传递有关请求的数据类型和响应的首选内容类型的信息。这两个标头在HTTP通信中起着关键的作用。 1. Content-Type： - `Content-Type` 是HTTP请求
阅读全文
摘要：# el-autocomplete核心参数 可以实现异步的数据拉取，从异步返回的数据中，选择需要的结果，并回显到文本框中。 ## fetch-suggestions 回调列表，异步的方式获取数据列表，显示在列表框中 ## @select 当选中某一项时，会触发这个方法，将数据获取到，这时，我们可以将
阅读全文
摘要：# base64函数 `btoa()` 和 `atob()` 是 JavaScript 中的标准函数，通常在现代浏览器中都能正常工作。然而，它们在处理非 ASCII 字符时可能存在一些兼容性问题。 这些函数的主要限制在于它们仅支持 ASCII 字符集，对于非 ASCII 字符（如 Unicode 字
阅读全文
摘要：我们知道，在script标签中写js代码，或者使用src引入js文件时，默认不能使用module形式，即不能使用import导入文件，但是我们可以再script标签上加上type=module属性来改变方式。 使用方法如下： js引用js //module.js export default fun
阅读全文
摘要：对于一个后端程序来发，它可能会被多个应用调用，而跨域的问题就来了，使用jsonp来解决这个问题是个不错的方式，下面说一下关于jsonp的知识 JSONP不是新技术，只是在页面上响应一段js 对于响应的 MIME type ('text/plain')需要注解，它由于受到了X-Content-Type
阅读全文
摘要：# cookie的几个属性 1 httpOnly:true 表示禁止客户端读cookie，即只能在服务端读取它 2 SameSite:用来限制第三方 Cookie，从而减少安全风险。 * Strict最为严格，完全禁止第三方 Cookie，跨站点时，任何情况下都不会发送 Cookie。换言之，只有当
阅读全文
摘要：非前后分离项目，后端页面想使用前端vue的mvvm思想，想使用iview强大的交互性，这时，可以使用thymeleaf+vue来实现，thymeleaf提供了后端页面引擎，vue支持在html页面上直接编译执行。 后端依赖 <dependency> <groupId>org.springframew
阅读全文
摘要：断点续传服务器后台接口：/FileUpload/Upload 前台代码 <html> <head> <meta charset="utf-8"> <title>Uppy</title> <!-- 1. Add CSS to `<head>` --> <link href="https://trans
阅读全文