前端开发
-
一、axios在vue组件中直接发起请求 vue组件： <template> <div class="right-container"> <h3>Right 组件</h3> <button @click="getInfo">发起 GET 请求</button> <button @click="postInfo">发起 POST 请求</button> </div> </template> <script> // 1. 导入axios import axios f
2024-12-02 -
1.)使用 2.)跨域问题 let myHeaders = new Headers({ 'Access-Control-Allow-Origin':'*', "Content-Type":'text/plain' }) let url = "http://localhost:3000/posts"; fetch(url,{ method:'GET',
2024-12-02 -
一、XSS攻击 攻击类型 反射型：在客户端向服务器发送请求时注入恶意代码存储型：向服务端提交恶意代码，并将其存储到数据库中文档型：在数据传递过程中截取网络数据包，修改DOM结构 防范措施 对用户的输入输出进行 过滤/编码在请求头中添加httpOnly，防止通过js获取Cookie 二、CSRF攻击 原理 利用网站对用户的信任，黑客通过网站B 诱导用户去访问已经登录的网站A，进行一些违背用户意愿的请求。 注意：在这个攻击过程中，攻击者借助受害者的 Cookie 骗取服务器的信任，但并不
2024-12-02 -
前言 @lucky-canvas/vue 一、查看nodejs版本 node -v 二、创建项目 1、安装插建 npm install @lucky-canvas/vue --save import Vue from 'vue'; import App from './App.vue'; import router from './router'; import VueLuckyCanvas from '@lucky-canvas/vue'; Vue.use(VueLuckyCanv
2024-12-02 -
<el-upload ref="upload" style="width: 100%" v-model:file-list="fileList" class="m-l-10" action="#" multiple :limit="1" :on-exceed="handleExceed"
2024-12-02 -
前言 关于 vue3 基础学习，前面两篇博客讲了单页面应用程序、vite 的基本使用 。 这期就来一篇多一点的吧！这期主要内容有：组件化开发思想、vue 组件的构成、组件的基本使用、封装组件的案例。 看完这些，砸门也就详细了解什么是组件了。废话不多说，直接上刺刀！！ 组件化开发思想 1. 什么是组件化开发 组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护
2024-12-02 -
随着移动互联网的快速发展，近两年市场对于Web前端人才需求呈井喷式增长。目前市场上对于Web前端人员的需求非常之多，给出的薪资也很可观，那么Web前端有什么优势？下面带大家来看看。 开发成本也不高，使用起来十分的方便。响应式网站可以根据不同的设备自动进行内容的布局调整，只需拥有一个就可以兼容所有的终端设备，不用再像过去那样为不同的设备开发不同版本的网站或者手机APP，有了响应式网站，管理变得十分简单，只需一次编辑，任何设备上都可以同时看到更新。 优势二：拥有出色的、人性化的用户体验 响应式网站
2024-12-02 -
基于html和css对百度界面的设计 效果图 源代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> body{ background-image: url(img/reg_bg_min.jpg);
2024-12-02 -
之前再做rtc视频通话的时候，参考的demo代码流程阅读 SocketManager.getInstance().connect(Urls.WS, username, 0); 收到服务器发送的登录成功消息 {"eventName":"__login_success","data":{"avatar":"p1.jpeg","userID":"lunlian"}} 启动页收到 登录 成功消息，进入 主界面 主界面的 UserListFragment 初始化 获取用户列表 http://4
2024-12-02 -
1. 为什么需要封装localStorage和sessionStorage？ 因为封装localStorage和sessionStorage可以提高程序的维护性、可重用性和扩展性，同时也可以使代码更为简单、易懂。 2. 以下是一个简单的代码封装示例 // 封装localStorage和Session export const Local = { // 设置永久缓存 set (key, val) { window.localStorage.setItem(key, JSON.st
2024-12-02