- 博客(14)
- 收藏
- 关注
原创 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 1116 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 6867 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 14532
原创 js瀑布流实现核心思路
1.定义一个contentColumns将数据分成两列,即父div(父div可使用display:flex属性)下有两个div存放;2.定义一个contentHeights存放左右两个div下图片的高度,比较哪个div高度更小则push追加item;3.图片的高度则可用padding-top:imageRatio属性;
2022-11-17 15:21:45 131
转载 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 1585
转载 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 471
原创 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 241
原创 倒计时demo
截止到某个日期 随便设置一个截止日期: 完整代码如下:<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="h
2018-09-06 14:08:09 208
原创 导出数据到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 330
原创 折叠面板
效果展示 完整代码如下<!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 1125
原创 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 384
原创 前端框架库
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 407
转载 自定义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 427
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人