前端笔记
css,js,node,html,node以及前端框架的一些知识点,遇到的错
南宫玄色
龙腾四海,雨泽四方
展开
-
css flex布局自动换行
js display: flex; flex-flow: wrap display:flex 是弹性盒布局,flex-flow是盒子属性flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性,设置子元素排列方式flex-flow 属性设置子元素是否拆行或拆列。flex-direction 属性设置子元素的方向。!要是父元素即盒子没有设置display:flex,flex-flow属性是不能生效的flex-flow 可设置的值有nowrap,wrap,wr原创 2022-05-18 19:35:01 · 9901 阅读 · 0 评论 -
行内元素和块级元素,block,inline,inline-block
常见的块级元素div、p、h1~h6、ul、li、ol、dl、dd、dt、table、hr、blockquote、address、pre、menuh5新增 header、footer、aside、section块级元素 display:block;特点 :独占一行,可设置宽度和高度,可设置padding和margin常见的行内元素span、a、label、sup、sub、abbr、s、i、em、u、strong、small行内元素 display:inline;特点 :不能独占一行原创 2020-12-04 12:45:46 · 998 阅读 · 2 评论 -
.jpeg 格式图片URL在浏览器里默认是下载
原因是上传图片事Content-Type是image/jpeg,而jpeg格式在浏览器里是下载,img 标签也不能正常现实。解决办法上传是Content-Type是image/png。如果图片资源是上传阿里云oss的 阿里云支持获取其他格式的图片列如 https://resource.enoch-car.com/tenant/TEST/Android/serviceVehicleImages/IMG_20220517095650372.jpeg?x-oss-process=image/format,pn原创 2022-05-18 20:08:01 · 1366 阅读 · 0 评论 -
简易 图片浏览 组件
根据业务做了一个简易图片浏览组件,分享一下<template> <div class="content-box"> <p class="switch-button switch-pre" @click="pre"><i class="el-icon-arrow-left"></i></p> <p class="switch-button switch-next" @click="next"><i原创 2021-05-13 10:14:18 · 214 阅读 · 0 评论 -
vue 样式文件引入方法
script标签 样式文件引入import '@/style/reset.css'style标签 样式文件引入@import '@/assets/iconfont/iconfont.css';![在这里插入图片描述](https://img-blog.csdnimg.cn/13b983758eba4e1fae53f2c4f4cb2494.png@import引入样式文件,就算加scoped,其它没有引入的模块还是可以访问到你的样式,如果某个组件的类名一致,则就会被污染到。解决办法:用styl原创 2022-04-28 09:49:56 · 1448 阅读 · 0 评论 -
el-uolaod 上传组件on-error 回调 拿到后端消息体
今天遇到测试提的bug报错,一个导入文件出错,后端有错误信息,前段为什么没有弹出,因为项目里所有报错都是架构里做的,所有请求都是用的axios,在请求拦截里做了错误消息提示。查找之后发现原因所在,用的el-uoload组件,他用action提交的,没有走请求拦截,所以要在uplaod的on-error回调里做一个错误信息提示,原因和解决思路都明确了,但是on-error这里拿到后端返回的消息却遇到了问题,这才是这篇博客要说的,费了一番功夫,圆满解决。上图是打断点得到的on-error函数返回的err信息原创 2021-03-31 10:33:25 · 843 阅读 · 0 评论 -
使用http模块创建服务器和使用Node js中的express框架创建服务器之间有什么区别
express框架简单封装了node的http模块,因此,express支持node原生的写法。express的重要意义在于:支持使用中间件 + 路由 来开发web服务器逻辑。原创 2023-02-16 17:43:03 · 352 阅读 · 0 评论 -
CSS文本溢出省略号在Grid / Flex中不起作用
CSS文本溢出省略号在Grid / Flex中不起作用原创 2023-03-12 18:03:23 · 1221 阅读 · 0 评论