前端html css
FreeCodeCamp-创建一副毕加索绘画来学习中级 CSS
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Picasso Painting</title> <link rel="stylesheet" href="./styles.css" / ......
Python前端面试题
JavaScript(或 jQuery)如何选择一个 id 为 main 的容器 #main 2.JavaScript(或 jQuery)如何选择一个 class 为 menu 的容器 .menu 3.简述什么是浏览器事件流 DOM2级事件规定的事件流包括三个阶段： 1、事件捕获阶段 2、处于目标阶 ......
使用Webstrom自动编译SASS/SCSS为CSS
sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!） window下安装SASS首先需要安装Ruby，先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量 ......
CSS
CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......
HTML
HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096 ......
HTML与CSS规范
此规范主要实现目标：代码一致性和最佳实践.降低代码的成本同时改善多人协作的效率。同时遵守最佳实践，确保页面得到最佳优化和高效代码。 命名规则 项目命名 全部采用小写方式， 以下划线分隔。 例如:my_project_name 目录命名 参照项目命名规则 常用css/images/js/styles ......
不让 nginx 缓存 html、htm
location / { if ($request_filename ~* .*\.(?:htm|html)$) { add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate"; ......
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件： 举个栗子： <template> <!-- 获取客户下拉数据，type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
前端传数组，后端可用list接收，apifox对应用数据结构-array
一开始apifox的body设置如图 idea报错： Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize value of ......
css 背景色渐变 line-gradient
background-image: linear-gradient(-55deg, #07265d, #0d3d92),linear-gradient(#2d323b, #2d323b); ......
css 文字内容过长和下一个信息项重叠解决办法(uniapp)
1. 把固定高度注释掉，自动调整高度 .cardBox{ padding:20rpx 30rpx ; .item{ // width: calc(100% - 40rpx); // height:398rpx ; padding:10rpx 20rpx 0rpx; margin-bottom: 25 ......
2023前端面试题
1.什么是重绘和回流，有哪些措施可以避免回流，从而提高页面性能 重绘（repaint）和回流（reflow）是浏览器渲染页面时的两个重要的步骤。 重绘是指当一个元素的样式（如颜色、背景等）发生变化，但没有影响其布局（如位置、大小等）时，浏览器会将这个元素的新样式重新画到页面上。 回流则是指当一个元素 ......
html5 svg 圆形进度条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5中的SVG属性实现圆形进度条效果</title> <style> #a{color:red;} </style> </head> <body> <sv ......
CSS选择器
Beautiful Soup还提供了另外一种选择器——CSS选择器，所以CSS选择器是基于Beautiful Soup的库来实现的。使用CSS选择器只需要调用select方法，传入相应的CSS选择器即可。下面我们通过一个实例来看一下CSS选择有哪些具体用法。 代码案例如下： html='<div c ......
如何利用Requestly提升前端开发与测试的效率，让你事半功倍?
痛点 前端测试 在进行前端页面开发或者测试的时候，我们会遇到这一类场景： 在开发阶段，前端想通过调用真实的接口返回响应 在开发或者生产阶段需要验证前端页面的一些 异常场景 或者 临界值 时 在测试阶段，想直接通过修改接口响应来验证前端页面是否正常 想验证后端服务响应比较慢的情况下，验证前端页面是否正 ......
小米商城主页展示HTML+CSS
大佬们呀，花了好几天的时间总算是看着页面展示可以了，求赐教！ 小米商城主页，对大佬来说肯定简单爆了，我抄写了好久呀，总是有一点点的小问题，还搞不明白 主要是一个静态的小米商城页面，HTML前端代码不复杂，一堆的div和ul、li就没问题了，主要是css代码搞不懂导致显示不正常 话不多说，直接上代码： ......
css3 flex弹性布局详解
一、flexbox弹性盒子 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 二、基本概念 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提 ......
UIOTOS：一款无门槛的前端0代码搭建工具
什么是UIOTOS？ UIOTOS中文名称前端大师，是一款基于图形技术的前端0代码工具，支持通过连线和嵌套无门槛来搭建各类复杂的的交互界面，包括后台管理系统、组态数据大屏等，实现跟代码开发媲美的效果。 为什么要做？ 前端技术更新快，开发和学习成本高 在软件开发领域，UI界面开发技术更新迭代最快，层出 ......
前端配置化表单组件设计方法
前端开发中涉及表单的页面非常多，看似功能简单，开发快速，实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多，vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本，下面介绍表单配置化组件的封装原理与封装方法。 ......
前端自定义分页
<el-table size="mini" stripe border fit height="406px" highlight-current-row :header-cell-style="{background:'#F0F3F8'}" :data="historyResearchUploadL ......
在 iframe 中继承父窗口 css/js 的方法
问题缘由 iframe 类似一个单独的网页窗口，不能直接继承父级页面的 css 和 js。 继承 css 因为 iframe 是单独的网页窗口，所以页面一般都有 head 标签的。在 iframe 子页面的 head 标签中加入如下代码： <script> window.parent.$(funct ......
CSS绘制虚线的方案
一、实现效果👀 二、代码实现🤖 <div class="line"></div> .line { width: 1px; /* 虚线宽度 */ background-image: linear-gradient(to bottom, #78FBCE 0%, #78FBCE 80%, transp ......
FreeCodeCamp-通过创建照片集来学习 CSS 弹性盒子
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
前端性能优化
1. 如果 应用层响应超时怎么处理解决 ？ 如果响应超时，可以采取以下措施来处理解决： 增加超时时间：可以增加请求的超时时间来尝试避免响应超时。可以在发起请求时，设置超时时间，如果在指定时间内未收到响应，则认为响应超时。 减少请求负载：如果请求负载过大，服务器响应可能会受到影响，从而导致响应超时。可 ......
前端知识点,资源,项目资源
中级前端需要掌握的知识点 JavaScript基础知识，包括ES6及以上版本的语言特性。 Vue框架的核心概念和实现原理，包括组件、指令、生命周期等。 React框架的核心概念和实现原理，包括JSX、组件、状态和属性等。 Web性能优化，包括代码压缩、CDN加速、懒加载等技术。 移动端开发，包括响应 ......
Mac M系列芯片 vue前端node-sass兼容问题解决
0、由于M系列芯片是arm架构，在使用brew安装node时都是arm的node，但是node-sass@4.14.1版本中不支持arm架构的出现如下报错： Error: Node Sass does not yet support your current environment: OS X Un ......
前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案
问题背景 开发新的前端项目时，总少不了搭建开发环境和执行npm install安装依赖包，但npm install的过程总是充满着玄学，很难保证一次性成功，其中尤其以node-sass这个包的安装失败问题最为常见。 像其他npm包安装失败，通常是因为网络问题，可以采用使用更好的网络环境或者切换源的方 ......
Module build failed (from ./node_modules/css-loader/dist/cjs.js): TypeError: this.getOptions is not a function
Module build failed (from ./node_modules/css-loader/dist/cjs.js):TypeError: this.getOptions is not a function Module build failed (from ./node_modules ......
FreeCodeCamp-通过创作罗斯科绘画学习 CSS 盒子模型
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Rothko Painting</title> <link href="./styles.css" rel="stylesheet"> < ......