js实现图片压缩后上传 用到的技术: canvas相关api html5的一些api 兼容性: h5没发现问题,pc低版本浏览器不支持 实现思路: 监听文件域的上传,通过FileReader api获取到图片的原始数据 …

原文链接: https://www.maoyupeng.club/2019/05/webapp-common-meta.html <!-- 页面字符编码 --> <meta charset="utf-8…

我们在开发系统时，处理图片上传是不可避免的，例如使用thinkphp的肯定很熟悉import("@.ORG.UploadFile");的上传方式，今天我们来讲一个使用html5 base64上传图片的方法。文章首发于蓝锅…

面试题来源于网络，看一下高级前端的面试题，可以知道自己和高级前端的差距。有些面试题会重复。 使用过的koa2中间件 koa-body原理 介绍自己写过的中间件 有没有涉及到Cluster 介绍pm2 master挂了的话…

简介 quicklink是一个js库，可以预加载出现在视口的网页链接，提高用户体验。它的加载过程如下：1.检测网页中的链接是否出现在视口中，等待链接出现在视口，执行步骤2。2.等待浏览器空闲后执行3。3.判断当前的网络连…

canvas 描述 HTML5 < canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过,< canvas>元素本身并没有绘制能力（它仅仅是图形的容器）-必须使用脚本…

在tag <form>内部使用<button>，会导致：首次点击内部button按钮会刷新页面。（可以注意到url会新增一个"?"号） 可以使用<input type="button">…

室友同为前端开发，最近在他找工作的时候，讨论到了常见的前端笔试题和面试题，今天就来总结一下之前校招和社招时频繁遇到的面试题。 iframe 有哪些缺点? 页面看起来较杂乱，不易管理，布局不佳，易分散用户注意力 搜索引擎的…

一步一步似爪牙。 前言 学习es6之前我们可能并不知道es6相比es5差距在哪, 但是这并不妨碍我们站在巨人的肩膀上; 程序员就是要乐于尝鲜; 学习es6最终目的是结合es5 一起进行工程项目开发, 而不是完全抛弃es5…

针对容器某个角对背景图片做偏移定位现在就假设想针对容器右下角右侧20px偏移，底部10px偏移有如下几种方式1、原理设置透明边框 div { background: url(../images/code-pirate.s…

在做搜索等功能时，很多时候我们需要实时获取用户输入的值，而常常会得到类似 w'm 这样的拼音。为了解决这个问题，我在网上搜索了下相关问题，发现了两个陌生的事件：compositionstart 和 composition…

mui-plus-webview 一个基于mui的网页端模拟webview拓展 模拟触发了plusReady事件 主要利用iframe,对webview进行模拟 以及一些mui.js中使用到的plus方法/属性的模拟 d…