前端开发
-
HTML5新增元素 新增语义化元素 在HMTL5之前，我们的网站分布层级通常包括哪些部分呢？ 但是这样做有一个弊端： 我们往往过多的使用div, 通过id或class来区分元素； 对于浏览器来说这些元素不够语义化； 对于搜索引擎来说, 不利于SEO的优化； HTML5新增了语义化的元素： <header>：头部元素 <nav>：导航元素 <section>：定义文档某个区域的元素 <article>：内容元素 <aside>：侧边栏元素 <footer>：尾部元素 其他的新增元素 W
2024-12-03 -
最近在开发项目的时候，定制了一个公司内部样式的Modal模态框组件。 Modal组件伪代码 <!-- Modal/index.vue--> <template> <div class="modal-container" id="modalContainer"> <!-- Modal Content --> <div class="modal-content"> <!-- Close Button --> <span class="modal-close
2024-12-03 -
promise有三种状态；分别为:pending,resolved,rejected:, 初始状态为pending,而他又可以变为其他两种状态； //先创建一个promise函数 methods:{ promiseTest(){ //创建一个promise const p1=new Promise((resolve,reject)=>{ }) console.log(p1,'
2024-12-03 -
一事件处理 事件源：事件发生的场所 事件：wxPython中的事件被封装成为wx.Event及其子类 事件处理程序：一个相应用户事件的方法 import wx #自定义窗口类MyFrame class MyFrame(wx.Frame): def init(self): super().init(None,title=“事件处理!”,size=(300,180)) #创建面板对象，参数parent 传递的是self，即设置面板所在的父容器为当前窗口对象 panel = wx.Panel(pare
2024-12-03 -
vite-plugin-svg-icons 一、安装 npm i vite-plugin-svg-icons -D 二、在 vite.config.js中配置 import viteSvgIcons from 'vite-plugin-svg-icons' import path from 'path' export default () => { return { plugins: [ viteSvgIcons({ // Specify the
2024-12-03 -
????️✍️?️????️??️????⚠️??⬇️·正文开始⬇️·????????????✅?❓??? ?1️⃣2️⃣3️⃣ ?一、效果 ?二、信息 ?1.简介： 流云穿梭环，一款源自修真界的神秘兵器，由一个圆形组成，象征着宇宙中的流云之道，蕴含着灵动、自由和无尽变换的奥秘。这款兵器的独特之处在于其运行方式，会从原先的一个圆形自动生成两个一样的圆形，按“一”字型排开。这三个圆形，依次从左进入后暂停一下，再从右面快速出去，如此循环往复，象征着流云之道的自由流动和变幻无穷的本质。 ?2.外观
2024-12-03 -
uni-app 安卓退出登录后，禁止按返回键进入系统 在登录界面，页面生命周期 添加一下代码。 // 通过判断token是否有无，控制页面的跳转 onBackPress() { const token = uni.getStorageSync('token') if(!token){ uni.navigateTo({ url:'/pages/login/index.vue' }) return true; } }
2024-12-03 -
// 第一个参数为单击事件函数 第二个参数为双击事件函数 const useClick = (callback, doubleCallback) => { const clickRef = useRef({ clickCount: 0, time: 0, timer: null, }); return (...args) => { clickRef.current.clickCount += 1; click
2024-12-03 -
Cookie实际上是一小段的文本信息。客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容。 Session是另一种记录客户状态的机制，不同的是Cookie保存在客户端浏览器中，而Session保存在服务器上。客户端浏览器访问服务器的时候，服务器
2024-12-03 -
简单数组 .ts-定义一个数组 // 第一种定义方式 public arr1:string[] = ['aa','bb','cc']; // 完整版 arr2:string[] = ['aa','bb','cc']; // 省略版 public objects:any[] = [{username:'Echoo',age:18}, {username:'Amily',age:39}, {username:'Mike',age:34}]; // 元素是对
2024-12-03