前端html css
CSS进阶1--字体样式-文本样式
link.css--连接外部样式表 1.文字样式： ①font-family：字体样式 ②font-style：文本的字体样式 属性：normal-正常 italic-斜体字样式显示 oblique-文字向一边倾斜（与italic类似，但不太支持） ③font-variant--以小型大写字体或正常 ......
CSS-background 背景图片
更多CSS进阶： https://www.cnblogs.com/warmNest-llb/p/17866954.html 1.背景介绍 元素的背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment：背景图像是否固定或者随着页面的其 ......
前端优化之路：构建、打包速度提升
【前言】 《闻香识女人》中有句经典台词，“有些人一分钟过尽一生”，多少人在等待中浪费了生命的美好。同样，如果一个项目构建、热更新、打包速度过慢，中途需大把时间去等待，那么不免让人抓狂。 【效果展示】 优化前，构建速度 整整126秒，两分多钟过去后，项目才启动成功 优化后，构建速度 21秒运行完毕，仅 ......
py01-前端了解
前端了解： 一、CSS框架 （1）Bootstrap（http://getbootstrap.com/） 二、JavaScript框架： （1）jQuery（https://jquery.com/） （2）Vue （3）React 三、AJAX： （1）AJAX=异步JavaScript和XML （ ......
前端H5微信支付宝支付实现
前端 H5 微信支付宝支付实现 以 uniapp 项目为例 支付宝的 首先是一个支付类型选择页面，在选择支付宝支付后，跳转到一个空白页，用于支付宝支付的中转页面。 在点击立即支付之后，直接跳转至自行设置好的空白页就好，并把你生成订单所需要的数据一并带过去。 uni.navigateTo({ url: ......
H50088：js动态生成html代码的三种形式
1， // 方案一 O.TEMPLATE = '<div class="viewer-container">\ <div class="viewer-canvas"></div>\ <div class="viewer-footer">\ <div class="viewer-title"></di ......
CentOS安装node环境，并编译前端项目
https://www.jianshu.com/p/a0e0311d6259 1.centos安装node环境 1.下载nodejs最新的tar包 可以在下载页面https://nodejs.org/en/download/中找到下载地址。然后执行指令 $ wget https://nodejs.o ......
HTML5 信纸背景的实现
HTML5 信纸背景的实现 这个是一个信纸背景页面的实现添加文字无法自动换行 需要理解代码请查看代码注试 效果图 html页面 <!doctype html> <html> <head> <meta charset="utf-8"> <title>信纸</title> <!-- 这里链接了一个外部的 ......
CSS
1、文字超出用省略号...鼠标悬停显示全部文字 <div style="font-size: 12px; margin-top: 30px; padding: 10px 20px; overflow: hidden; text-overflow: ellipsis; display:-webkit- ......
MASA MAUI APP前端监控指南
MAUI Blazor 接入到 OpenTelemetry 近期由于我们APP项目(MAUI+Masa Blazor)，需要做运营数据采集埋点，经过综合考虑后，决定采用接入OpenTelemetry SDK的方式，由于目前OpenTelemetry的可测性大部分都是基于后端api的，所以我们也对MA ......
HTML
第一个前端程序 两步完成一个网页程序 第一步：使用记事本，编写代码 在E盘下保存路径E:/itbaizhan/..., 文件名Welcome.html <html> <head> <title>我的网页</title> </head> <body> Hello，我的第一个网页 </body> </h ......
HTML5 小米浮动和手机购买板块
小米官方手机购买板块 重点内容css浮动加背景颜色 .xiaomi1{ float: left; background: white; width: 234px; height: 260px; text-align: center; margin-top: 50px; margin-left: 10 ......
前端自动复制功能
一、步骤 1、input，value是你想复制的内容 2、聚焦input的文字，input.select() 3、执行copy命令 document.execCommand("Copy") 4、判断是否成功——不准确，但是有比没有好。 二、代码实现 let inputs=document.creat ......
对某登录站点的JS前端逆向思路
js逆向一直没有相关了解，虽然目前渗透遇见的不是很多，大多数遇见的要么不加密，要么无法实现其加密流程，不过最近看到了一个较为简单的站点正好能够逆向出来，就做了简单记录。本文旨在介绍js逆向的一些基础思路，希望能对初学js前端逆向的师傅有所帮助。 ......
HTML，实现一个三角形
▲三角形的实现html很简单就是设置一个盒子然后重要部分是css主要部分那红是备注 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w ......
前端学习笔记1
前端 笔记 2023.3 1. <meta>标记 链接 常用meta整理 | 菜鸟教程 (runoob.com) 主要用于提供HTML文档的元数据，用于不同移动设备页面调整（全屏、识别邮箱电话号码、添加广告）、SEO优化（搜索引擎优化）、页面相关（编码、站点适配）…… 2. url href src ......
在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯
转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。 在web-view加载页面中，会涉及wx、plus、uni等对象的使用。 在小程序下 ......
.net下功能强大的HTML解析库HtmlAgilityPack，数据抓取必备
.net下功能强大的HTML解析库HtmlAgilityPack，数据抓取必备 HtmlAgilityPack是一个.NET平台下的HTML解析库，它可以将HTML文本转换为DOM文档对象，方便我们对HTML文本进行操作和分析。HtmlAgilityPack支持XPath语法，可以通过XPath表达 ......
css三角形
https://blog.csdn.net/weixin_43951592/article/details/127442235 https://blog.csdn.net/m0_60237095/article/details/130076471 ......
前端入栈和出栈
在编程中，事件入栈（Event Pushing）和出栈（Event Popping）通常与事件循环（Event Loop）和消息队列（Message Queue）相关。这些概念在前端开发中尤其重要，特别是在处理异步事件和回调函数时。下面我将解释这些概念，并提供一些代码示例。 事件循环（Event L ......
微前端 qiankun
三个项目，一个管理端，两个微前端 文档地址 https://qiankun.umijs.org/zh 普通项目管理端安装qiankun npm i qiankun -S 管理端main.js import Vue from 'vue' import App from './App.vue' Vue. ......
通过Java-Netty实现一个简单的HTML实时聊天——demo
demo效果 初步准备 想要实现聊天就需要用到WebSocket，他是专门用于http进行实时聊天的的协议。因为主要核心在后端开发，所以我去白嫖了个超级简单的界面（就是不会！） 我编写demo时系统环境为Win-11，Java-8 环境依赖 只需要一个netty即可实现需要的功能 <!--netty ......
使用html文件渲染浏览器翻译json文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pre Tag E ......
HTML 语义标签
浏览器兼容性的原因，在这里推荐使用谷歌 1.语义介绍 每个HTML元素都有具体含义； 所有元素都与展示效果无关； 元素展示到页面的效果，应由CSS决定； 浏览器带有默认的CSS样式，所以每个元素都有默认样式； 选择什么元素取决于内容的含义，而不是显示出的效果。 类似分类。 通俗讲就是给标签赋予含义； ......
ubuntu22 flask项目 pyinstaller打包后运行报错： jinja2.exceptions.TemplateNotFound: index.html 的一种解决方案
前言 有一个flask项目a.py, 目录结构如下： |- a.py |- templates | - index.html |- static |- images 运行 python3 a.py可以正常加载网页，使用 pyinstaller 在 ubuntu16上打包： pyinstaller - ......
HTML-Input表单
浏览器兼容性的原因，在这里推荐使用谷歌 1.input 表单介绍： 用于与用户交互，收集信息。（收集不同类型的用户输入） 2.input 表单 组成： ①表单信息：提示用户操作（如何输入，怎样输入） ②表单控件：文本输入框、复选框、按钮 ③表单域：表单信息和表单控件都在域里。可定义、处理表单数据地址 ......
前端常用设计模式初探
设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。 ......
前端路由及两种实现方式
路由的概念来源于服务端，在服务端中路由描述的是 URL与处理函数之间的映射关系，当然也会处理不同的URL来展示不同 的视图界面。 随着Ajax的盛行，无刷新交互成为了当下的主流，我们更希望在无刷新的情况下完成不同URL来展示不同的视图界面，即在一 个页面中完成路由的切换（俗称：单页面应用开发SPA） ......
前端出现变量map未定义
原来错误代码 mounted() { .... this.map.addEventListener("click", function(e){//地图单击事件 var geocoder = new BMap.Geocoder(); var point = new BMap.Point(e.latln ......