- 博客(81)
- 收藏
- 关注
RSS订阅原创 如何获取时间戳，如何获取富文本
parentNode：元素的父节点。elems:当前选中的dom。如何获取编辑器里面的dom。js替换当前dom的内容。获取dom下的富文本。dom:要提换的内容。
2022-12-21 02:20:14
148
原创 如何让文本超出1行、两行、甚至1.5行用...省略号显示（优化）
在开发过程中，实现文本超出一行或者两行，其余部分显示省略号，这个业务需求比较尝见，那么如何实现呢1、用css来实现 //一行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;//两行 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis
2022-03-25 18:08:58
563
2
原创 elementUI menu select下拉框在ios移动端需要点击两次才能选中
在移动端用了elementUI的el-select的组件，苹果手机下拉框选项需要点击两次才能选中切换。解决方法：在app.vue里面，（特备注意：注意是在app.vue里，不是在页面或者组件里！！！！），加上一段css代码。.el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}...
2021-11-25 10:36:21
3666
原创 炒鸡简单的如何实现内容超过一定字数显示省略号
首先，我们先给元素一个class名，这里我们就姑且叫他text吧然后就用.text { width: 100px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
2021-08-31 15:41:01
169
3
原创 微信更换头像和昵称，为什么登陆小程序会出现还是获取到的之前的头像和昵称？
呀呼，最近写项目时发现，如果用户在微信上面更换头像或者昵称，但是当你去登录小程序的时候，授权登录会发现，获取到的还是原来的头像和昵称，不要害怕，这是因为有大约四个小时的缓存，微信那边需要四个小时左右去更新缓存，但是如果非要较真的问，为啥要四个小时， 阿巴阿巴，这这这，我也不知道，我也是百度滴，知道的太多不好...
2021-08-17 13:35:46
5717
1
原创 微信小程序禁止页面左右滑动
小程序禁止页面左右滑动PS：在开发过程中可能会遇到某一个页面可以左右滑动，在开发者工具是不会出现左右滑动这个问题的，然后安卓上面也不会出现左右滑动，但是苹果测试机上面会出现屏幕左滑出现空白页问题解决方案1、页面中view设置width:100%之后，页面右边会多出一块白区域，并且可以左右滑动，解决方法是给这个view加一个box-sizing：border-box;2、直接给最外层的view设置一个overflow-x:hidden;3、在json文件里面加 "disableScroll":
2021-08-06 16:52:09
4406
1
原创 js抛出异常
代码在运行过程中得到的中间结果与预期的结果不一致，就是异常。一般运行环境会抛出一个提示对象，中断程序运行，这个就是异常机制。try { // 可能出现异常的代码} catch(e) { // 出现异常以后执行的代码 // e:exception，用来捕获异常的信息}//不会阻塞代码...
2021-08-02 13:32:03
492
原创 微信小程序底部tabBar如何解决跳转传参问题
微信小程序底部tabBar一般通过wx.switchTab进行跳转，但该api无法传参，如何解决传参问题？1、app.globalData全局变量进行传参第一步，我们在全局的app.js里面的globalData方法里面添加一个参数globalData: { preRoute: '', },2、我们在要用到的页面里面引入这个app.jsvar app = getApp()然后在要用到的地方调用这个参数app.preRoute=1然后跳转的页面判断这个参数的值就好啦但这种
2021-08-02 09:57:21
2468
原创 js零基础语法
// 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.
2021-08-01 17:23:06
98
原创 微信小程序获取上一个页面的地址
let pages = getCurrentPages(); //页面对象let prevpage = pages[pages.length - 2]; //上一个页面对象console.log(prevpage.route) //上一个页面路由地址let path = prevpage.route;console.log(path, ‘path’)
2021-07-23 16:28:49
1587
原创 手机号正则验证
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 ↩︎
2021-07-06 11:03:19
103
原创 微信小程序实现左右滑动 （无滚动条版的）
实现左右滑动的方法有很多，但是，今天展示一个最最简单版的，用css实现小程序左右滑动导航条css版超级简单实现导航条滚动给里层盒子设置：scroll-behavior:smooth; overflow-y:hidden;给最外层大盒子设置：class名 ::-webkit-scrollbar {display: none; /* 不显示滚动条 */} <!-- 滚动导航条 --> <view class="flex_m cursebox">
2021-06-09 13:51:52
1992
2
原创 js中find方法的使用
find()方法用于查找数组中符合条件的第一个元素，如果没有符合条件的元素，则返回undefinedlet arr = [1,2,3,4,5];let num = arr.find(item => item > 1);console.log(num) 输出： 2
2021-05-28 13:25:04
2468
原创 正则替换input输入框非数字，可以输入数字，小数呀
正则替换input输入框非数字，可以输入数字，小数呀oninput="value=value.replace(/[^\d\.]/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"
2021-05-06 11:19:02
766
原创 removeEventListener和addeventlistener详解
removeEventListener() 不能移除匿名函数，只能使用有名字的参数addEventListener() ，removeEventListener()均为事件绑定操作，一个增加事件绑定，一个是移除事件绑定。 addEventListener(),用于向元素增加绑定事件，removeEventListener()用于向 元素移除绑定事件。语法说明：element.addEventListener(event,fn,useCaption );参数说明：event，比如 click mous
2021-05-06 09:33:05
1799
原创 讲解split(“_“)[0]
split("")[0] 得到的是第一个_之前的内容split("")[1] 得到的是第一个_和第二个_之间的内容
2021-04-30 10:29:35
3290
原创 获取后端返回的数组的第一条？
最近写一个仿拼多多拆红包功能，但是后端数据返回的拆红包机会是一个数组，怎么办呢？我们只获取数组返回的第一条，然后循环调用这个接口就可，如图？// 点击拆弹出红包弹框 gochai() { //这里是接口调用 传参 对象形式，在data里面定义的 API_Rebate.getOrderList(this.orderParams) .then((response) => { if (response.code == 0) {
2021-04-30 10:05:54
899
原创 如何判断后端返回的空数组
如果后端给我们返回个空数组，那么我们前端该如何展示呢？1、我们可以判断一下数组的长度if(res.data.data.length <=0 ){ console.log('我是空数组');...}2、还可以通过JSON.stringifyJSON.stringify(obj) === '[]'// 以上为判断空数组 JSON.stringify(obj) === '{}';// 此为判断空对象...
2021-04-29 16:37:22
858
1
原创 node 切换版本号
最近因为公司项目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...
2021-04-28 11:29:06
4254
原创 mac启动项目端口被占用如何解决
首先打开终端，查看端口号是否被占用，输入： lsof -i:1234 (1234为端口号)，回车，如果有代码出来说明端口号被占用，如果回车之后没有代码就说明端口号没有被占用；如果端口号被占用输入：kill -9 37513 (37513为你要杀掉的端口号)...
2021-04-28 09:30:36
463
原创 ✘ http://eslint.org/docs/rules/indent 报错
最近启动项目报这么老多错误，着实吓人，那么怎么解决这个报错并启动项目呢？其实呀，vue 取消eslint语法限制是代码规范问题➜ my-project npm run dev > [email protected] dev /Users/bianlifeng/my-project> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 95% emitting
2021-04-25 09:30:13
724
原创 vue 写拖拽小图标
如何给vue项目里面写拖拽悬浮小图标呢首先1、html文件 一定要给父盒子一个ID <div class="xuanfu" id="moveDiv" @mousedown="down()" @touchstart="down()" @mousemove.prevent.stop="move()" @touchmove.prevent.stop="move()" @mouseup="end()" @to
2021-04-23 15:15:19
527
原创 nuxt.js如何设置动态路由
nuxt如何设置动态路由nuxt.js 创建动态路由 只需要在pages里面创建带—的文件，nuxt.js就会给我们自动生成动态路由，登陆，首先判断token在不在cookie里面，如果不在就走登陆页面//判断是否有token 如果没有跳转至登陆页 if (!Storage.getItem("access_token")) { this.$router.push({ //登陆页面路径 path: "/bind-mobile",
2021-04-23 15:03:50
1440
原创 小程序定义点击事件
bindtap 小程序定义点击事件 <view class="item-size-box-list" wx:for="{{item.childsCurGoods}}" wx:key="i" class="" bindtap="changeSize" wx:for-item="t" wx:for-index="i" data-index="{{index}}" data-id="{{t.id}}" class="{{sku[index].optionValueId==t.id?'color_
2021-04-20 22:01:01
291
原创 浏览器样式重置reset.css
浏览器样式重置reset.css重置浏览器标签的样式表,因为浏览器的品种很多，每个浏览器的默认样式也是不同的，比如button标签，在IE浏览器、Firefox浏览器以及Safari浏览器中的样式都是不同的，所以，通过重置button标签的CSS属性，然后再将它统一定义，就可以产生相同的显示效果。 开始一个项目前，先创建一个reset.css，可以规避很多浏览器差异问题。。。html,body,div,span,applet,object,,h1,h2,h3,h4,h5,h6,p,blockquo
2021-04-15 19:06:49
221
原创 为什么tcp是四次挥手而不是三次呢？
TCP没有半开方法的传输方法，但是有半关传输方法，如果新建连接也支持半开传输，那么也得四次握手而不是三次。半关指的是一方发了fin表明我不发了，但是另外一方不发fin，这时候不发fin的一方还可以继续发数据。搜一下TCP半关连接就明白了...
2021-03-31 21:09:19
1110
原创 前端加密方法
第一种就是base64格式的加密与解密：window.atob() 与window.btoa()可以实现对base64格式的数据进行解码和编码，其兼容性是主流浏览器，IE10及以上。window.atob(encodedStr)只可以解码用btoa方法编码的字符串。window.btoa()：将ascii字符串或二进制数据转换成一个base64编码过的字符串,但该方法不能直接作用于Unicode字符串<script> var str = 'RUNOOB' var
2021-03-12 17:32:20
1226
1
原创 如何跳转到上上一个页面
this.$router.replace跳转到指定url路径，但是history栈中不会有记录，点击返回会跳转到上上个页面
2021-02-26 16:32:07
376
原创 评论功能如何实现？
社会在发展，时代在进步现在随随便便一个APP就用评论功能吧，那么如何实现评论功能哪？第一步，写好样式 布局 <van-tab title="评论" class="tab"> <p class="commentText">评论({{ commentTotal }})</p> <div class="commentsList"> <div class="comments" v-for="ite
2021-01-26 16:54:07
2161
原创 如何与原生交互？
很简单，后端会给你一个交互方法：welfareCountdown参数为Boolean值：true=正在进行倒计时；false=倒计时结束然后我们需要在你要写的逻辑判断问题哪里去写这个方法，就实现了和原生的交互
2021-01-26 10:46:28
84
原创 实现加定时器的vue弹出框
客户需求，要求在点击弹出框的时候出现一个30倒计时，而vant组件不能够满足我们的这个需求，这个时候怎么办哪。我们只能手写一个弹出框咯！！！！废话少说，上代码 //点击此按钮显示弹出框 <span class="btn-text" @click="getWelfare">奖品领取</span> //弹出框 <van-popup v-model="showMsg"> <section class="goods-co
2021-01-22 15:04:52
1894
原创 如何解决图片跟div之间的间距问题
如何解决图片跟div之间的间距问题在项目中遇见 图片跟下面的div之间有一条间距，如下如何解决呢很简单，我们只需要给包着图片的父盒子一个 font-size:0;就可以了努力奋斗的小白
2021-01-15 09:05:35
926
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人