庞永胜

摘要:好久之前写过一个可拖拽圆形进度条的dome,中间有网友反馈过一些问题,最近比较闲有时间修改了一些问题也做了一些优化,并封装成组件,基于canvas实现,只需传入放置组件dom容器,任何框架均可直接使用; codepen 示例如下:https://codepen.io/pangyongsheng/pe 阅读全文
posted @ 2020-06-28 11:38 庞永胜 阅读(424) 评论(1) 推荐(1) 编辑
摘要:偶然翻滴滴官网看到首页下翻第六栏(大概)有个绚丽的地球的三维动画,试着用there.js实现了下,基本实现了动画效果,不过还是有些问题;这个动画看似简单,但也用到好的绘制方法和计算,这里先写一下主要功能的实现; 先看示例:http://39.106.166.212:8080/webgl/t4(由于是 阅读全文
posted @ 2020-07-13 09:05 庞永胜 阅读(486) 评论(1) 推荐(0) 编辑
摘要:好久之前写过一个可拖拽圆形进度条的dome,中间有网友反馈过一些问题,最近比较闲有时间修改了一些问题也做了一些优化,并封装成组件,基于canvas实现,只需传入放置组件dom容器,任何框架均可直接使用; codepen 示例如下:https://codepen.io/pangyongsheng/pe 阅读全文
posted @ 2020-06-28 11:38 庞永胜 阅读(424) 评论(1) 推荐(1) 编辑
摘要:纯css实现朋友圈不同数量图片不同布局 首先可以打开朋友圈观察不同图片数量的几种布局,也可参考下图示例; 可以发现 除1张图片,4张图片特殊外,其他数量图片均使用一行三列的方式排列; 假设有如下HTML代码,这里imgList是一个图片地址数组; <ul> <li v-for="(item, ind 阅读全文
posted @ 2020-06-10 09:14 庞永胜 阅读(163) 评论(0) 推荐(0) 编辑
摘要:H5页面中常常需要通过js动态设置title信息: 在页面加载完成后通过js更新title内容时,会卡顿一下,闪烁一下默认title内容,后变为更新的内容(如果HTML中title标签为空时,浏览器会默认显示为页面地址信息); 为解决以上问题,可在html模板页面内容前插入script标签, doc 阅读全文
posted @ 2020-03-23 13:42 庞永胜 阅读(233) 评论(0) 推荐(0) 编辑
摘要:由于后端需要通过请求取前端中的cookie信息,在本地开发模式中,直接请求接口,后端无法拿到前端cookie数据, 经测试需在 vue-cli 中使用代理,如果使用Nginx做反向代理需同时修改Nginx配置如下: 一、vue-cli配置 首先在vue.config.js中加入代理配置: 二、Ngi 阅读全文
posted @ 2019-11-08 16:26 庞永胜 阅读(594) 评论(2) 推荐(0) 编辑
摘要:antD中提供了是日期范围选择器及datepaicker封装日期范围选择器的示例,但是没有时间选择范围的组件,这里使用两个timePicker组合一个事件范围选择器,通过disabled属性限定时间可选择范围;(ts+hook,支持form表单) 基本就是通过disabledHours、 disab 阅读全文
posted @ 2019-07-09 08:28 庞永胜 阅读(3039) 评论(1) 推荐(0) 编辑
摘要:实现一个文字颜色随机,字体大小成正态分布,整体呈菱形的排列的标签列表; 如何实现一个如下图随机排布的标签列表(vue语法):dome示例: http://39.106.166.212/tag 首先假设我们可以拿到一个标签列表的数组,这里将一步步实现如图效果: 1、创建tag组件,编写 随机颜色方法 阅读全文
posted @ 2019-03-21 11:01 庞永胜 阅读(2439) 评论(4) 推荐(0) 编辑
摘要:前言本文将介绍如何通过js实现移动端图片预览,包括图片的 预览模式,手势缩放,手势拖动,双击放大, 单击退出基本功能; 扫码查看示例效果: 代码地址http://pangyongsheng.github.io/imgPreview/ 一、功能介绍 图片预览主要有以下几个功能点组成: 监听图片点击事件 阅读全文
posted @ 2018-10-22 09:27 庞永胜 阅读(18550) 评论(3) 推荐(1) 编辑
摘要:通过自己网站发布企业版app时,经过测试发现在部分已安装过旧版app的低版本ios手机存在这样的问题 :扫码覆盖安装新版app,安装到的仍然是就版本的app。这样就导致部分用户一直无法更新到最新版本。经排查发现是由于手机缓存导致:这里缓存主要有两部分,一是页面下载plist的资源路径,二是plist 阅读全文
posted @ 2018-08-18 22:00 庞永胜 阅读(1869) 评论(0) 推荐(0) 编辑
摘要:最近项目中,ui设计了个水波效果的背景动画,然而并没有gif或svg动画,开始试着用css实现了一下,动画效果并不是很好,网上查了下基本都是用贝赛尔曲线实现,想起以看的各种前波形图,于是想着用三角函数图像初略模拟一下 示例效果如下: 一、绘制sin函数图像 sin函数表达式如下,y=Asin(wx+ 阅读全文
posted @ 2018-07-03 11:50 庞永胜 阅读(1517) 评论(4) 推荐(1) 编辑