- 博客(16)
- 收藏
- 关注
原创 点击菜单定位到该内容,滚动到该内容时相应菜单高亮
<divclass="tab"><a:class="activeMenu===index?'active':''"v-for="(item,index)inbuttonArr":key='index'@click="jump(index)">{{item}}</a></div><div class="scroll-content" :style="'overflow-x: hidden; overflow-y: ...
2021-04-27 15:23:37
885
原创 vue项目中主题色问题
首先主题颜色是后台接口返回到前台的。接下来我总结一下我的项目:1、这个接口页面一打开就调用了2、新css属性setPropertydocument.getElementsByTagName('body')[0].style.setProperty('--primaryColor', '#fd6b21');--primaryColor:是我对颜色的命名;#fd6b21:可以替换成后台返回的颜色值3、在样式里面可以直接写你的颜色了color:var(--primaryColor);..
2021-04-27 14:58:58
805
原创 客源数据平台遇见的问题
本地(精准营销部分)热门标签点击事件以及添加标签弹框功能是好的,部署到测试环境上,这两个功能完全没有任何反应。解决办法:第一步:注释了生产环境里的部分配置文件// 代码压缩 config.plugins.push( new UglifyJsPlugin({ uglifyOptions: { ...
2020-04-24 16:44:31
172
原创 js实现给数组中的对象追加属性
var a=[{name:'小明',},{name:'小南',}];// 给数组中的第一个对象增加属性a[0]['gender']="women";console.log(a)a[0]['address']="China";console.log(a)// // 给数组中的第二个对象增加属性a[1].province="hefei"console.log(a)上面的打印结...
2019-12-05 17:33:13
2194
原创 css修改默认的滚动条样式
/*滚动条样式*/::-webkit-scrollbar {/*滚动条整体样式*/width: 4px; /*高宽分别对应横竖滚动条的尺寸*/height: 4px;}::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;box-shadow: inset 0 0 5px rgba(0,0,0,0.1);...
2019-07-31 15:48:45
198
原创 -webkit-line-clamp实现文字显示行数,多余的用省略号代替-webkit-line-clamp
限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:display:-webkit-box ----------必须结合的属性,将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient:vertical;----必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式 。 默认是水平的,当值设为vertical时为垂直排...
2019-03-27 17:40:56
793
原创 微信小程序启动出现初始化失败
打开项目的时候,会提示初始化失败低于2.2.3版本:1、点击右边收起的按钮2、点击调试基础库,选择高于2.2.3版本的 就OK了
2019-03-04 10:14:41
5021
原创 工作中 项目遇到的一些问题笔记~中国社区前台pc
中国社区前台pc:1、vue中的ref与$refs 1.1 ref用在dom元素里面或者子组件中 <div class="left_last"> <span>状态:</span> <v-numodule :list='["未读","已读"]' ref="isRead">&l
2019-01-15 20:23:47
63
原创 时间格式的转换,时间戳转换成日期
function timeFormate(timestamp) { let date = new Date(timestamp); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 letY = date.getFullYear() + '-'; letM = (date.ge...
2018-09-20 17:08:21
692
原创 控制文本超出部分显示省略号
在样式中添加三行代码:overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/ text-overflow : clip | ellipsis ;clip : 不显示省略标记(...),而是简单的裁切 ellipsis : 当对象内文本溢出...
2018-09-20 16:37:03
221
原创 媒体查询相应不同电脑屏幕(pc端断点设置)
<style> @media screen and(min-width: 1024px){ body{font-size: 18px} } /*>=1024的设备*/ @media screen and(min-width: 1100px) { body{font-size: 20px} } @media screen ...
2018-09-17 16:22:34
2632
原创 解决chrome 跨越问题
起初和同事使用同样方法,同事的电脑可以,我的就不可以。最后的办法:1、下载最新的浏览器2、重新创建一个快捷方式,重命名为 Chrome-Debug 3、鼠标移入到快捷方式上,右击鼠标,点击属性,在目标路径上添加:--user-data-dir="c:\ChromeDebug" --test-type --disable-web-security 注意:原路径和添加的之间 需要有一个空...
2018-09-17 16:11:17
1046
原创 display:none、visibility:hidden、opacity:0三者之间的区别
三者共同点都是隐藏。不同点:一、是否占据空间display:none,隐藏之后不占位置;visibility:hidden、opacity:0,隐藏后任然占据位置。二、子元素是否继承display:none---不会被子元素继承,父元素都不存在了,子元素也不会显示出。visibility:hidden---会被子元素继承,通过设置子元素visibility:visible来显示...
2018-08-19 10:28:15
3174
原创 使用abort方法,终止正在进行中的的ajax请求
在发送ajax请求的时候,可以手动设置请求超时时间:timeout 在请求过程中可以使用abort方法来终止请求: $(function () { var ajaxtest = $.ajax({ url: 'https://cnodejs.org/api/v1/topics?tab=good', //请求的URL ...
2018-08-06 17:47:56
7415
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人