组件 页面html5 html
Vue多层级组件传递动态具名插槽
这里以一个table组件的二次包装为案例，父组件中使用子组件（table组件）再次包装： Vue2： 子组件，inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
html尝试
Title all title can be set by shortcut ctrl+n where n imply the level of this title, which has 6 levels. Or we can use n '#'s to define title of n lev ......
修改组件某个元素的样式的方法
<template> <!-- class="server_a" --> <div class="a"> 服务列表 <div> <a-descriptions title="123" bordered> <a-descriptions-item label="服务列表"> Cloud Databas ......
2023-09-18 hexo博客之如何自定义页面内容宽度==》在custom.styl中添加两行代码即可
前言：我的hexo主题为hexo-theme-next 5.1.4版本。 操作如下： 打开 你的博客名称\themes\hexo-theme-next\source\css\_variables，找到这个文件custom.styl,然后把下面代码添加进去： $main-desktop = 1200p ......
vue 自定义全局弹窗组件
问题描述： vue 自定义类似 elementUI 的 this.$confirm 解决方案： 通过vue 的extend 方法实现 然后全局注入 代码实现: 展示的组件 （就是最基本的vue组件代码） <!-- * @Author: linchun linchun * @Date: 2023-09 ......
如何使用谷歌搜索的时候，不是从当前页面而是从新页面打开链接？
参考链接：https://support.google.com/chrome/thread/3520860/how-do-i-set-chrome-to-open-links-in-a-new-tab-on-the-same-browser-window?hl=en 1.使用ctrl+左键点击链接 ......
html前端页面多规格商品sku选择
<style> body { background-color: palegoldenrod; position: relative; } footer { border: 1px solid red; height: 50px; position: fixed; bottom: 0; left: ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
html5 的 webScoket 和 C# 建立Socket连接
html5 的 webScoket 和 C# 建立Socket连接 最近使用的web项目中，需要服务器直接触发前端显示效果。 所以研究了一下websocket: 名词解释： WebSocketWebSocket协议是一种双向通信协议，它建立在TCP之上，同http一样通过TCP来传输数据，但是它和h ......
【前端性能】高性能滚动 scroll 及页面渲染优化
【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none ......
uniapp 在app.vue中的异步请求完，页面中的onload或者onshow再请求（promise方法）
第一步： 在main.js里面注册onLaunched，onLaunched，onLaunched，isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
TienChin 渠道管理-渠道页面完善
最后附上渠道管理的数据 install SQL 语句： INSERT INTO TienChin.tienchin_channel (channel_id, channel_name, status, remark, type, create_by, update_by, create_time, ......
JAVA 实现登录页面生成验证码
1 import javax.swing.*; 2 import java.awt.Color; 3 import java.awt.Font; 4 import java.awt.Graphics; 5 import java.awt.event.ActionEvent; 6 import jav ......
Java swing 实现QQ登录注册页面
代码如下1 package com.lty; 2 import javax.swing.*; 3 import java.awt.*; 4 import java.awt.event.ActionEvent; 5 import java.awt.event.ActionListener; 6 imp ......
19 HTML总结
 ![](https://img2023.cnblogs.com/blog/3071897/202309/30718... ......
页面级布局
需求：左右两侧布局 <div class="container"> <!-- 左侧列yi --> <div class="left-column"> <div class="top-section"> <!-- 组件 A 上部分 --> <h2>组件 A 上部分</h2> <!-- 添加组件 A 上 ......
uniapp项目实践总结(十六)自定义下拉刷新组件
导语：在日常的开发过程中，我们经常遇到下拉刷新的场景，很方便的刷新游览的内容，在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹，并新建一个q-pull.vue的组件； 按照前面文章所 ......
HTML+CSS学习笔记
HTML骨架：（VS Code 可以快速生成骨架：在 HTML 文件（.html）中，!（英文）配合 Enter / Tab 键） html：整个网页 head：网页头部，用来存放给浏览器看的信息，例如 CSS title：网页标题 body：网页主体，用来存放给用户看的信息，例如图片、文字 常用标 ......
ant design pro改造表格页面
找到src/pages/TableList/index.tsx 先ctrl+shift+- 全局压缩 在TableList找到columns 换成我们自己的 ProColumns中放的是数据 下图为API.InterfaceInfo const columns: ProColumns<API.Int ......
跨页面通信方式
1. 父子页面通信 父子页面有两种，iframe嵌套的和window.open打开的。window.open打开的页面，在窗口模式时，被打开的页面就是当前页面的子页面，tab模式时，只是形式不一样，也是子页面，可以通过window.opener来访问父页面。 iframe的通信方式: window. ......
session存储数据-解决歌手页面刷新报错的问题
刷新报错的原因是，singer数据是需要在singer.vue页面去传到singerdetail.vue页面的，所以想要重新加载singerdetail页面就必须重新返回到singer页面，很麻烦，想要解决就只需要将数据存储到session中既可以，网站的数据存储一般有两种，一个是location一 ......
FastAPI学习-17.其它响应html,文件,视频或其它
前言 通过我们返回JSON类型的接口会比较多，除了返回JSON格式，还可以响应其它格式的内容 JSONResponse Content-Type 会被设置成 application/json HTMLResponse Content-Type 会被设置成 text/html PlainTextRes ......
01 初识HTML
HTML：Hyper Text Markup Language,超文本标记语言。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </ ......
vue--day88--缓存路由组件和 两个新的生命周期钩子
### 10.缓存路由组件 1. 作用：让不展示的路由组件保持挂载，不被销毁。 2. 具体编码： ```vue <keep-alive include="News"> <router-view></router-view> </keep-alive> ``` ### 11.两个新的生命周期钩子 1. ......
html怎么设置按钮返回顶部
在 HTML 中，我们可以通过一些代码和 CSS 样式来创建一个这样的按钮。 <button onclick="topFunction()" id="myBtn">返回顶部</button> <style> #myBtn { display: none; position: fixed; botto ......
springboot+html使用sql语句能够在控制台输出相关数据信息list，但是输出的list=null（未解决）
问题描述 具体来说，就是，连接上数据库之后，发现查询的sql语句能够正常在控制台输出数据，但是将sql语句的查询结果放到list里面， 在控制台输出的list=[null]； 真的崩溃了！！！ 之前从来没有遇到过这种情况； 尝试了网上的各种方法，也都解决不了，麻木ing~ 求解！ ......
HTML联动选择省份和城市，点击省份后城市数据相应更新
1、python后端返回的数据： provCityMap={'陕西省':['西安市','咸阳市']} 2、html： <ul class="list-unstyled news-one__meta"> <li style="width: 100%;"> <select id="provId" nam ......
页面中点击按钮需要新建轮播（需要新建多个），出现顺序错乱的问题
当页面中通过点击按钮切换轮播，即点击按钮需要new swiper，新建后，页面中swiper内容没有问题 但是，点击上一个下一个按钮，顺序会发生错乱 在new 之前需要使用destroy销毁 ......
Unity 引擎的两个重要的软件组件
在博客中，Unity 首先分享了 Unity 引擎的两个重要的软件组件--Unity 编辑器和 Unity 运行时。Unity 运行时是在玩家设备上执行的代码，它使 "Made with Unity"游戏能够大规模运行，每月下载量达数十亿次。 “我们推出的 Unity Runtime 费用是根据最终 ......
vue通过js代码实例化组件
最近在写项目的一些公共组件（一些选择器），很多个地方都需要用，所以在main.js全局声明了，但发现子页面调用还是有挺多的地方需写。 例如，要在template实例化组件，并用ref绑定，然后在js里的methods里写方法。 main.js 声明全局组件 第一种方案 一开始想到的是用ref绑定组件 ......