ctfidf实验室超简单的js题

本文介绍了一个简单的JS挑战题,通过URL解码找到隐藏的JS代码,并解释了如何通过输入特定值来解决这个问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

超简单的js题


这里这里→ http://ctf.idf.cn/game/web/42/index.php



题目来源: 难度:★ 分值:2 已解答数:1469 FirstBlood:闭关修炼中的暗羽渣渣

这个点进去一看什么都没有,就是一个网页。







看一下页面源代码,发现了思路,






这个一看就是URL编码,URL 编码将字符转变成对 URL 解析无意义的无害形式。它将字符转化成为一种特定字符编码的字节序列,然后将字节转换为16进制形式,并将其前面加上”%”。问号的 URL 编码形式为”%3F”。
这个源代码里面说了是将p1+%36%38%36+p2,我将这些复制连接在一起,然后我用了火狐的插件cyrptofox进行解密,flag就出现。(当然你也可以用在线的url解码工具)。

解码以后发现了一段js代码

function checkSubmit(){var a=document.getElementById("password");if("undefined"!=typeof a){if("36452fffb94757a686fd20120be31f73"==a.value)return!0;alert("Error");a.focus();return!1}}document.getElementById("levelQuest").onsubmit=checkSubmit;

通过阅读,知道了如何a.value是36452fffb94757a686fd20120be31f73就成功。
然后将这段字符输进去,得到flag。


问题解决



### 实现 Vue3 + Vite + Ant Design 日历组件全中文显示 为了确保日历组件能够完全以中文显示,在 `Vue3` 和 `Vite` 的环境中集成 `Ant Design` 需要遵循特定的设置方法。 #### 1. 安装依赖包 确保安装了必要的依赖项,包括 `ant-design-vue` 及其本地化支持文件。这可以通过 npm 或 yarn 来完成: ```bash npm install ant-design-vue dayjs@latest ``` 或者使用 Yarn: ```bash yarn add ant-design-vue dayjs@latest ``` #### 2. 主应用入口配置 (`main.js`) 在项目的主应用程序入口处注册 `Ant Design Vue` 组件库,并加载样式表。此操作使得整个项目可以访问到这些 UI 组件及其默认样式[^2]。 ```javascript import { createApp } from &#39;vue&#39;; import App from &#39;./App.vue&#39;; import Antd from &#39;ant-design-vue&#39;; import &#39;ant-design-vue/dist/antd.css&#39;; const app = createApp(App); app.use(Antd); // 挂载根实例 app.mount(&#39;#app&#39;); ``` #### 3. 使用 `<AConfigProvider>` 进行全局配置 为了让所有的日期时间控件都能识别中文环境,可以在顶层包裹一层 `<a-config-provider>` 并传入相应的语言包对象 `zhCN`[^3]。 ```html <template> <a-config-provider :locale="zhCN"> <!-- 路由视图或其他内容 --> <router-view></router-view> </a-config-provider> </template> <script> import zhCN from &#39;ant-design-vue/es/locale/zh_CN&#39;; export default { data() { return { zhCN, }; }, }; </script> ``` #### 4. 设置单个组件的语言属性 对于具体的日期选择器或日历组件来说,则需单独指定它们所使用的地区信息以及初始化状态值。这里展示了如何通过传递 `:locale` 属性来控制日历界面的文字呈现方式[^1]。 ```html <template> <div class="calendar-container"> <a-calendar v-model:value="value" :locale="locale" @panelChange="onPanelChange"></a-calendar> </div> </template> <script setup> import { ref } from &#39;vue&#39;; import locale from &#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;; import dayjs from &#39;dayjs&#39;; import &#39;dayjs/locale/zh-cn&#39;; // 加载中文语言包 dayjs.locale(&#39;zh-cn&#39;); // 应用中文语言环境 const value = ref(dayjs()); const onPanelChange = (value, mode) => { console.log(value.format(), mode); }; </script> ``` 以上步骤完成后,应该能够在基于 `Vue3`, `Vite` 构建的应用程序里看到带有完整中文标签的日历插件正常工作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值