前端
小小小少年_
这个人很懒,没有添加个人简介...
展开
-
日常工具方法集
方法,工具原创 2023-01-11 10:30:10 · 225 阅读 · 0 评论 -
记录前端导出表格
exceljs 前端导出表格原创 2022-06-14 17:33:05 · 403 阅读 · 0 评论 -
前端实现视频录制功能
前端录制视频,截图,视频录制播放原创 2022-05-27 17:27:25 · 2739 阅读 · 0 评论 -
关于git项目修改文件大小写识别的问题
git 文件大小写 报错 differs from already included file name only in casing原创 2022-04-08 10:01:24 · 1834 阅读 · 0 评论 -
react项目开发redux ,redux-saga 的使用笔记
项目中一直使用umi搭建,也包涵saga,只不过开箱即用,里面一些门道自己摸索了一下,单独把saga 拎出来 写了一个简单的案例 用来记录 redux-saga 的使用基本依赖自己安装搞定:redux,redux-saga,redux-actions…大概目录结构如下按文件夹来分析先是action 存放各种action 可以根据项目大小页面多少 是否分类文件// -------- actions/todo.js ------------// 几个简单的actionexport const原创 2021-10-27 13:20:14 · 256 阅读 · 0 评论 -
canvas绘制图片二维码+文字+背景 下载到本地
闲来无事,以下自己写了个小demo,丰富canvas下载到本地的图片内容,可以添加照片,描述文字,背景样式等…之前写过下载二维码的需求,需求简单,只要能下载就行,但是下载到本地就一个纯二维码的小图片,感觉不怎么美观。原创 2021-08-25 14:08:37 · 1853 阅读 · 5 评论 -
web h5调用微信分享功能
微信分享微信网页开发 /JS-SDK说明文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html// 根目录引用微信js文件 <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>// imgUrl:缩略图 title:分享标题 desc:描述文字 function weChatShar原创 2021-08-09 11:35:41 · 2295 阅读 · 2 评论 -
前端处理ios 安卓移动端 页面出现无法滑动问题
或是用手划到最顶端和最底端容易出现,又或是其他操作导致,页面卡住 无法滑动,解决如下给需要滑动的盒子添加监听事件,要是滑动到最顶部 或者最顶部 就阻止默认时间出发页面滑动// 处理页面卡顿无法滑动 const layerBox = this.lv; var targetY = null; layerBox.addEventListener('touchstart', function(e) { //clientY-客户区坐标Y 、pageY-页面坐标Y原创 2021-03-12 15:26:36 · 2107 阅读 · 0 评论 -
iframe内容在ios移动端无法滚动
在iframe外面套一层div,并且给改div高度,并且加上样式,注意iframe同样要给定高度。原创 2021-03-08 14:25:39 · 1299 阅读 · 0 评论 -
css强制显示滚动条
多运用于横向需要滚动的情况,如果不显示滚动条 给人感觉像是页面内容加载不全<div className={style.tableWrap}> <div>滚动的内容</div></div>.tableWrap { overflow-y: hidden; overflow-x: scroll; padding-bottom: 0.05rem;}.tableWrap::-webkit-scrollbar { -webkit-appeara原创 2021-02-05 13:59:08 · 2683 阅读 · 0 评论 -
MediaDevices.getUserMedia` undefined 的问题
MediaDevices.getUserMedia undefined原创 2021-01-14 09:49:43 · 2004 阅读 · 0 评论 -
开发中遇到的问题ing...
多行文本,react环境配置,base64,空气刘海,node-sass,响应转态码,process is not defined原创 2020-11-26 17:12:02 · 565 阅读 · 0 评论 -
(已解决)better-scroll区域可以左右滚动 但手指触摸页面不能上下滑动
在页面写了一个左右滑动功能,左右滑动没问题,但是发现在移动端,触摸该区域上下滑动页面就出问题了,页面上下滑不动了。。。。better-scroll区域可以左右滚动(我做的是横向滚动)但手指触摸不能上下滑动页面,应该怎么解决呢?配置项加入 eventPassthrough: ‘vertical’ 解决了。new BScroll(this.refs.activelistWrapper, { scrollX: true, eventPassthrough: 'vertical原创 2020-11-20 15:52:44 · 1649 阅读 · 0 评论 -
git命令大全及如何直接访问github上的项目
如何直接访问github上的项目打开项目的地址,在地址前加上 htmlpreview.github.io/?git命令大全原创 2020-10-23 21:27:09 · 1619 阅读 · 0 评论 -
nodejs的认识与基础模块操作
文章目录一、nodejs是什么?二、使用1.安装三、运行程序js运行环境运行nodejs程序nodemonhttp模块fs 模块url 模块querystring 模块path 模块第三方模块nodemailer 发送邮件模块cheerio 模块全局变量提示:以下是本篇文章正文内容,下面案例可供参考一、nodejs是什么?node.js是基于Chrome v8引擎的javascript runtimecommonjs规范node应用于各种包各种模块组成,采用的commonjs模块规范co原创 2020-09-26 10:57:08 · 568 阅读 · 0 评论 -
HTTP缓存机制,浏览器缓存,http1.1、http2、http3
http1.HTTP/1.x 有连接无法复用、队头阻塞、协议开销大和安全因素等多个缺陷2. HTTP/2 通过多路复用、二进制流、Header 压缩等等技术,极大地提高了性能,但是还是存在着问题的3. QUIC 基于 UDP 实现,是 HTTP/3 中的底层支撑协议,该协议基于 UDP,又取了 TCP 中的精华,实现了即快又可靠的协议浏览器缓存策略通常浏览器缓存策略分为两种:强缓存和协商缓存,并且缓存策略都是通过设置 HTTP 请求头 来实现的。1. 强缓存强缓存不会向服务器发送请原创 2020-09-22 12:30:32 · 862 阅读 · 0 评论 -
单例模式,组合模式,观察者模式
什么是设计模式针对"特定问题",给出的简洁而优化的处理方法市场上常用的设计模式 23种三大类创建型模式(五种): 工厂方法模式, 抽象工厂模式, 单例模式, 建造者模式, 原型模式结构型模式(七种): 适配器模式, 装饰者模式, 代理模式, 外观模式, 桥接模式, 组合模式, 享元模式行为型模式(十一种):策略模式, 模板方式模式, 观察者模式, 迭代子模式, 责任链模式, 命令模式, 备忘录模式, 状态模式, 访问者模式, 中介者模式, 解释器模式单例模式一个构造函数一生只原创 2020-09-20 17:13:36 · 896 阅读 · 0 评论 -
js继承,es3,es6的实现继承
简单了解继承出现在两个构造函数之间的关系, 当A构造函数定义的属性和方法被B构造函数的实例使用了那么我们就说B继承自A构造函数A是B构造函数的父类,B是A构造函数的子类继承方式1:原型继承通过改变原型链的方式来达到继承目的//构造函数:Afunction A(name){ this.name = name }//给构造函数的原型添加方法,这样的方法会被所有实例所共享A.prototype.sayName = function(){ console.log('my原创 2020-09-20 16:09:35 · 199 阅读 · 0 评论 -
javaScript常用的数组方法
数组是一个复杂数据类型,操作的时候就不同于简单数据类型数组常用方法(ES3)1: pushpush是用来在数组的末尾追加一个元素会改变原数组返回值:添加完元素以后数组的长度var arr = [1,2,3]var pushReturn = arr.push(5)console.log(arr) //(4) [1, 2, 3, 5]console.log(pushReturn) // 42: poppop是用来在数组末尾删除一个元素会改变原数组返回值: 被删除的元素var原创 2020-09-20 10:45:28 · 124 阅读 · 0 评论 -
用 JavaScript 简单写了一个 电子时间
前端 JavaScript 电子时钟 电子时间原创 2020-07-15 20:27:04 · 534 阅读 · 0 评论 -
数组的经典排序 冒泡和选择
1.冒泡排序规则:前后两两进行比较,如果符合条件就交换两个数的位置。假定要排序的数组为:var arr = [5, 4, 3, 2, 1];要求:按照从小到大进行排序。 分析(手动排序过程): 第一轮:(5 4 3 2 1) 4 5 3 2 1 4 3 5 2 1 4 3 2 5 1 4 3 2 1 5 第原创 2020-07-14 15:28:36 · 157 阅读 · 0 评论 -
JavaScript 递归 函数 算法
在编程的世界里面,递归就是一个自己调用自己的手段,函数内部,调用了自己,循环往复,一种编写函数的特殊写法。原创 2020-07-11 15:07:07 · 903 阅读 · 2 评论