乔的大明-优快云博客

原创前端写图片、头像或者卡片堆叠效果（类似京东，拼多多效果）

现在大多商品卡或者推广都有xx正在买，展示头像堆叠效果像下面效果（图片从左到右的堆叠效果）下面是代码思路（可参考可改造）主题思路是定位，然后移动一定的位置，从而实现效果。加上边框，头像间更加明显代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

2021-03-04 15:06:24 2425 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 350 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 608 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 158

原创 js找出两个数组相同的和不同的数据并且执行操作

找出两个数组相同的和不同的数据老生常谈的问题（两个数组中的相同或者不同的数据）//下面是一个例子 let oneArr = [{ "specs": "s", }, { "specs": "x", }, { "specs": "xm", }, { "specs": "xxl", } ] let twoarr ...

2020-04-23 16:55:08 1714

原创 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 160

原创 window10截图新技能（程序员必备）

以下的windows键指的是（windows徽标键）oneprt sc 截取全屏（windows10需要在设置里面打开快捷方法）打开之后相当于window+shift+s（多种截图方式）twowindows+prt sc 截取浏览器当前页面，当前的窗口的图片threewindows+shift+s 可选区截图（多种截图方式）fourwindow+al...

2019-10-17 16:56:34 317

原创 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 257

原创盒子垂直水平居中的常用方式

盒子垂直水平居中的几种方式基础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 119

原创 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 709

原创前端页面加蒙版的几种方法

前端界面通常常需要在区域上加蒙版以下个人整理了几种添加蒙版介绍one采用定位的父子级别加蒙版,采用子绝父相对的方式，需要注意层级性。<div class="wrap">  <div class="inner"...

2019-05-27 11:39:02 16466

qq_43296918的博客