Vue实现压缩剪贴板图片功能

分类: 前端    2020-2-8 19:40

QQ或微信发送截图时都会对截图进行压缩，目的是为了预防存在剪切板中图片过大，产生上传速度慢问题，这里我们使用vue来试试实现对剪贴板中的图片进行压缩的功能。实现思路监听剪切板粘贴事件从事件回调中获取clipboa ...

HTTP状态码详解

分类: 前端    2019-6-23 14:31

最近看《REST in Practice》，发现 HTTP 如此之多的状态码都有各自的含义，要准确使用并不难，但现实当中很少人能够做得到。大多数人熟悉的状态码就那几个，平时也不会去阅读 RFC 2616，结果反复使用的也就是那几个 ...

HTTP协议的六种请求方法（get,head,put,delete,post）的区别

分类: 前端    2019-1-6 13:30

标准Http协议支持六种请求方法，即get,head,put,delete,post，但其实我们大部分情况下只用到了GET和POST。如果想设计一个符合RESTful规范的web应用程序，则这六种方法都会用到。了解这六种方法的本质仍然是很有作用 ...

去除移动端alert或confirm的url地址

分类: 前端    2018-7-6 16:54

移动端的使用alert、confirm都会显示来源的url，既不美观又影响体验，解决办法是重写alert和confirm。script type="text/javascript" var wAlert = window.alert; window.alert = function (message) { try { var if ...

移动端使用CSS或JS判断横屏和竖屏

分类: 前端    2018-5-18 01:27

在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码：meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-sc ...

HTML5 WebSocket的简单介绍

分类: 前端    2017-6-11 22:33

WebSocket 的出现替代了我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看 HTML5 的 WebSocket API：它可用于客户端、服务器端。而且有一个 ...

HTML5视频直播技术介绍

分类: 前端    2017-5-23 22:40

视频直播如火如荼，为了满足比较火热的移动 Web 端直播需求，一系列的 HTML5 直播技术迅速的发展了起来。只要实现了视频直播的各个技术难点，通过HTML5进行视频直播并非难事。常见的可用于 HTML5 的直播技术共有3种 ...

HTML的Web框架:AngularJS简介

分类: 前端    2017-3-13 22:09

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标 ...

CSS实现单行或多行文本溢出显示省略号

分类: 前端    2017-2-21 00:39

网页中一些比如标题、列表概要之类的功能，为了页面的美观，但又不希望因内容的缩短而引起SEO的不友好，那么我们通常都会使用CSS去使溢出的文本以省略号显示：如果实现单行文本溢出时显示省略号，或许大家都知道用te ...

使用HTML5 Canvas做一个画图板

分类: 前端    2016-6-23 22:49

使用HTML5可以非常简单地在canvas上实现画图功能，在支持html5的浏览器下便可在下面的区域进行绘画，要看到演示效果，请确保你的浏览器支持HTML5。 效果演示 您的浏览器不支持canvas! 功能很简单，原理其实和拖放是 ...

JavaScript计算两个日期之间的时间差

分类: 前端    2016-6-2 23:54

很多时候我们需要知道两个日期之间相差多少天，多少小时，甚至多少分钟多少秒。在PHP中，我们可以很容易就完成这些时间的计算，但在JavaScript中相对于PHP会复杂一点，下面我们用JavaScript实现了一个函数，用于计算 ...

JavaScript的相等（==）与全等（===）

分类: 前端    2016-4-30 16:59

全等与相等是两种类型的相等操作符；他们的区别我们可以用两句话来说明：全等与不全等——直接比较而不转换类型相等与不相等——先转换类型再比较 全等与不全等的逻辑比较简单，我们主要来关注相等与不相等。当我 ...

关于Ajax的缓存问题

分类: 前端    2016-2-21 00:03

AJAX缓存本意是为了提高AJAX的效率，减轻服务器的压力；但如果使用不当就有可能导致出现意料之外的结果。如何禁止Ajax的缓存，解决办法有如下几种： 1.在服务端加 header("Cache-Control: no-cache, must-revalidate ...

JQuery 的live()方法给新增节点绑定事件

分类: 前端    2016-1-17 22:17

jQuery 可以使用live方法给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。 这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数 ...

javascript:;与javascript:void(0)使用介绍

分类: 前端    2015-12-2 23:04

有时候我们在编写js过程中，需要触发事件而不需要返回值，那么就可能需要这样的写法:href=”#”，包含了一个位置信息；默认的锚是#top,也就是网页的上端，当连续快速点击此链接时会导致浏览器巨慢甚至崩溃，当然我们 ...

移动端web开发的一些技巧

分类: 前端    2015-11-25 23:15

由于智能手机的广泛使用，现在基本上不是很差的web项目都会同时配有相应的移动端，下面是我们整理的关于移动端web开发的一些常用技巧，以供大家参考和查阅。1. 添加到主屏后的标题（IOS）meta name="apple-mobile-we ...

HTML5 video 视频标签介绍与使用

分类: 前端    2015-11-23 23:09

HTML video适用于HTML 5+，用于定义在线观看的视频流媒体。可以在开始标签和结束标签之间放置文本内容，这样旧的浏览器就可以显示出不支持该标签的信息。在HTML5中，Web开发者只需要使用video标签就可以轻松加载视频 ...

Jquery中$命名冲突的解决办法

分类: 前端    2015-11-9 10:24

在Jquery中，$是JQuery的别名，所有使用$的地方也都可以使用JQuery来替换，如$('#msg')等同于JQuery('#msg')的写法。然而，当我们引入多个js库后，在另外一个js库中也定义了$符号的话，那么我们在使用$符号时就发生 ...

Jquery中filter函数的使用

分类: 前端    2015-11-7 15:52

关于Jquery中的filter函数，最简单直白的解释就是 过滤掉符合选择器的元素，得到一个不包含filter(“选择过滤目标 如#id 或者.class 等等各种复杂的选择也可以”) 的元素集合；利用filter函数可以从wrapper set中过 ...

关于浏览器渲染过程中的reflow

分类: 前端    2015-11-4 09:59

Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的 ...