- 博客(18)
- 收藏
- 关注
RSS订阅原创 js手写防抖与节流
在前端中，我们经常会对接口的请求做一些处理，其中最经典的就是防抖与节流防抖：防抖我们可以理解为，在规定的一定时间内将多次的接口请求统一做一次请求。场景（input输入内容时对数据进行查找）节流：在一定时间内，我的操作只有一次。场景（对表单的提交，高频的事件监听）在我们用了节流后。...
2022-04-04 15:56:13
1236
原创 彻底理解 js中的闭包
很多小伙伴在我之前写的一篇文章里提到的data是一个闭包函数可能不是很理解，我在这里先给大家讲一下闭包。1：闭包是什么？闭包是内部和外部函数之间的桥梁。我其实更喜欢理解是一个函数与子函数直接的关系（函数里面返回一个函数）function closure（） { let count = 1; return function() { return count += 1 }}这里闭包的一种最简单的表现形式。2：闭包存在的意义？a:延长变量的生命周期let name = '小明' //
2022-03-24 12:59:15
346
1
原创 vue的基础理解
最近一直在赶项目去了，都很少发布自己的文章了，年前有听到我们的尤大大说vue3将要成为vue的默认版本了，很多小伙伴一时之间都懵了，我这vue2都还没搞通透，就要开始vue3了？其实这个是必然的哈，vue2中对性能这块还没有拿捏好，对TS也不友好，所以升级是必然的，废话不多说，下面我将讲讲vue2中一些东西vue2的一些应用层和原理性的问题应用层应用层的东西呢就比较简单，直接调用就好，其中比较主要的点呢，我给大家列出来了，希望有用。1：MVVM和MVCMVC：M:module；V：view；C·
2022-03-18 14:54:19
494
原创 scroll-view在小程序/app中滚动条消失
html部分<scroll-view scroll-x="true" class="goods_title"> <view class="seckill_content_view" style="padding-bottom: 16rpx;"> <!-- <view @tap="changeBottom('recommend')" :class="{ active: 'recommend' == bottomIndex }" class..
2021-12-21 14:21:31
487
原创 字符串的一些常用方法
在项目中我们经常会用到一些后台返回的数据，而有些数据的内容我们修改之后渲染和操作起来会更方便，我在项目中就遇到了一个不能渲染的问题。后台返回的数据是自营店商品和api商品，这个api商品是客户那边给到后端的，和我们自营店商品的一些东西不一样这里客户那边返回的商品详情的数据自营店商品的商品详情这里很明显的是标签不同 所以导致渲染有误，于是我用到了字符串的替换方法：replace()其中indexOf()...
2021-12-20 10:37:12
61
原创 截取url的问号前后
var url = 'https://xiaochengxu.houjiemeishi.com/FM/index.php?store_id=1&store_type=7'console.log(url.split('?')[0]) //url前console.log(url.split('?')[1]) //url后
2021-12-16 17:40:28
815
原创 uni 对editor的使用
最近在项目需求中，客户需要一个发帖的功能，想了一下，如果是帖子的话 input肯定是不行的，input传的值是一行连着的，uni中也有一款像文本编辑器也有的组件 editor。废话少说！放码过来！html部分<editor class="input_text" id="editor" rows="4" @ready="onloadData" placeholder="请输入帖子的内容" placeholder-style="font-size:28rpx;color:#B8B8B8;font-f
2021-12-16 16:09:35
598
原创 小程序分享功能
在软件开发中，经常会被用到的功能之一：分享----悄悄咪咪的献给小伙伴onShareAppMessage（）这个函数就是在分享的时候必须要用到的钩子：分享跳转的页面这里我的分享是封装的组件 ，大伙使用的时候要看清楚了哦~father.vue父组件中申明相对应的参数data (){ return{ share: { sharehrefTitle: '', // 分享标题 shareImg: '', // 分
2021-12-16 11:08:37
762
原创 js 中数组的方法
虽然我工作不是很久，自从转了前端后，我大概的理解了，我就按我的理解讲个大概，前端和后端的区别不是很大，一个是把数据整理好以JSON或者其他方式的数据结构以一个链接的形式返回给前端。前端则是把取到的数据做数据呈现。很多想学习前端的小伙伴一定要知道的一些js对数组的处理方法。这里单单只是对数组的处理哦~。换值类型：toString（）这个方法在后端也是经常用到的，是数据类型转换的一种方式：其中转换方式不了接的小伙伴，可以去百度查看哦，很简单的。var fruits = ["aaa", "bbb","
2021-12-14 17:55:34
983
原创 前端 设计模式
最近上班比较闲，就想到我朋友之前提起过的设计模式！于是去了解了一波。前言设计模式定义：在面向对象软件设计过程中 针对特定问题的简洁而优雅的解决方案。在不同的编程语言中，对设计模式的实现其实是可能会有区别的。我也是从以为博主那看到这些的，目前才只了解了单例模式：https://www.cnblogs.com/smlp/p/9776789.html单例模式观察者模式工厂模式命令模式职责链模式单例模式（也叫单子模式）：按我自己的理解就是单例对象的类必须保证只有一个实例存在（new XXX）。
2021-12-14 16:23:38
82
原创 自定义加载logo（华丽而炫酷，是年轻人喜欢的）
最近在慢慢学习css3制作一些简单的特效，喜欢炫酷的小伙伴有路径了，自己也可以去学的哦~首先看html部分<view class="loader"> <view class="face"> <view class="circle"></view> </view> <view class="face"> <view class="circle"></view&g
2021-12-13 15:03:15
784
原创 this.$nextTick(function () {})延迟回调的用法及场景
this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。假设我们更改了某个 dom 元素内部的文本，而这时候我们想直接改变这个更改之后的文本是需要 dom 更新之后才会实现的，就像我们把将要打印输出的代码放在 setTimeout(fn, 0) 中。最近在项目中发现这个问题：购物车的数量进行操作。在这里应该调用接口后，渲染dom会默认一个最小值的，要解决这个问题，我们就要用到this.$nextTick(function ()})：.
2021-12-13 14:32:27
1196
原创 css 超过两行做超出隐藏，隐藏用省略号代替
overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;这里千万不能用white-space: nowrap; 这个属性是用来是否换行，而且当前的这些属性和属性值要设置在当前元素上，不能是父元素，不能是子元素，只能设置到自己本身。webkit-line-clam多少行显示省略号代替。...
2021-12-13 14:22:46
758
转载 生成的二维码在支付的时候时间会不好管理
https://blog.csdn.net/weixin_42023666/article/details/81129191小漂一手
2021-12-10 18:45:06
58
原创 前端定时器
前端定时器，对商品预售，众筹等功能的开发中，一定会用得到的，在这献给大家：data(){ return { d: '00', // 天的默认值 h: '00', // 小时的默认值 i: '00', // 分钟的默认值 s: '00', // 秒的默认值 timer: null ,// 定时器 seconds: 0, // 记录不停倒计过程中变化的秒数 timestamp:0, }}watch:
2021-12-10 16:26:04
2274
原创 video在app端的图层会过大
video在app中的图层是无穷大的，z-index是搞不定的，所以就要用到其他方法video在app中为何会出先图层无穷大呢？`使用plus.nativeObj方法`的解决方案`nvue` ：也是比较常用解决方案`v-html`:这种思路是比较难受的，虽然难受，但是还是能实现的video在app中为何会出先图层无穷大呢？最近在做一个外包项目时，详情中会有一个video，而评论的按钮会被video覆盖，因为app中的代码解析方式，是weex式解析，而video又是uni中的原生组件，uni中原生组件的图
2021-12-10 16:14:47
457
原创 video兼容苹果手机
video兼容苹果手机苹果手机播放视频苹果手机播放视频最近在开发小程序的时候，遇到了一个手机兼容的问题，安卓手机放大视频是自适应的，但苹果手机却乱了，经过百度经验，下面我为大家带来了解决这个问题的方案：<video :src="videourl" controls x5-playsinline x-webkit-airplay="allow" webkit-playsinline playsinline="true" ></video>在苹果手机上加上x5-playsi
2021-12-02 13:13:20
2809
转载 uni rich-text内置组件的样式修改
小程序视频rich-text组件的图片自适应插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入其实也很简单的啦，一切css搞不定的就用js 所谓 All In js ,在小程序中，经过重新解析变异的组件多少都会有不一样的，你用css写的代码未必能控制得到，所以很多时候我们都是借助js进行
2021-12-02 11:06:26
1451
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人