自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 小程序秒杀倒计时

const time = { start: 1534212040000, //倒计时开始时间 end: 1534248000000 //倒计时结束时间}page({ onload: function() { // 倒计时活动开始 let tm = this.getnow(); if (tm < time.start) { //活动...

2018-08-14 10:26:25 1435

原创 图片懒加载

<div> <img src="1.png" data-src='http://img07.tooopen.com/images/20170316/tooopen_sy_201956178977.jpg'> </div> <div> <img src="1.png" data-src='http://img07.to

2018-08-09 12:11:34 190

原创 php base64图片保存到服务器

html<form enctype="multipart/form-data" id="oForm"> <input type="file" name="file" id="file" onchange="readAsDataURL()" /> <input type="button&qu

2018-07-31 12:56:59 1134

转载 前端图片压缩上传(纯js的质量压缩,非长宽压缩)

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title> <script type="text/javascript">

2018-07-28 12:17:38 673 1

转载 input 图片转base64

<!DOCTYPE html><html><head> <title></title></head><body> <div> <input type="file" id="imgTest" type="fi

2018-07-20 17:38:37 1057

转载 js实现图片资源转化成base64的各种场景

网络上有很多片介绍通过js将图片转换成base64的文章,之所以再写这篇文章的原因时发现没有找到系统的介绍的文章,有的介绍如何实现本地项目的图片转码,有的介绍如何实现网络资源的图片转化,但是系统介绍的少之又少,所以我就在这里将各种场景系统的介绍一下:场景一:将用户本地上传的资源转化,即用户通过浏览器点击文件上传时,将图片资源转化成base64:<input type="file" ...

2018-07-16 17:41:53 1439

原创 html2canvas初次使用

<!DOCTYPE html><html><head> <title>html2canvas</title></head> <body> <div id="sel"> <h1>html2canvas</h1&a

2018-05-04 17:22:53 2111

原创 vue $ref

<div id="app"> <ul> <li v-for="index in a" @click="test(index)" ref='button'>{{index}}</li> </ul></div><script> var app=n

2018-04-26 18:45:10 1001

转载 小程序image宽高自适应

一.了解image组件由于image有默认的固定的宽度和高度,这样我们在做图片自适应的时候,就不好做了。下面就来一起解决下二.方法(一).使用mode:widthFixwidthFix:宽度不变,高度自动变化,保持原图宽高比不变。首先我们先设置image的mode为widthFix,然后给图片加一个固定rpx的宽度,比如:730rpx。这样图片也可以自适应了。。因为小程序的rpx本身就是一个自适应...

2018-03-31 13:55:35 5911

原创 ssh-keygen 不是内部或外部命令

1.找到Git/usr/bin目录下的ssh-keygen.exe(如果找不到,可以在计算机全局搜索)2.属性-->高级系统设置-->环境变量-->系统变量,找到Path变量,进行编辑,End到最后,输入分号,粘贴复制的ssh-keygen所在的路径,保存;重新cmd,执行ssh-keygen,成功!...

2018-03-18 15:46:09 2148

转载 小程序画圆

建立两个canvas标签,先绘制底层的浅灰色圆圈背景,再绘制上层的红色进度条。.wxml的代码如下:123456789<view class="wrap">  <view class="circle-box">    <canvas class="circle" style="width:200px; height:200px;" canvas-id=&quo

2018-03-17 11:33:13 7662 1

转载 字体渐变 border-image

文字渐变效果使用background-image+ background-clip + text-fill-color来实现,具体介绍请看点击打开链接文字阴影使用text-shadow来实现,具体介绍请看点击打开链接图片边框使用border+border-image来实现,具体介绍请看点击打开链接边框阴影使用box-shadow来实现,具体介绍请看点击打开链接下面是一个小栗子及代码:css:[cs...

2018-03-16 11:24:28 294

转载 css变量

基本用法声明一个局部变量:element { --main-bg-color: brown;} 使用一个局部变量:element { background-color: var(--main-bg-color);} https://developer.mozilla.org/zh-CN/docs/Web/CSS/:root声明一个 全局 CSS 变量::root { --glo...

2018-03-14 10:47:48 670

原创 窗口特征(Window Features)

窗口特征(Window Features)channelmode=yes|no|1|0是否使用剧院模式显示窗口。默认为 no。directories=yes|no|1|0是否添加目录按钮。默认为 yes。fullscreen=yes|no|1|0是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。height=pixels窗口文档显示区的高度。以像素计。left=pi...

2018-03-14 09:18:42 4427

原创 窗口震荡

<body id="win"><p style="background:#ff0; width:200px; height:200px; margin-top:200px; margin-left:600px" id=""></p> <script type="text/javascript"> var loop =

2018-03-13 17:37:49 165

原创 扩展运算符(…) 不定参数(rest) 默认参数(default)

扩展运算符  …不定参数(rest)默参数(default)

2018-03-13 14:29:10 338

转载 fileReader API

1、FileReader概述FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的DataTransfer对象,还可以是来自在一个HTMLCanvasElemen...

2018-03-13 14:28:57 261

转载 你所不知道的setTimeout

你所不知道的setTimeout本文转载@晚晴幽草轩轩主的《你所不知道的setTimeout》,如需转载,烦请注明原文出处:http://www.jeffjade.com/2016/01/10/2016-01-10-javacript-setTimeout/JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完...

2018-03-13 14:28:37 196

转载 用关键字new创建对象 new都做了什么

function Person () {    this.name = name;    this.age = age;    this.job = job;    this.sayName = function () {        return this.name;    };}var person = new Person(“tom”, 21, “WEB”);console.log(per...

2018-03-13 14:28:25 2425

原创 for(;;)

let arr=[1,2,3]let it = arr[Symbol.iterator]()for(;;){ //此处相当于while(true)let ele = it.next();if(ele.done){break;}console.log(ele.value)}

2018-03-13 14:28:12 387

转载 说明在php.ini中safe_mode开启之后对于PHP系统函数的影响

safe_mode是提供一个基本安全的共享环境。在一个多用户共享的phpweb服务器上,当这台服务器开启了safe_mode模式,有以下函数将会受到影响。首先,以下尝试访问文件系统的函数将会被限制,运行服务器的用户id,如果想要尝试操作某个文件,必须要用户该文件的读取或者写入的访问权限。因此,在safe_mode打开的情况下,下列函数将会收到限制:ckdir,move_uploaded_file,...

2018-03-13 14:28:00 487

原创 显示多个图片的轮播图

html部分js部分

2017-10-26 19:02:46 7195

转载 分页类

<?php/**file: page.class.php 完美分页类 Page */class Page {private $total; //数据表中总记录数private $listRows; //每页显示行数private $limit; //SQL语句使用limit从句,限制获取记录个数private $uri; //自动获取url的请求地址private $pageN

2017-10-20 10:44:04 157

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除