- 博客(14)
- 收藏
- 关注
RSS订阅
原创 svg实现圆环倒计时动画效果
效果展示1. 状态过渡：57s、20s、3s、0s2.svg制作由两圆环（一圆环作为灰色底色，一圆环倒计时60->0）一文本组成 <svg viewBox="0,0,100,100"> <circle cx="50" cy="50" r="50" stroke-width="19" stroke="#eaeaea" fill="none"></circle> <text x="50"
2020-07-23 16:17:49
1062
1
原创 h5调用微信jssdk chooseImage选择相册转file上传图片到服务器
话不多说，先上步骤1.绑定域名、引入jssdk、通过config接口注入权限验证配置详细见微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#10wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参...
2020-02-21 16:42:26
6549
4
原创 python 字符串删除首尾空格
方法一def trims(s): if s[:1] ==' ' and s[-1:] ==' ': print('两边都有空') elif s[:1] ==' ': print('左边有空格') elif s[-1:] == ' ': print('右边有空格') else: ...
2018-10-11 10:59:59
14513
原创 js瀑布流实现核心思路
1.定义一个contentColumns将数据分成两列，即父div（父div可使用display:flex属性）下有两个div存放；2.定义一个contentHeights存放左右两个div下图片的高度，比较哪个div高度更小则push追加item；3.图片的高度则可用padding-top:imageRatio属性；
2022-11-17 15:21:45
117
转载 js判断当前设备类型
js判断当前设备类型let I = navigator.userAgent;let isiPad = (I.match(/(iPad).*OS\s([\d_]+)/)) ? true : false;let isiPhone = (!isiPad && I.match(/(iPhone\sOS)\s([\d_]+)/)) ? true : false;let isMac =...
2019-04-28 19:30:18
1574
转载 Vue 分页
vue 分页预览图：完整代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 分页- 菜鸟教程(runoob.com)</title><style> ul,li {margin:0;padding:0;list-styl...
2019-03-28 15:37:40
463
原创 svg——“手工制作”
微笑 <svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"> <circle cx="200" cy="120" r=100 stroke="#DAA520" stroke-width="10" fill="#FFD7
2018-09-13 15:47:14
236
原创 倒计时demo
截止到某个日期 随便设置一个截止日期： 完整代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="h
2018-09-06 14:08:09
207
原创 导出数据到excel
数据导出到excel 文章摘自https://blog.csdn.net/hhzzcc_/article/details/80419396截图源代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(run...
2018-09-05 17:41:41
319
原创 折叠面板
效果展示 完整代码如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>折叠面板</title><script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.
2018-08-29 18:23:43
1111
原创 upload文件上传
废话不多说直接上代码代码截图 代码&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&a
2018-08-28 17:47:40
373
原创 前端框架库
element-ui element-ui是由饿了么开发的一个前端框架，组件功能比较详细，button按钮、radio单选框、checkbox多选框、input输入框、switch开关、slider滑块、upload上传、rate评分、对话框、弹框、表格、日期选择器等组件都有。建议安装用npm i element-ui -S。 教程地址：http://element.eleme.io...
2018-08-28 14:56:36
387
转载 自定义switch开关
switch开关 switch开关表示两种相反状态的切换，适用于触发开关。本文章代码摘自：http://www.css88.com/archives/5693代码块纯css实现：html部分：&lt;input class="switch switch-animation" type="checkbox"&gt;css部分：&lt;style&
2018-08-28 11:24:34
421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人