- 博客(17)
- 资源 (3)
- 收藏
- 关注
原创 圆环百分比进度
通过css3组装成透明的圆环,可以用于展示百分比进度等,效果如下圆环除了环的颜色外,其它全为透明transparent,天蓝色为html背景色。思路大致如下:圆环整体块包裹,里面有中间的比值显示块,还有左右两侧的进度块左右两侧的进度块分三层:第一层用于定位环的位置(此处遮挡超出部分,overflow:hidden)第二层用于环的角度旋转(此处也要遮挡超出,同上,另外左右侧的旋转中心需要设置)第三层则是纯粹的完全圆环(使用mas...
2021-09-03 10:27:55 728
原创 防止H5页面被iframe嵌套使用
当不方便修改响应头X-Frame-Options的时候,可以通过判断页面的自带top对象和self对象,从而限制不允许被嵌套引用try { if (top.location.hostname !== self.location.hostname) { top.location.href = self.location.href; } }catch(e) { top.location.href = self.location.href; }也可通过top
2021-07-26 15:14:49 773
原创 用python批量修改图片尺寸
将某文件夹下的图片进行批量修改成统一尺寸,并保存于新的文件夹下具体直接使用源码运行便知import globimport osfrom PIL import Imageprint("提示:输入路径应该为正则写法!")# 各参数可自行写死固定beforeDir = input( "请输入需要处理的图片文件路径,如:E:\\\\zzzzttt\\\\16\\\\*.png\t") or "E:\\zzzzttt\\1\\*.png"afterDir = input("请输入处理后存
2021-07-08 18:23:24 2170
转载 如何搭建一个vue项目(完整步骤)
如何搭建一个vue项目(完整步骤)参考资料一、安装node环境 1、下载地址为:https://nodejs.org/en/ 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来
2021-05-12 16:49:01 747
转载 swiper模块加载时宽度显示错误的问题
var mySwiper = myApp.swiper('.my-wrapper',{ freeMode : true, slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true//修改swiper的父元素时,自动初始化swiper });swiper自适应设定宽度时候出现宽度异常,使用最后两个参数即可正常。具体介绍在官网属性有:ob.
2021-04-27 11:25:50 674
转载 vue钩子函数
前言:钩子就好像是把人的出生到死亡分成一个个阶段,你肯定是在出生阶段起名字,而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮,也是不行的。组件也是一样,每个阶段它的内部构造是不一样的。所以一般特定的钩子做特定的事,比如ajax获取数据就可以在mounted阶段。一、vue生命周期简介咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了,总结一下,对官方文档的那张图简化一下,就得到了这张图。二、生命周期探究对于执行顺序和什么时候执行,看上面图基
2021-01-13 09:45:05 202
转载 浏览器渲染页面的原理及流程
浏览器渲染页面的原理及流程浏览器将域名通过网络通信从服务器拿到html文件后,如何渲染页面呢?1.根据html文件构建DOM树和CSSOM树。构建DOM树期间,如果遇到JS,阻塞DOM树及CSSOM树的构建,优先加载JS文件,加载完毕,再继续构建DOM树及CSSOM树。2.构建渲染树(Render Tree)。3.页面的重绘(repaint)与重排(reflow,也有称回流)。页面渲染完成后,若JS操作了DOM节点,根据JS对DOM操作动作的大小,浏览器对页面进行重绘或是重排。一、构建D
2021-01-05 11:04:24 341
转载 html5页面不使用浏览器缓存
如果需要在html页面上设置不缓存,这在<head>标签中加入如下语句:1 <meta http-equiv="pragma" content="no-cache">2 <meta http-equiv="cache-control" content="no-cache">3 <meta http-equiv="expires" content="0">附:html页面中meta的作用 meta是用来在HTML文档中模拟HTTP协议的响应.
2020-11-10 14:38:10 685
转载 深入浅出用户会员体系设计
文章从三个方面展开介绍用户会员体系的设计,希望能够给你带来帮助。作为一只优秀的产品狗,一定知道每一款产品从出生到衰亡都会经历:探索期、生长期、成熟期、衰落期这样一系列的生命周期。作为使用产品的用户来说,也同样具备这样一个生命周期历程。如上图所示,一个用户在下载并注册登录一款APP后就成为了这款APP的新用户;之后用户会尝试使用产品成为一名成长用户;随着用户使用APP的频次逐渐增多就变成了一名忠诚用户;面对日益激烈的竞品压力,用户可能会逐渐减少使用APP的次数不再持续登录,这时就变成..
2020-11-03 12:05:43 2878 1
原创 原生js发起请求
function formatParams(data) { var arr = []; for (var name in data) { arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name])); } return arr.join("&");}fu...
2019-02-12 11:41:41 504
原创 本地上传视频获取封面,自动下载成图片( js 前端)
本方法是通过火狐浏览器的input上传视频后,获取文件路径,使用video播放视频。使用h5的canvas画布来绘制封面,生成图片后,通过canvas的toDataURL将图片输出成图片流,然后在执行事件将图片流下载保存到本地。保存下来的图片相对较大,如果是用于列表,可以通过https://tinypng.com/进行图片压缩。具体代码如下:<!DOCTYPE html><h...
2018-04-16 17:03:37 8706
原创 各浏览器的User Agent列表
1、用户代理是指浏览器,它的信息包括硬件平台、系统软件、应用软件和用户个人偏好。用户代理的能力和偏好可以认为是元数据或用户代理的硬件和软件的特性和描述;2、SIP终端系统称为用户代理,即UA(UserAgent),含用户代理客户机UAC(UserAgentClient)和用户代理服务器UAS(UserAgentserver)两部分;3、SIP将终端用户称为用户代理,请求方称为用户代理客户,
2017-09-20 15:14:54 1005
转载 nodejs express request 和 response 对象的具体介绍:
request 和 response 对象的具体介绍:Request 对象 - request 对象表示 HTTP 请求,包含了请求查询字符串,参数,内容,HTTP 头部等属性。常见属性有:req.app:当callback为外部文件时,用req.app访问express的实例req.baseUrl:获取路由当前安装的URL路径req.body / req.cookie
2017-03-24 16:19:16 339
转载 常用正则表达式—邮箱(Email)
常用正则表达式—邮箱(Email) 本文针对有一点正则基础的同学,如果你对正则一无所知,请移步“正则表达式30分钟入门教程”学习。 要验证一个字符串是否为邮箱的话,首先要了解邮箱账号的格式。虽然没有统一的邮箱账号格式,但是所有邮箱都符合“名称@域名”的规律。对于名称和域名的字符限制,我们可以根据项目的情况定义一个,比如只允许有英文、数字、下划线等组成。下面举例实现一些验证邮箱格式的
2017-03-22 14:41:55 918
转载 JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。asy
2016-11-22 10:22:13 263
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人