前端html css
css自定义复选框和单选框
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{margin:0;padding:0;box-sizing: border-box;} /*复 ......
前端设计模式——MVC模式
MVC模式（Model-View-Controller）：是一种前端和后端都广泛应用的设计模式。它将应用程序的业务逻辑、数据表示和用户界面分离，使得开发人员可以独立地修改各部分而不影响其他部分。MVC设计模式有助于提高代码的可读性、可维护性和可重用性。 MVC是Model-View-Controll ......
React的行内样式与CSS
如何为组件添加 CSS 的 class？ 传递一个字符串作为 className 属性： render() { return <span className="menu navigation-menu">Menu</span> } CSS 的 class 依赖组件的 props 或 state 的情 ......
将前端图片转为base64存储至本地服务器，并返回URL存入数据库。Vue、Element-UI、axios、node.js
核心步骤：将base64转为buffer并用fs.write()存入.png文件中，即可得到一张可展示的图片，将其路径写入数据库即可。非二进制或blob对象 第一：获取图片文件，将其转为base64，通过axios发送至后台node.js服务器 HTML： methods中： getBase64(f ......
CSS进阶
一：伪类选择器 a:hover{ color: red; background-color: #87ceee;}标签：hover 点击会出现转换效果展示： 二：显示模式 块级显示可以设置宽高（div)行内显示不可以设置宽高大小只与内容有关(span) div{ width: 400px; heigh ......
CSS笔记（待完善）
CSS笔记 css权重 ID（100）> class（10）> element（1） css最高权重 !important 块元素（block） 可以设置宽度和高度，独立成行。 h1~h6、p、div、ul、li 行内元素（内联元素、块级元素）(inline) 不可以设置宽度和高度，不独立成行 a、 ......
第十七篇 HTML5 脚本编程
by caix in 深圳 跨文档消息传递 跨文档消息传送（cross-document messaging），有时候简称为 XDM，指的是在来自不同域的页面间 传递消息。例如，www.wrox.com 域中的页面与位于一个内嵌框架中的 p2p.wrox.com 域中的页面通信 跨文档消息传递简称 ......
python-爬虫-css提取-写入csv-爬取猫眼电影榜单
猫眼有一个电影榜单top100，我们将他的榜单电影数据（电影名、主演、上映时间、豆瓣评分）抓下来保存到本地的excle中 本案例使用css方式提取页面数据，所以会用到以下库 import time import requests import parsel #解析库，解析css import csv ......
前端开发-CSS
三种CSS写法 1.在标签内书写 2.在head中书写 3.在外部文件书写 各种选择器 常用：类选择器，标签选择器，后代选择器 少用：ID选择器，属性选择器 多个样式覆盖问题： 1.样式不同时一起作用 2.样式相同时，取style中排序后面的 3.若要强制使用，则添加important，如 colo ......
html 中使用 ssi 指令
SSI 即 Server Side Include，是一种基于服务端的网页制作技术 Apache 开启 SSI 支持 首先开启模块 mod_include LoadModule include_module modules/mod_include.so httpd.conf 或 主配置中引入的文件中 ......
前端开发-Html
HTML-head 1.<title> 标签定义了不同文档的标题 <title>文档标题</title> 2.<meta> 标签提供了元数据 <!--这定义网页作者--> <meta name="author" content="Runoob"> <!--为网页定义描述内容--> <meta nam ......
python flask 框架后端如何获取前端的表单数据 文本 单选框 多选框
文本 pyhon 后端用request.values.get("name") 去获取 if request.method == "POST": username = request.values.get("username") sex = request.values.get("sex") 二、多选 ......
直播网站程序源码，element el-menu，前端做菜单搜索
直播网站程序源码，element el-menu，前端做菜单搜索 方案一：递归+indexof 实现步骤： JS 实现树形结构数据的模糊搜索查询， 即使父节点没有，但子节点含有，父节点仍要返回。 /** * 递归tree关键词搜索 * * @param {key} 需要递归的key名 * @para ......
js 修改当前的css
CSSStyleSheet.insertRule() CSSStyleSheet.insertRule(".red::before { color: lightgray;content:"测试" }",0) CSSStyleSheet.addRule() 已经移除废弃 stylesheet.dele ......
第五次html
菱形: 代码: <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script>{ layer = parseInt(prompt("请输入层数" ......
第六次html
运行截图： 代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .container>img{ posi ......
Chrome 112 发布，删除 Chrome Apps、支持 CSS 嵌套
时隔一个月时间，Google 正式发布了 Chrome 112 版本，该版本删除了 Chrome Apps、支持 CSS 嵌套、改进了 <dialog> 等。 Chrome Apps 过去，Chrome Apps 是一种被视为向用户提供轻量级网站体验的方式。然而，它们从未像浏览器扩展或标准网站那样大 ......
CSS基础
为满足网页的需要，来进行前端代码的学习 CSS基础 一：style <style> css标签 </styte> 例：对p标签进行更改 <style> p{ color:red; /*像素*/ font-size: 30px; /*背景*/ background: aqua; /*宽度*/ widt ......
css
/* *{ padding: 0; margin: 0; border: none; } */ /* margin: auto; =0 auto上下为0，左右自适应*/ /* body{ display: flex; justify-content: center; align-items: cen ......
handsontable 前端类似excel组件
基于table https://handsontable.com/docs/javascript-data-grid/demo/ 基于canvas canvas-datagrid 基于canvas SpreadJS ......
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示 1、问题描述 最近将网站升级为 HTTPS 时，发现富文本中的图片不能显示。如果单独将图片地址，在浏览器上请求，图片显示正常。 2、解决方法 自动将http的不安全请求升级为https 页面的head中加入： `upgrade-ins ......
前端项目代码阅读指南
0. 把项目运行起来，如果npm总是报错，并且项目年代久远，直接放弃，找一个能跑起来的看。 1. 看 package.json ，了解项目中用到了哪些依赖，这些依赖一般都是怎么使用的，项目结构大概什么样子 2. 看目录，猜一下每个目录下的文件都是干什么的 3. 看入口文件，一般是index.js，或 ......
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
前端随笔
1、webpack的作用 模块打包工具，可以将项目打包成兼容浏览器的格式，或者打包成手机app等。 它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用 2、node的作用 ......
第四次html
运行效果: 代码: body{ /*background-color: #333;*/ } :root { --swiper-navigation-size: 44px; } * { padding: 0; margin: 0; /* border:1px solid red; */ } #logo ......
记录-一个栗子让你彻底弄懂CSS3补间动画和逐帧动画
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS3提供了Animation关键帧动画，我们在工作中比较常用。但在写CSS动画的时候，其实Animation能实现两种动画模式： 补间动画 设置关键帧的初始状态，然后在另一个关键帧改变这个状态，比如大小、颜色、位置、透明度等，电脑将自 ......
第二次html
效果: 代码: <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div_class{ background-color: #ccc; } .dox{ background-color: #dd ......
系统化学习前端之JavaScript（ES6：异步编程）
系统化梳理 JavaScript 异步编程相关知识点，包括 Promise，generator 生成器函数，以及 async await 异步函数等。 ......
前端pdf预览-pdfh5
遇到问题 用iframe、embed 标签死活都加载不出1M以上的文件，最后用开源项目 pdfh5解决问题 github连接： gjTool/pdfh5: web/h5/移动端PDF预览插件 (github.com) 1. 下载pdfh5 2.引包 <link rel="stylesheet" hr ......