祎祎的博客

在开发过程中，实现文本超出一行或者两行，其余部分显示省略号，这个业务需求比较尝见，那么如何实现呢1、用css来实现 //一行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;//两行 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis

在移动端用了elementUI的el-select的组件，苹果手机下拉框选项需要点击两次才能选中切换。解决方法：在app.vue里面，（特备注意：注意是在app.vue里，不是在页面或者组件里！！！！），加上一段css代码。.el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}...

首先，我们先给元素一个class名，这里我们就姑且叫他text吧然后就用.text { width: 100px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

呀呼，最近写项目时发现，如果用户在微信上面更换头像或者昵称，但是当你去登录小程序的时候，授权登录会发现，获取到的还是原来的头像和昵称，不要害怕，这是因为有大约四个小时的缓存，微信那边需要四个小时左右去更新缓存，但是如果非要较真的问，为啥要四个小时， 阿巴阿巴，这这这，我也不知道，我也是百度滴，知道的太多不好...

小程序禁止页面左右滑动PS：在开发过程中可能会遇到某一个页面可以左右滑动，在开发者工具是不会出现左右滑动这个问题的，然后安卓上面也不会出现左右滑动，但是苹果测试机上面会出现屏幕左滑出现空白页问题解决方案1、页面中view设置width:100%之后，页面右边会多出一块白区域，并且可以左右滑动，解决方法是给这个view加一个box-sizing：border-box;2、直接给最外层的view设置一个overflow-x:hidden;3、在json文件里面加 "disableScroll":

代码在运行过程中得到的中间结果与预期的结果不一致，就是异常。一般运行环境会抛出一个提示对象，中断程序运行，这个就是异常机制。try { // 可能出现异常的代码} catch(e) { // 出现异常以后执行的代码 // e:exception，用来捕获异常的信息}//不会阻塞代码...

微信小程序底部tabBar一般通过wx.switchTab进行跳转，但该api无法传参，如何解决传参问题？1、app.globalData全局变量进行传参第一步，我们在全局的app.js里面的globalData方法里面添加一个参数globalData: { preRoute: '', },2、我们在要用到的页面里面引入这个app.jsvar app = getApp()然后在要用到的地方调用这个参数app.preRoute=1然后跳转的页面判断这个参数的值就好啦但这种

// 1. 判断字符串类型和长度let a = "hello world!!!"console.log(typeof a);console.log(a.length);// 2. 字符串拼接let str1 = "hello"let str2 = "world, zhang meng yi."let str3=str1+str2console.log(str3);let str4 = `${str1}${str2}`console.log(`[${str1}]`); console.

let pages = getCurrentPages(); //页面对象let prevpage = pages[pages.length - 2]; //上一个页面对象console.log(prevpage.route) //上一个页面路由地址let path = prevpage.route;console.log(path, ‘path’)

var reg = /1(([3][0-9])|([4][0,1,4-9])|([5][0-3,5-9])|([6][2,5,6,7])|([7][0-8])|([8][0-9])|([9][0-3,5-9]))[0-9]{8}$/;1 ↩︎

实现左右滑动的方法有很多，但是，今天展示一个最最简单版的，用css实现小程序左右滑动导航条css版超级简单实现导航条滚动给里层盒子设置：scroll-behavior:smooth; overflow-y:hidden;给最外层大盒子设置：class名 ::-webkit-scrollbar {display: none; /* 不显示滚动条 */} <!-- 滚动导航条 --> <view class="flex_m cursebox">

find()方法用于查找数组中符合条件的第一个元素，如果没有符合条件的元素，则返回undefinedlet arr = [1,2,3,4,5];let num = arr.find(item => item > 1);console.log(num) 输出： 2

正则替换input输入框非数字，可以输入数字，小数呀oninput="value=value.replace(/[^\d\.]/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"

removeEventListener() 不能移除匿名函数，只能使用有名字的参数addEventListener() ，removeEventListener()均为事件绑定操作，一个增加事件绑定，一个是移除事件绑定。 addEventListener(),用于向元素增加绑定事件，removeEventListener()用于向 元素移除绑定事件。语法说明：element.addEventListener(event,fn,useCaption );参数说明：event，比如 click mous

split("")[0] 得到的是第一个_之前的内容split("")[1] 得到的是第一个_和第二个_之间的内容

最近写一个仿拼多多拆红包功能，但是后端数据返回的拆红包机会是一个数组，怎么办呢？我们只获取数组返回的第一条，然后循环调用这个接口就可，如图？// 点击拆弹出红包弹框 gochai() { //这里是接口调用 传参 对象形式，在data里面定义的 API_Rebate.getOrderList(this.orderParams) .then((response) => { if (response.code == 0) {

如果后端给我们返回个空数组，那么我们前端该如何展示呢？1、我们可以判断一下数组的长度if(res.data.data.length <=0 ){ console.log('我是空数组');...}2、还可以通过JSON.stringifyJSON.stringify(obj) === '[]'// 以上为判断空数组 JSON.stringify(obj) === '{}';// 此为判断空对象...

最近因为公司项目node版本比较低，但是百度了一下node如何降低版本，发现都让安装那个nvm，但是我这种菜鸟肯定搞不明白了呀，依稀记得老师说过，没这么复杂，只需要一行命令就好啦！！！（1）安装node版本管理模块nsudo npm install n -g下边步骤请根据自己需要选择（2）安装稳定版sudo n stable（3）安装最新版sudo n latest**（4） 版本降级/升级**sudo n 版本号//例如：sudo n 9.1.7...

首先打开终端，查看端口号是否被占用，输入： lsof -i:1234 (1234为端口号)，回车，如果有代码出来说明端口号被占用，如果回车之后没有代码就说明端口号没有被占用；如果端口号被占用输入：kill -9 37513 (37513为你要杀掉的端口号)...

最近启动项目报这么老多错误，着实吓人，那么怎么解决这个报错并启动项目呢？其实呀，vue 取消eslint语法限制是代码规范问题➜ my-project npm run dev > bblee-app@1.0.0 dev /Users/bianlifeng/my-project> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 95% emitting