前端哥

CSS3 弹性盒子(Flex Box)

2024-03-0625、CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒子( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。案例,实现水平垂直居中:正在上传…重新上传取消绝对定位与负边距实现#container{ position:relative;} .._css弹性盒子

https://www.qianduange.cn//article/3349.html 分类:前端知识

[Vue warn]: You may have an infinite update loop in a component render function

2024-03-06解决bug的方法_you may have an infinite update loop in a component render function.

https://www.qianduange.cn//article/3334.html 分类:前端知识

Base64加密解密

2024-03-06解决:btoa 不支持 Unicode 字符编码的问题编码时,先用 encodeURIComponent 对字符串进行编码,再进行 btoa 进行 Base64 编码解码时,先用 atob 对 Base64 编码的串进行解码,再用 decodeURIComponent 对字符串进行解码。注意:不适用于带中文解密,即window.btoa 与 window.atob 不支持中文,且 IE9 以下不支持atob、btoa。2、window.atob() 函数用来解码被 base64 编码过的数据。_base64解码

https://www.qianduange.cn//article/3316.html 分类:前端知识

2023最新vue安装(npm,yarn,国内镜像,vue安装,vue导包)全套教程2023年12月最新

2024-03-05201、设置淘宝镜像源 npm config set registry https://registry.npm.taobao.org/import 'bootstrap/dist/js/bootstrap.min.js' //引用bootstrap的js。如果要在设置成官网npm config set registry https://registry.npmjs.org。如果返回https://registry.npm.taobao.org/,说明配置的是淘宝镜像。安装完成后,你可以测试下自己的版本。_vue安装镜像

https://www.qianduange.cn//article/3271.html 分类:前端知识

【HTML教程(一)】HTML标签、模板和实例

2024-03-04使用Node.js,您可以使用流行的Web框架(例如Express、Koa和Hapi)构建服务器端Web应用程序,并且还可以使用库(例如Mongoose、Sequelize和pg)与数据库(如MongoDB、MySQL和postgreSQL)进行交互。通过为元素指定 id,您可以轻松地选择、控制和操作特定的元素,而不受其他元素的影响。id 是一种属性,用于为元素指定一个唯一的标识符。与类名不同,id 是唯一的,每个元素只能具有一个 id,因此您可以使用 id 来选择特定的元素,而不受其他元素的影响。_html模板

https://www.qianduange.cn//article/3205.html 分类:前端知识

无涯教程-HTML5 - Canvas Composition函数

2024-03-04现有画布内容保留在新形状和现有画布内容重叠的位置。仅在新形状和目标画布都重叠的地方绘制新形状。现有画布仅保留在与新形状重叠的位置。新形状绘制在画布内容的后面。无涯教程可以在现有形状后面绘制新形状,并遮盖某些区域,使用。将形状透明化,使其在其他任何地方都重叠并绘制法线。这是默认设置,并在现有画布内容之上绘制新形状。两种形状重叠的位置通过添加颜色值来确定颜色。在不与现有画布内容重叠的位置绘制新形状。仅在与现有画布内容重叠的位置绘制新形状。现有内容将保留在不与新形状重叠的位置。在现有画布内容后面绘制新形状。

https://www.qianduange.cn//article/3204.html 分类:前端知识

css transform导致字体像素模糊的问题解决办法

2024-03-04直接给translate的Y轴偏移设为绝对单位,此时也是不会模糊的,此时不管你元素高度是奇数还是偶数 transform: translate(-50%,-201px);原本字体的父级为列子中的popup-box,我们可以看到该父级是参与定位偏移的,所以才会影响到里面的字体,因此我们让字体套多一层父级即可。偏移元素达到定位的效果,但是相继出现的是,如果元素内部有字体的话,会出现模糊的问题。3.给translate的Y值偏移设为绝对单位。1.给字体加多一个父级。_transform: rotate 导致兄弟元素模糊

https://www.qianduange.cn//article/3188.html 分类:前端知识

CSS学习1

2024-03-04CSS的学习-美化网页的内容CSS(层叠样式表),样式表语言。书写位置:title标签下方添加style双标签,style标签里面书写CSS代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t_clipdata.item { h:

https://www.qianduange.cn//article/3175.html 分类:前端知识

js对url进行编码解码(三种方式)

2024-03-04escape官方已不推荐使用了,基本淘汰了,如果想对URL编码,最好不要使用此方法,encodeURI和比较常用。前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。如果文章对你有所帮助,!博主会持续更新。。。。_js urldecode

https://www.qianduange.cn//article/3174.html 分类:前端知识

1264条数据,当前111/127

最近搜索

会员中心 联系我 留言建议 回顶部