前端随笔
文章平均质量分 63
是慕不是木
前端菜鸟一小只
展开
-
table标签中使th标签和td文字置顶
在想要置顶的标签上添加style="vertical-align:top" <table border="1"> <tr> <th>1</th> <th>2</th> </tr> <tr> <td style="height:100px;width:100px">1</td> <td>2</td> </tr.原创 2020-08-24 17:15:08 · 2181 阅读 · 0 评论 -
JavaScript之includes方法踩坑记录
Array.prototype.includes() String.prototype.includes() 在数组的includes中,同时只能比较单个成员,不能够检测多个 例如: var array1 = [1, 2, 3]; console.log(array1.includes([2,3])); // expected output: false 如果要同时判断2和3只能将此数组循环遍...原创 2019-10-30 15:44:42 · 3076 阅读 · 1 评论 -
【笔记】LocalStorage/SessionStorage用法
实用案例: 类似于分类查看信息,当选择条件进行过滤后,选择某一项查看具体信息并离开当前页面,当通过面包屑导航或后退功能返回至之前过滤后的列表 实现思路: 当页面离开时,将当前页面过滤条件存储在session中,无论通过哪种手段跳回页面都先从session中获取存储的信息,如若为空则选择默认值 在每次获取信息时需手动清空session存储的信息 ** SessionStorage ** Sessio...原创 2019-10-25 14:23:18 · 129 阅读 · 0 评论 -
手风琴纵向收缩内容简单实现
今天在项目中有一项需求是将大面积的内容折叠起来通过箭头收缩 找了很多资料框架啊、插件啊、等等,后来参考了大神们的一些写法写出了一个我认为是最简单的写法,记录一下,备用 我用的是vue+ts 罗列部分主要代码 HTML代码: <ul style="list-style-type:none"> <li class="allContents"> <d...原创 2019-10-15 17:26:05 · 216 阅读 · 1 评论 -
style属性运用三元运算符确定属性方法
度娘找到的方法^_^ 写法: <a :style="{'visibility':(index < (value.length-1)?'':'hidden')}"></a> 如果有多个属性,只需要在三元运算符前添加,用分号隔开 <a :style="{padding-left: 0px;'visibility':(index < (val...原创 2019-10-12 09:01:37 · 4049 阅读 · 0 评论 -
JS-localeCompare用法
首先-官方解释 localeCompare()方法返回一个数字来指示一个参考字符串是否在排序顺序前面或之后或与给定字符串相同。 新的 locales 、options参数能让应用程序定制函数的行为即指定用来排序的语言。locales和options参数是依赖于具体实现的,在旧的实现中这两个参数是完全被忽略的。 语法 referenceStr.localeCompare(c...原创 2019-09-18 09:50:40 · 910 阅读 · 0 评论