前端哥

CSS权威指南(十二)Flexbox

2024-02-10Flexbox是一种简单而强大的布局方式,通过flex可以指明空间的分布方式、内容的对齐方式和元素的视觉顺序,把不同的组件放置在页面中。Flexbox依赖父子关系,在元素上声明display:flex | inline-flex后,这个元素随之成为弹性容器,负责在所占空间内布置子元素(flex-item)。取值:flex-start | flex-end | center | space-between | space-around | space-evenly | stretch。

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

经典布局 (flex和传统两种实现) 左右两栏式

2024-02-10right:宽度和父级一样,设定margin-right:left的宽度px,宽度随父级变化而变化(固定 自适应)当主轴方向为 column时,上面设置高度,宽度和父级一直,下边flex:1。也就是说,当主轴方向是row的情况下,左边设置宽度,右边flex:1。right: 定宽高: position: absolute top: 0 right 0。left: 定宽高: position: absolute top: 0 left: 0。left,right:定宽,定高,float:left。_flex实现左右布局

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

node内存泄漏耗尽: FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript

2024-02-10执行npm命令报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me​解决办法:在package.json里添加​_fatal error: ineffective mark-compacts near heap limit allocation failed - j

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

01-04css

2024-02-10在CSS中认为所有的HTML标签都是一个盒子,这些盒子有以下内容:边框border、内容content、内边距padding(内容与边框的距离)、外边距margin(盒子与盒子之间的距离):read-only 选择有"readonly"的表单元素,注意只读包含禁用,所以也会影响具有"disabled"的表单元素。E:nth-child(n) { css样式 } - n可以是数字,2n,2n-1,even奇数,odd偶数,具体看情况。内边距:元素内容区域和边框之间的距离,可以设置内边距的大小。

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

Css Flex 弹性布局中的换行与溢出处理方法

2024-02-10本文将详细介绍Flex布局中的换行与溢出处理方法,并结合具体的代码示例,帮助读者更好地理解与运用。2,使用flex属性:flex属性是flex-grow、flex-shrink和flex-basis的缩写。可以通过设置不同的flex-basis值来改变子元素的宽度,从而实现溢出内容的隐藏效果。在上述代码中,容器元素的宽度为400px,设置了flex-wrap属性为wrap,以及子元素的flex-basis属性为200px。在Flex布局中,当子元素的总宽度超过父容器的宽度时,有时我们需要进行换行处理。_flex布局换行

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

前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by

2024-02-10"module": "./es/index.mjs",如下图,之前的是"module": "./es/index.js",文件类型改为mjs。主要原因是由于用到的组件进行npm i时默认使用的是vue2,不支持vue3,但是前端框架使用的是vue3,所以导致重构编码时会报错,_default" is not exported by

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

vue element-ui前端使用print-js实现打印,可自定义样式(横纵向,缩放比,字体大小,背景色)

2024-02-10实现纯前端的打印功能,可自定义打印样式,使用print-js实现,设置打印默认横纵向,设置打印默认缩放比,修改打印字体,修改背景色。_vue element 打印设置颜色

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

微信开发相关:使用微信 JS-SDK 接口

2024-02-10通过微信 JS-SDK 接口,可以在自己写的 JS 程序中使用很多微信的功能。例如微信里的卡片式链接、拍照上传下载图片、录制播放上传下载音频、获取地理位置、使用摇一摇、扫一扫、微信支付等功能。_微信sdk

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

【CSS】盒子模型圆角边框 ( 通过设置 border-radius 样式设置圆角矩形圆角半径 )

2024-02-10一、盒子模型圆角边框二、代码示例1、代码示例 - 正常矩形边框2、代码示例 - 圆形边框3、代码示例 - 圆角矩形边框4、代码示例 - 综合对比示例_css如何将盒子设置为圆角

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

vue3项目使用pdf.js插件实现:搜索高亮、修改pdf.js显示的页码、向pdf.js传值、控制搜索、处理接口文件流

2024-02-10官网下载地址:https://mozilla.github.io/pdf.js/getting_started/#download.1、使用pdfjs已经写好的viewer.html页面。下载后将pdf.js 放到服务器上 如:http://xxxx:8080/static/pdfjs。这种方法需要从官网上将pdf.js包下载下来。pdf.worker.js:负责核心解析。通过插件docx-preview实现。2、将PDF文件渲染成Canvas。pdf.js: 负责API解析,_vue pdf.js

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

6190条数据,当前575/619

最近搜索

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