PyQt4 PySide 输入对话框 脚本之家
An impressive share! I've just forwarded...
...
还有 59 人发表了评论 加入8211人围观css3
flex：1代表什么（flex:1代表什么意思）
帝王组仁希 发表于2024-04-18 浏览5248 评论0
1.定义和用法
flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。
2.CSS 语法：
flex: flex-grow flex-shrink flex-basis|auto|initial|inherit; 默认值： 0 1 auto 属性值
3.flex：1代表什么
先看代码
<
css3
【CSS3】 平面转换 空间转换 动画（css3 2d转换）
Frankiefang 发表于2024-04-18 浏览3840 评论0
平面转换
CSS3中动画效果包括3个部分：过渡（transition）、变形（transform）、动画（animation)。前面学习的CSS过渡（transition）呈现的是一个“过程”，而CSS变形（transform）呈现的仅仅是一个“结果”。
使用transform属性来实现元素的变形效果，变形分为平面转换和空间转换。 语法：
transform:属性;
平面转换具有四个属性
属性
功能
translate()
平移
scale()
缩放
sk
css3
谈谈CSS3 硬件加速(GPU 加速)（css3开启gpu加速）
hasaki 发表于2024-04-18 浏览4541 评论0
CSS3 硬件加速又叫做 GPU 加速，是利用 GPU 进行渲染，减少 CPU 操作的一种优化方案。页面css做图片滑动，滚动，特别是手机端，可能出现卡顿，闪白等情况，解决这些动画卡顿的情况，我们通常可以采用GPU加速的方式。由于 GPU 中的 transform 等 CSS 属性不会触发 repaint，所以能大大提高网页的性能。
如何开启 GPU 加速
CSS 中的以下几个属性能触发硬件加速：
transform
opacity
filter
will-change
如果有一些元素不
css3
浅谈uniapp的flex布局（uniapp flex布局）
心之所向 发表于2024-04-18 浏览6480 评论0
1 flex布局
flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。设置Flex布局也很简单直接css中，设置它的 display:flex。
1.1 flex-direction
容器类元素排列方向，它有四个参数可以选择。row（从左至右）； row-reverse （从右至左）； column（从上到下）； column-reverse（从下到上）。
<template>
<view style="di
css3
回流和重绘（回流和重绘的区别）
謴 发表于2024-04-18 浏览6733 评论0
一、HTML怎么加载
在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML
标签，包括display:none隐藏，还有用JS动态添加的元素等。
浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体。
DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree，但区别很
大，因为render tree能识别样式，render tree中每个NODE都有
css3
一篇文章吃透 CSS3 属性： transition过渡 与 transform动画
任廷华 发表于2024-04-18 浏览4550 评论0
最近有人私信我 CSS 中的 transition (过渡) 和 transform (动画) 属性，这两个属性的参数确实比较复杂，它们可以做出 CSS 的一些基础动画效果，平移，旋转，倾角......等等，这些也是我早期学习 CSS 的难记易忘之处，今天给大家详细总结出来。
文章目录：
一：transition 过渡
1.1 transition-property 指定过渡属性
1.2 transition-duration 过渡时间
1.3 t
css3
鼠标右键点击事件（鼠标右键点击事件怎么设置）
情侣 发表于2024-04-17 浏览6937 评论0
学习记录： 最近做了个文档相关的系统，其中用到了鼠标右键点击事件的处理，这里做个学习总结。 实现效果如下图所示：思路整理：
1.MenuList ：这数组中放的是显示的内容，我这里给了几个name展示效果，若是后台接口传输数据原理一致。 2.contextmenu.prevent ：这是鼠标右击的点击事件，还有一个oncontextmenu 鼠标右击事件，前者是只有火狐浏览器支持，后者是所有浏览器都支持。菜鸟教程解释链接（菜鸟教程右击事件） 3.openMenu ：自定义的方法，控制台输
css3
【Vue】项目：尚品汇后台管理系统(上)
小小小 发表于2024-04-17 浏览7630 评论0
前言
记录尚品汇后台管理系统的开发过程，功能模块包括登录、首页、品牌管理、平台属性管理、SKU管理、SPU管理、用户管理、角色管理、菜单管理模块。后台管理系统是CMS内容管理系统的一个子集，通过项目实战可以彻底搞明白菜单权限、按钮权限如何实现，掌握市场中数据可视化ECharts、V-charts的运用。
主要涵盖的技术点：Vue-cli、Axios、Vuex、Element-UI、菜单权限、按钮权限、数据可视化、Scss……
由于项目写的太长了，编辑器真的很卡呜
css3
前端项目如何使用svg矢量图（前端项目如何使用svg矢量图文件）
tteeqq 发表于2024-04-17 浏览5977 评论0
不管我们是在做web项目还是后台管理类的项目时，都会用到各种各样的图标，对于图标我们可能会采用切图的方式来实现，但是切图是图片会有这样的问题：
1、页面放大会导致图片放大会变的模糊
2、如果页面中的图片过多的话会造成有很多请求也就代表页面加载慢。
所以基于以上问题我们一般使用svg的矢量图，矢量图一般由设计师提供给前端来转换成字体图标，在项目中使用。
优点：1、放大不会模糊 2、只加载一次不会有多余的请求。
如何使用：
1、我们可以借助iconfont-阿里巴巴矢量图库，
css3
回流和重绘（回流和重绘的区别）
huahua22 发表于2024-04-17 浏览10295 评论0
资料
你真的了解回流和重绘吗 - SegmentFault 思否
回流与重绘 - 掘金 (juejin.cn)
面试官：怎么理解回流跟重绘？什么场景下会触发？ | web前端面试 - 面试官系列 (vue3js.cn)
浏览器渲染过程
渲染页面：浏览器的工作原理 - Web 性能 | MDN (mozilla.org)
解析HTML，形成DOM树，当遇到非阻塞资源时，如图片则会继续解析，当遇到css文件时，也会继续解析。当时遇到了js文件（特别是没有defer和
css3
window.requestAnimationFrame强大的前端动画神器
海滩长颈鹿 发表于2024-04-17 浏览6366 评论0
今天介绍一个功能强大的api—window.requestAnimationFrame，它既可以实现如丝般顺滑的动画，又能充当性能优化的利器，还能代替setTimeout，setInterval等定时器。自从学会了requestAnimationFrame，我已经不会拼写setInterval啦…
背景
动画的实现与浏览器显示
在讲具体功能和api使用方法之前，我们先来大体聊一下api的背景和原理。
在各类影视节目横行的今天，大家应该都对电影或是动画的实现有一定了解，最开始的动画是工
css3
关于js的document.getElementByTagName的一些玩意
林中英雄 发表于2024-04-14 浏览3405 评论0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.fu{
width: 400px;
margin-bottom: 30px;
border: 1px soli