你的浏览器不支持canvas
摘要: 背景:设计师大赛,设计师上传图片限制小于10M,这个时候作品大多为数M,展示作品列表每次加载原图会消耗大量带宽,图片完整加载非常耗时。所以需要优化加载速度 方案:1.如果是本地静态资源图片的话,可以用webpack打包工具压缩图片或者压缩图片( https://tinypng.com/)网站进行压缩 阅读全文
posted @ 2021-11-04 11:01 云上丶无忧 阅读(1050) 评论(0) 推荐(0) 编辑
摘要: transform:scale()这个属性只可以缩放可以定义宽高的元素,而行内元素是没有宽高的,我们可以加上一个display:inline-block; transform: scale(0.7); 阅读全文
posted @ 2021-10-24 11:15 云上丶无忧 阅读(133) 评论(0) 推荐(0) 编辑
摘要: /** 1 **/ .wraper { position: relative; .box { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; } } /** 阅读全文
posted @ 2021-10-24 11:14 云上丶无忧 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 场景:原本定义的请求是get请求的,但是因为请求参数过多,导致接口挂了,所以需要转成post请求需要后端返回二进制格式 代码参上 // 导出数据 export function exportData(data) { return request({ url: ``, method: 'POST', 阅读全文
posted @ 2021-07-27 10:19 云上丶无忧 阅读(366) 评论(0) 推荐(0) 编辑
摘要: var str = '{测试测试测试}测试111{测试121212}撒大声地{撒大声地}sadhavbsd' var arr = str.match(/\{(.*?)\}/g) || [];// ["{测试测试测试}", "{测试121212}", "{撒大声地}"] var container = 阅读全文
posted @ 2021-05-14 16:51 云上丶无忧 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 举个例子:已知存在数组 a:[1,2,3,4,5,6,7,8,9]b:[2,6,8]需要过滤a中存在b数组的值,可以使用下面方法 const c = a.filter(v => !b.includes(v)); 阅读全文
posted @ 2021-03-02 15:41 云上丶无忧 阅读(398) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2019-12-30 18:23 云上丶无忧 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 概要: 一、继承的原理 二、继承的几种方式 三、继承的应用场景 什么是继承? 继承:子类可以使用父类的所有功能,并且对这些功能进行扩展。继承的过程,就是从一般到特殊的过程。要了解JS继承必须首先要了解this的指向,原型prototype、构造器constructor、原型链_proto_; 第一: 阅读全文
posted @ 2019-12-02 00:39 云上丶无忧 阅读(2439) 评论(2) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2019-11-01 18:18 云上丶无忧 阅读(5) 评论(0) 推荐(0) 编辑
摘要: $('.form_datetime').datetimepicker({ //language: 'fr', weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, forceParse: 0, showMe 阅读全文
posted @ 2019-06-03 23:59 云上丶无忧 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 时间戳转化为日期的方式 1.JS获取当前时间( 年-月-日 时:分:秒): 2.JS获取当前时间戳的方法 3.时间戳转化成时间格式 // 时间设置 function getLocalTime(i) { if (typeof i !== "number") { return new Date(); } 阅读全文
posted @ 2019-05-23 17:29 云上丶无忧 阅读(21452) 评论(0) 推荐(0) 编辑
摘要: dsfsdjgsdjgsdjkg <script>console.log('erftwet')</script> 阅读全文
posted @ 2019-05-08 16:53 云上丶无忧 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 方法一:array.indexOf(item,start):元素在数组中的位置,如果没与搜索到则返回 -1。 参数 描述 item 必须。查找的元素。 start 可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。 如省略该参数,则将 阅读全文
posted @ 2019-03-15 19:33 云上丶无忧 阅读(81106) 评论(1) 推荐(5) 编辑
摘要: 点击图片,显示蒙板,放大图片的简单案例 HTML代码: JS代码: 阅读全文
posted @ 2019-03-15 17:38 云上丶无忧 阅读(11604) 评论(0) 推荐(0) 编辑
摘要: 为了让回车换行符正确显示,需要将 \n 或 \r\n 替换成 <br>。同样地,将空格替换存 &nbsp;。这里我们通过正则表达式来替换。 一、替换所有的空格、回车换行符 二、去掉所有的空格、回车换行符 //原始字符串 var string = "欢迎访问!\r\nhangge.com 做最好的开发 阅读全文
posted @ 2019-03-14 21:12 云上丶无忧 阅读(70973) 评论(1) 推荐(0) 编辑
摘要: input复选(checkbox): <label>input复选1组:</label> <input type="checkbox" name="checkbox1" value="checkbox复选1" checked="checked"/>checkbox复选1 <input type="c 阅读全文
posted @ 2018-10-14 23:14 云上丶无忧 阅读(34452) 评论(0) 推荐(0) 编辑
摘要: 1、最常见的判断方法:typeof console.log(typeof a) > string console.log(typeof b) > number console.log(typeof c) > object console.log(typeof d) > object console. 阅读全文
posted @ 2018-09-29 23:05 云上丶无忧 阅读(12356) 评论(0) 推荐(1) 编辑
摘要: <?php // 获取用户名 $username = $_POST["username"]; $pwd = $_POST["pwd"]; $mark = isset($_POST["mark"])?$_POST["mark"] : ""; //1.建立连接 // ip地址,用户名, 密码, 连接的数 阅读全文
posted @ 2018-09-26 21:28 云上丶无忧 阅读(310) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin:0;padding: 0;} ul,li{list-style: none} #banner{w 阅读全文
posted @ 2018-09-26 21:19 云上丶无忧 阅读(427) 评论(0) 推荐(0) 编辑
摘要: /*随机数参数:n,m 都是数字 */function numRandom(n,m){ return parseInt(n+Math.random()*(m-n+1));}//冒泡排序function bubble(arr){ var temp; for(var i=0;i<arr.length-1 阅读全文
posted @ 2018-09-26 21:13 云上丶无忧 阅读(1246) 评论(0) 推荐(0) 编辑

来场流星雨,吧