![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
weixin_42220130
这个作者很懒,什么都没留下…
展开
-
msg:“A JSONObject text must begin with ‘{‘ at 1 [character 2 line 1]“
这个错误提示是指在调用接口返回的响应数据中,JSON对象的文本必须以’{‘开头,但实际上它并没有以’{‘开头。可能的原因和解决方法如下: 1. 响应数据不是一个合法的JSON对象。请确保接口返回的数据是一个有效的JSON对象,并以’{‘开头和’}'结尾。2. 接口返回的数据可能包含了其他无关的字符或格式错误。在调用接口之前,可以先判断一下接口返回的数据是否为空,避免解析空数据导致的错误。如果以上方法都无法解决问题,建议检查接口的返回数据是否正确,并与接口提供方进行沟通。原创 2023-10-04 09:39:14 · 4947 阅读 · 0 评论 -
如何解决浮动元素高度不一导致元素浮动失效
多个浮动元素,高度不一样,结果有的元素被顶下去掉下去了。解决方法:多个浮动元素给一个固定高度即可。暂时还没找到自适浮动应高度的方法。设置所有图片高度106就可以了。审查元素高度大概是106。原创 2023-04-19 22:29:06 · 94 阅读 · 0 评论 -
Vue如何把多个对象合并到一个数组里?
【代码】Vue如何把多个对象合并到一个数组里?原创 2022-09-01 18:13:26 · 3456 阅读 · 0 评论 -
vue 一行代码实现nav切换
实现思路:动态添加class,active类名,vue 一行代码实现nav切换。转载 2022-08-30 15:39:19 · 214 阅读 · 0 评论 -
element ui el-table如何默认展开第一行?
用的是官方的Demo代码,实现element ui el-table 默认展示第一行功能效果图:要点:ref 和 toggleRowExpansion完整的代码原创 2022-06-14 15:21:06 · 3001 阅读 · 1 评论 -
微信小程序在Hbuilderx运行报错:? Enable IDE Service (y/N) [27D[27C
第一次在hbuilderx中利用uniapp 写小程序,在点击运行到微信小程序的时候,在控制台报错了,一直提示工具设置,以为是在hbuilderx设置呢,原来搞错了,是要去微信小程序开发者工具里面去设置。报错: ?enable ide service (y/n) [27d [27c解决办法:打开微信开发者工具设置,安全,打开服务端口...转载 2022-05-16 09:50:38 · 1205 阅读 · 0 评论 -
CSS横向滚动条失效,依旧换行如何解决?父级overflow-x: scroll;display:子级inline-black;
父级用overflow-x:scroll;子级用display: inline-black;子极超过父级的宽度之后,并没有的到左右滑动效果,而是另起一行,那么我们可以给父级写一个属性禁止它的子级自动换行white-space: nowrap;//禁止换行...原创 2022-01-07 22:04:53 · 2359 阅读 · 1 评论 -
css选择器的类型
css选择器的类型css选择器6种选择器1.id选择器2.标签选择器3.类选择器4.伪类选择器5.属性选择器6.结构选择器css选择器通过选择器给元素添加样式或进行操作。6种选择器id选择器标签选择器类选择器属性选择器继承选择器1.id选择器id选择器是唯一的,不能有两个相同的id选择器。//html<div id="identityDocument">id选择器是身份证标识,唯一编码。</div>//css#identityDocument {bac原创 2021-12-02 16:18:07 · 78 阅读 · 0 评论 -
img固定长方形宽高为正方形不变形中心显示
原图使用css width: 150px;height: 150px; object-fit: cover;原创 2021-11-01 17:45:08 · 286 阅读 · 0 评论 -
css 背景颜色怎么铺满整个页面?
给外面盒子一个最小高度为(100vh)整个屏幕.box{background: linear-gradient(90deg,#45b26e,#77c68d); min-height: 100vh;}原创 2021-08-28 11:07:52 · 1256 阅读 · 0 评论 -
CSS绘制三角形—border法
实现一个简单的三角形使用CSS盒模型中的border(边框)即可实现效果图:三角形实现原理:首先来看在为元素添加border时,border的样子<div></div>div { width:50px; height:50px; border: 2px solid orange;}效果图:border一般的用法这是我们平常使用border最普遍的情况——往往只给border一个较小的宽度(通常为1-2px);然而这样的日常用法就会容易让大家对border的形转载 2021-05-31 11:56:24 · 92 阅读 · 0 评论 -
纯CSS写三角形-border法
(1)有边框的三角形我们来写下带边框的三角形。如果是一个正方形,我们写边时,会用到border,但我们这里讨论的三角形本身就是border,不可能再给border添加border属性,所以我们需要用到其他办法。最容易想到的,是叠加层。思路是将两个三角形叠加在一起,外层三角形稍大一些,颜色设置成边框所需的颜色;内层三角形绝对定位在里面。整体就能形成带边框三角形的假象。这里就涉及到一个绝对定位的问题,上、下、左、右四种方向的三角形相对于父级定位是不同的。首先我们来看下,当定位都为0(left:0px;转载 2021-05-20 14:57:43 · 84 阅读 · 0 评论 -
"什么意思?
"等于"原创 2020-11-13 09:43:45 · 14193 阅读 · 0 评论 -
怎么把浏览器字体大小12px以下的字体正常显示
浏览器把字体大小12px以下的字体显示为12px,但是小程序又可以显示正常10px,我就改了一下来适应不同端。font-size:12px;/* 利用放大缩小属性 /-webkit-transform: scals(0.83)通俗的讲网上都会是这个答案,但是这个只考虑了字体大小,没有发现原来的文字占位也随着放大缩小了,这时候只需要将原来防止文字的盒子放大就ok了width:120%;font-size:12px;/ 利用放大缩小属性 */-webkit-transform: scale(0转载 2020-10-30 16:37:20 · 570 阅读 · 0 评论 -
css文字显示一行不换行超出显示省略号 二(多)行超出显示省略号
显示省略号的前提:父级需要宽度限制文字显示一行超出限制省略号overflow: hidden; //超出隐藏text-overflow: ellipsis; //显示省略号white-space: nowrap; //强制不换行文字显示二行超出限制省略号text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; //显示行数-webkit-box-orient: vertical;word-break: bre原创 2020-09-16 12:01:26 · 1444 阅读 · 0 评论 -
Sass(Scss)的学习和安装
jq文件放第1被引用的放引用的上面引用其他文件的文件要放在最下面原创 2020-08-25 11:00:02 · 621 阅读 · 0 评论 -
色彩css记录
//灰色color :#000;color :#333;color :#666;color :#999;//白色color :#fff;color :#333;原创 2020-08-13 15:11:32 · 244 阅读 · 0 评论 -
调试安卓机出现HTTP/1.1 404 Not Found错误
HTTP/1.1 404 Not Found解决办法:开启电脑vpn,全局模式即可解决。转载请注明:https://www.cnblogs.com/beileixinqing/p/12031375.html转载 2020-07-07 10:06:01 · 2123 阅读 · 0 评论 -
position:上下左右都为0是有什么作用
left等定位属性,要使用时,它得(dei)是已定位的元素。(absolute,relative,fixed) eg:img{position:absolute;left:100px} 如果去掉position:absolute,则left失效。对float:left这种浮动元素也是失效,反正就是定位了才让用哈。拓展一种居中用法,先定位,再设置 left:0;right:0;margin:auto 可以使元素垂直居中。 设置 top:0;bottom:0;margin:0 可以使元素水平居中。当然.转载 2020-06-16 13:57:45 · 1724 阅读 · 0 评论 -
flex布局设置单个子元素靠右显示
flex布局实现单个子元素靠右显示//方法1display:flex;flex:1;margin-left:auto;text-align:right;//方法2display:flex;justify-conter:flex-end;转载请注明:https://www.jianshu.com/p/95f272d8ea4f转载 2020-05-23 16:56:09 · 5872 阅读 · 0 评论 -
小程序默认样式问题合集
input有一个属性min-height,他默认是1.6rem只要把他改了,height属性就会改的placeholder和input的高度冲突的根本原因是placeholder的高度调不了,其实placeholder也有一个min-height的属性,只要把这个属性改成和input一样的就可以了。...原创 2020-04-03 22:48:06 · 797 阅读 · 0 评论 -
bootstrap.css和bootstrap.min.css有什么区别
bootstrap.css和bootstrap.min.css没什么区别bootstrap.min.css是bootstrap.css压缩后的产物,里面去除了一些空格和换行,缩小了体积。原创 2020-04-01 12:02:54 · 2121 阅读 · 0 评论 -
.htm 与 .html 两种文件格式(扩展名)的区别在哪里?
没有本质的区别。.htm是在win32时代,系统只能识别3位扩展名时使用的。现在一般都使用.html原创 2020-03-21 14:15:57 · 385 阅读 · 0 评论 -
bootstrap input 样式去除
input默认样式除border外, 还有一个阴影效果box-shadow;选中时同样有阴影效果。input,input:focus{border: none !important;box-shadow: none !important;}转载请注明链接:https://www.cnblogs.com/cengjingdeshuige/p/css.html...转载 2020-03-21 14:14:06 · 1073 阅读 · 0 评论 -
../路径
…/返回上一级…/…/返回上一级的上一级以此类推原创 2020-03-21 14:12:00 · 195 阅读 · 0 评论 -
中间文字两边是水平线怎么写?(利用html和css)
<div class="column"> <p>会场标题</p></div><style>.column{ border-top: solid 1px #000; text-align: center;}.column p{ position: relative; top:-20px background:#fff...原创 2020-03-21 14:08:59 · 610 阅读 · 0 评论 -
flex布局 flex:auto none %;理解
简写:flex: auto(项目实际大小,子级需要就写可单独使用)flex: 0 0 auto/*有多余空间不放大,空间不足时不缩小,展示项目本来的大小*/简写:flex: none(等比例缩放,须每个子级项目写,都使用才能达到等比例缩放)flex: 1 1 auto/*有多余空间放大,空间不足时缩小,展示项目本来的大小*/...原创 2020-03-21 14:04:04 · 1109 阅读 · 0 评论 -
同事的经验告诉我命名一定要慎重别用拼音全拼哈哈哈
事情是这样的fanren(烦人)我不应该笑的,对不起,但是真的是我今天的快乐源泉这个案例告诉我们命名别用拼音,用的话就首字母缩写,像明星那样。还有提交代码前一定要审查一下,慎言,慎写,慎提交。...原创 2020-03-17 19:10:25 · 574 阅读 · 0 评论 -
DOM元素的特性是什么?
DOM元素的特性是什么?特性(Attribute):是DOM元素在文档中作为html标签拥有的属性;首先来了解一下DOM的五个标准特性(id、title、lang、dir、class)当然还有,比如:a元素的hrefimg元素的src和alt就是特性<a href="#" ></a><img src=" " alt=" " />对于标准特性来说...原创 2019-11-23 09:33:33 · 844 阅读 · 0 评论 -
只显示border边框左右(上下)两边怎么写?
先设全边框,再取消上下边框样式border: 1px solid #000; border-style:none solid; 不建议使用(idea里面会爆黄并提示:属性边界被覆盖;属性边框样式重复属性边框)先设全边框,再取消上下边框的宽度**border: 1px solid #000; border-width:0 1px;**不建议使用原因如见上一条先设全边框,再取消上下...原创 2019-04-09 17:49:59 · 32987 阅读 · 0 评论 -
ul左边padding-inline-start: 40px;多出宽度和高度
默认的除IE,ul都会自动向右浮动40px原创 2019-05-20 13:51:00 · 12896 阅读 · 10 评论 -
媒体查询手机尺寸大全
@media screen and(min-width: 320px)and(max-width: 359px){ html{ font-size: 12.8px; } } @media screen and(min-width: 360px)and(max-width: 374px){ html{ font-size: 14.4px; } } @media screen and(...转载 2019-06-10 16:28:56 · 3873 阅读 · 0 评论 -
width:100%和 max-width:100%的区别
width:100% 和 max-width:100%的区别:width: 100%是将所有指定元素的宽度拉伸或收缩到和父元素的宽度一致,而max-width: 100%则是如果指定元素的宽度不超过父元素的宽度,则大小不变,如果超过了父元素的宽度,则将宽度收缩为父元素的宽度。版权声明:转载引用请注明出处哦~ https://blog.csdn.net/qianshanyou9054/art...转载 2019-06-10 16:39:55 · 5468 阅读 · 2 评论 -
align-items无法垂直居中
1.排查你的主轴方向:主轴方向是 flex-direction: row;请用justify-content: center;//主轴居中2.通过给元素设置高度行高来进行垂直居中line-height: 20px;//行高20px其他暂时不知道...原创 2019-07-23 16:17:10 · 1502 阅读 · 0 评论 -
css3 渐变 两边透明中间高亮 linear-gradient()
转载请标注原作者:https://www.cnblogs.com/fmixue/p/8309883.html#top<div class="linear"></div>.linear{ width:100%; height:2px; background: linear-gradient( ...转载 2019-07-30 12:02:30 · 8285 阅读 · 0 评论 -
布局之行内元素和块级元素
元素按照显示方式主要可以分为块级元素和行内元素,元素的显示方式由display属性控制。块级元素特点总结:1、总是在新行上开始2、宽度的默认为width+margin-left+margin-right+padding-left+padding-right刚好等于父级元素的内容区域宽度,即父元素的width。当设定新的宽度,如果宽度是100%,并且padding、margin不为零,导致块级...转载 2019-07-22 17:29:22 · 236 阅读 · 0 评论 -
小程序样式表里面不要写:*{margin:0;padding:0}
*{margin:0;padding:0}写上之后,小程序打不开项目。。。。讲真的wx小程序调试工具真的难用,各种bug原创 2019-07-23 15:02:29 · 902 阅读 · 0 评论 -
input黄色边框怎么去掉?
加上outline: none;下面是初始化input默认设置并设置成块元素:input{background:none;border:none;outline: none;display:black;}原创 2019-07-28 16:51:53 · 2219 阅读 · 0 评论 -
代码的两种命名方法:驼峰命名、匈牙利命名(优缺点)
一、骆驼命名法: 小驼峰法(camel方法)变量一般用小驼峰法标识。第一个单词以小写字母开始;第二个单词的首字母大写或(第一个单词之后)每一个单词的首字母都采用大写字母,例如:myFirstName、myLastName大驼峰法(Upper Camel Case)也称为:帕斯卡命名法:(pascal方法)常用于类名,函数名,属性,命名空间。相比小驼峰法,大驼峰法把第一个单词的首字母也大...转载 2019-11-23 09:34:04 · 1287 阅读 · 0 评论 -
使用vh单位手机页面滑动不了
最近使用了vw和vh,发现手机端上下滑动不了,全网一顿搜索没有关于这个问题的,emmmmmm,我:???用这两个单位要在父级定义好然后再加个显示滚动…放一下我的代码:body{ width: 100vw; height: 100vh; overflow: scroll;}...原创 2019-06-23 18:09:56 · 821 阅读 · 0 评论