-
在自定义组件上使用class, 微信小程序可以生效,支付宝不可以生效
在支付宝的自定义组件上使用class,那么自定义组件内部的props上将会有className这个属性,值就是class的值,可以用这个方式在组件内部使用class
-
JS中在数组头部添加元素的方法
1、使用Array.unshift()方法,在数组头部插入元素let person= ['张三', '李四', '王五'];console.log(person.unshift('小明')); // 4console.log(person); // ["小明", "张三", "李四", "王五"]// 注意: 此方法的返回值是数组的长度 且改变原数组2、使用ES6的扩展运算符(...)// 定义一个数组let arr = ['张三', '李四']let arr2 = ['王五', ...arr]console.log(arr2) // 王五 张三 李四// 定义一个数组,在头部写好需要插入的项后使用扩展运算符对原数组进行展开3、使用Array.contact方法,将数组进行拼接// contact方法连接两个或多个数组let arr1 = ['前端', 'JAVA']let arr2 = ['攻城狮', '程序猿'] // 需添加在头部的元素console.log(arr2.contact(arr1)) // 攻城狮 程序猿 前端 JAVA// 注: contact方法不改变原数组
-
css scale属性占位
使用scale缩放之后,虽然内容缩小了,但是占用的空间却没有变化
-
css添加伪元素不生效
html示例 一开始这样写不生效 示例代码 span{ content:""; width: 89px; height: 2px; background: #02B7CA; border: 2px solid #02B7CA;}解决方法伪元素添加display:inline-block;span{ content:""; display: inline-block; width: 89px; height: 2px; background: #02B7CA; border: 2px solid #02B7CA;}2.元素使用相对定位,伪元素使用绝对定位div{ position: relative;}span{ content:""; position: absolute; width: 89px; height: 2px; background: #02B7CA; border: 2px solid #02B7CA;}
-
你不知道的history使用方式
history对象的诞生:我们都知道一个URL代表了网络上唯一的一个资源。这个资源可以是一个页面,一张图片等等。在地址栏里输入一个url地址,浏览器就会将对应的资源展示出来。当在不同的地址之间跳转时,我们很自然地想要回退或者前进一个地址。为了实现这个功能,浏览器厂商定义了history对象。这时的history对象大致有很多方法,用于实现历史记录的访问、跳转。
-
css怎么设置斜体样式
在css中,可以利用font-style属性来设置斜体字效果,只需要设置“font-style:italic;”或者“font-style:oblique;”样式即可;值italic可以定义斜体样式,值oblique可以定义倾斜的字体样式。
-
html css修改滚动条的样式
滚动条样式的修改是通过伪元素实现的:-webkit-scrollbar滚动条整体部分-webkit-scrollbar-button滚动条两端的按钮-webkit-scrollbar-track外层轨道-webkit-scrollbar-track-piece内层轨道,滚动条中间部分(除去)-webkit-scrollbar-thumb内嵌滑块-webkit-scrollbar-corner边角-webkit-resizer定义右下角拖动块的样式示例代码ul::-webkit-scrollbar{width:4px;}ul::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);opacity:0.2;background:fade(#000,50%);}ul::-webkit-scrollbar-track{-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);border-radius:0;background:fade(#000,30%);}
-
html鼠标滑动隐藏菜单栏,CSS实现鼠标移入显示滚动条,移出隐藏滚动条
.list:hover{overflow-y:scroll;}
-
this is incompatible with sql_mode=only_full_group_by解决方案
MySQL查询时报错:this is incompatible with sql_mode=only_full_group_by.这个错误发生在mysql 5.7.5 版本及以上版本会出现的问题:
mysql 5.7.5版本以上默认的sql配置是:sql_mode=“ONLY_FULL_GROUP_BY”,这个配置严格执行了"SQL92标准"。