- 博客(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
转载 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
转载 分页类
<?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关注的人