- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp 自动计算tab左偏移量进行移动
和css没什么关系，就不贴代码了html <scroll-view scroll-x="true" @scroll="scrollTab" scroll-with-animation :scroll-left="scrollTabLeft" class="sort-box" id="index_goods"> <view id="tab_list"> <view :id="`sort-itemTab`" class="s
2021-07-30 19:29:56
648
原创 css---伪类使用iconfont字体
自己记忆使用使用第一种unicode方式， 把 &#x 替换成 /span:after { font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-
2021-04-13 21:25:08
436
1
原创 JS--------for循环删除数组元素
重点：删除数组元素会更改数组长度、元素索引符合条件删除对应索引元素，不符合索引加1//arr = [1,2,4,5,6,8,9]//第一轮：n=0,元素不符合条件-----索引加1//第二轮: n=1, 元素2符合条件-----数组= [1,,4,5,6,8,9]，索引不改变//第三轮: n=1, 元素4符合条件。。。//.... for (let n = 0; n < newDynamicArr.length;) { //符合条件根据索引删除元素，不符合索引加1 i
2021-04-06 12:13:20
1336
原创 css-----:after :before绘制三角形
1.遮挡盒子本身一部分边框// less.parentBox { position: relative; &:after { //正常带父盒子边框颜色的三角形 position: absolute; top: -20px; right: 10px; border: solid transparent; content: ' '; hei
2021-04-03 16:54:45
1757
原创 vue-------为v-html绑定样式的几种方法
<div class="a1" v-html="'<a href=javascript:; class=a2>超链接</a>''"></div>//1. style，使用了less或者sass.a1 { /deep/ .a2 { //a2样式, /deep/官方叫做深度选择器，会从当前组件的根元素开始往下查找 }}//2. style, 使用css.a1 >>> .a2 {/**/}//3. 使用两个style标签
2021-04-01 19:01:17
318
原创 js-----两个有序数组的合并去重
指针法排序：1.设置两个指针，i=0,j=0，指向两个数组2.两个指针都小于数组长度时，进行循环，3. 假设两个数组都是降序排列// 两个有序数组的合并排序function twoArrSort(arr1, arr2) { let i = 0, j = 0 let newArr = [] // arr1 = [5, 3, 1] arr2 = [6, 4, 2] // 第一轮： ewArr = [6] , arr1 = [5, 3, 1]， arr2 = [4, 2] //
2021-03-31 16:19:04
483
原创 Vue可编辑div组件------解决插入emoji时的光标问题
大神原文https://segmentfault.com/a/11900000058693721.记录光标最后位置//1. data()lastEditRange: ''// 2. 给可编辑div绑定keyup事件、click事件recordLastEditRange() { // 获取选定对象 const selection = getSelection() // 设置最后光标对象 this.lastEditRange = selection.getRangeA
2021-03-29 13:10:56
987
原创 Vue-------返回顶部功能
简单记录一下返回顶部功能html <div class="toTop" v-show="toTop_show" @mouseenter="show_toTop_txt" @mouseleave="show_toTop_icon" title="返回顶部" @click="backTop" > <i class="iconfont icon-Icon_Outline_Arrow_Up toT
2021-03-26 18:11:06
134
原创 Vue聊天框----在收发消息，组件加载成功后，滚动条自动滑到底部
个人学习记录，备忘。mounted() { this.scrollToBottom()},update() { this.scrollToBottom()},method(){ scrollToBottom() { this.$nextTick(() => { // scrollTop被卷上去的高度，scrollHeight内补被隐藏的实际元素高度 带滚动条的元素.scrollTop = 带滚动条的元素.scrollHeight
2021-03-11 11:08:58
587
1
原创 自定义子组件的双向数据绑定----可编辑div
vue—可编辑div的双向数据绑定，解决输入顺序错乱问题新建子组件inputDiv.vue:<template> <div class="sessionListBox_footer_input" contenteditable="true" ref="inpMsgRef" v-text="msg" @input="inputMsg" @focus="isLocked = true" @blur="isLocked = fals
2021-03-09 09:58:18
335
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人