- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端实现页面划词选中复制，并弹出Popover功能。
常用的页面拖蓝复制功能实现，相信很多同学都遇到这样的功能，本文提供一个小demo供大家参考。
2025-05-22 15:57:21
251
原创 腾讯云COS介绍与使用（前端对接篇）
对象存储（Cloud Object Storage，COS）是腾讯云提供的一种存储海量文件的分布式存储服务，用户可通过网络随时存储和查看数据。腾讯云 COS 使所有用户都能使用具备高扩展性、低成本、可靠和安全的数据存储服务。COS 通过控制台、API、SDK 和工具等多样化方式简单、快速地接入，实现了海量数据存储和管理。通过 COS 可以进行任意格式文件的上传、下载和管理。腾讯云提供了直观的 Web 管理界面，同时遍布全国范围的 CDN/EdgeOne 节点可以对文件下载进行加速。
2025-05-22 11:52:49
741
原创 微信小程序上传到oss的两种实现方式
微信小程序上传资源到阿里云OSS有两种主要方式。第一种是通过服务端生成签名，客户端调用接口进行上传。具体步骤包括在阿里云OSS创建RAM角色，服务端生成STS签名，配置微信小程序的合法域名，并编写小程序代码实现上传功能。第二种方式是在微信小程序本地生成签名并上传，需下载依赖库如crypto-js和js-base64，并封装相关方法。两种方式均需前置操作，如配置OSS和生成签名，具体实现可根据业务需求选择。
2025-05-21 17:01:49
645
原创 前端实现头像，卡片堆叠效果（类似京东，拼多多效果）
现在大多商品卡或者推广都有xx正在买，展示头像堆叠效果像下面效果（图片从左到右的堆叠效果）下面是代码思路（可参考可改造）主题思路是定位，然后移动一定的位置，从而实现效果。加上边框，头像间更加明显代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2021-03-04 15:06:24
2507
1
原创 前端处理商品展示评论数（类似京东）
商城购物项目中，大多商品卡都会有评论数好评之类的，这里简单写个方法，以供使用。处理评论数（可用于微信小程序的wxs方法）// 0~999 =>0~999// 10000 =>1w// 11000 =>1.1w// 10100 =>1wfunction handleNum(num) { if (num < 10000) { return num } var numArr = ((num / 10000) + '').split('.') if (
2021-03-04 14:28:29
367
1
原创 前端在ios和mac中处理时间的一些总结（坑）
由于js运行环境不一致（引擎），导致苹果设备相关时间没有达到预期效果，这里做一个备份。xxxx-xx-xx xx:xx:xx形式// 类似 2016-06-08 12:30:05// 这种时间iOS并不兼容,出现未定义的时间格式 所以用下面的函数转一下成2016/06/08再使用Date对象就可function formatStr(str) { return str.replace(/-/g,"/");}ISO 8601标准格式// 类似 "2021-03-04T0
2021-03-04 14:18:00
620
2
原创 常用的git命令
初始化gitgit init克隆代码git clone一个是http；二是：ssh第一种http操作方便，只需要使用地址就可以执行数据的操作。第二种：ssh方式。提供一种加密的方式。只能在git中添加了ssh公钥，才可以执行数据的相关操作。ssh生成密钥ssh：ssh是Secure Shell（安全外壳协议）的缩写，建立在应用层和传输层基础上的安全协议。为了便于访问github，要生成ssh公钥，这样就不用每一次访问github都要输入用户名和密码。自己的公钥需要.
2020-05-08 21:32:26
169
原创 js找出两个数组相同的和不同的数据并且执行操作
找出两个数组相同的和不同的数据老生常谈的问题（两个数组中的相同或者不同的数据）//下面是一个例子 let oneArr = [{ "specs": "s", }, { "specs": "x", }, { "specs": "xm", }, { "specs": "xxl", } ] let twoarr ...
2020-04-23 16:55:08
1724
原创 js获取某一个时间的上周或者上月的起终点
js获取某一个时间的上周或者上月的起终点上周function getSomeTimesWeekDate(Time = new Date()) { let weekNum = Time.getDay(); //获取当前是周几 weekNum = weekNum == 0 ? 7 : weekNum; let lastDate = new Date(Time.getTime(...
2020-04-23 16:28:46
165
原创 window10截图新技能（程序员必备）
以下的windows键指的是（windows徽标键）oneprt sc 截取全屏（windows10需要在设置里面打开快捷方法）打开之后相当于window+shift+s（多种截图方式）twowindows+prt sc 截取浏览器当前页面，当前的窗口的图片threewindows+shift+s 可选区截图（多种截图方式）fourwindow+al...
2019-10-17 16:56:34
330
原创 PC中大banner图的水平居中的方法
banner图的水平居中的方法banner图往往往是很大的像素的，也就是分辨率。但是我们在pc页面是要做到水平居中显示的。一般的背景图片是达不到要求的。html<div class="banner"> <img src="./img/111.png" alt="banner"> </div>css.banner { wid...
2019-07-09 14:14:08
262
原创 盒子垂直水平居中的常用方式
盒子垂直水平居中的几种方式基础html布局 <div class="box"> <div class="boxe"></div> </div>cssflex布局 .box{ height: 300px; width:400px; border: 1px solid black...
2019-06-18 11:38:14
126
原创 vue移动端配置flexible实现rem布局
vue移动端配置flexible实现rem布局vue2安装依赖-D 等同于--save-dev 开发依赖-S 等同于--save 项目必须的依赖npm i lib-flexible --save-devnpm install px2rem-loader --save-dev引入lib-flexibleimport 'lib-flexible/...
2019-05-27 12:03:42
724
原创 前端页面加蒙版的几种方法
前端界面通常常需要在区域上加蒙版以下个人整理了几种添加蒙版介绍one采用定位的父子级别加蒙版,采用子绝父相对的方式，需要注意层级性。<!--模板以下均是这个模板--><div class="wrap"> <!--<div class="mark"></div>--> <div class="inner"...
2019-05-27 11:39:02
16598
前端使用腾讯云COS对象存储服务详解：功能特性、使用场景与项目集成方法
2025-05-21
前端开发上传组件的搭建与思考：统一文件上传组件的设计与实现过程解析
2025-05-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人