前端
全部
Vue实现压缩剪贴板图片功能
Vue实现压缩剪贴板图片功能
分类:    2020-2-8 19:40
QQ或微信发送截图时都会对截图进行压缩,目的是为了预防存在剪切板中图片过大,产生上传速度慢问题,这里我们使用vue来试试实现对剪贴板中的图片进行压缩的功能。实现思路监听剪切板粘贴事件从事件回调中获取clipboa ...
HTTP状态码详解
HTTP状态码详解
分类:    2019-6-23 14:31
最近看《REST in Practice》,发现 HTTP 如此之多的状态码都有各自的含义,要准确使用并不难,但现实当中很少人能够做得到。大多数人熟悉的状态码就那几个,平时也不会去阅读 RFC 2616,结果反复使用的也就是那几个 ...
HTTP协议的六种请求方法(get,head,put,delete,post)的区别
HTTP协议的六种请求方法(get,head,put,delete,post)的区别
分类:    2019-1-6 13:30
标准Http协议支持六种请求方法,即get,head,put,delete,post,但其实我们大部分情况下只用到了GET和POST。如果想设计一个符合RESTful规范的web应用程序,则这六种方法都会用到。了解这六种方法的本质仍然是很有作用 ...
去除移动端alert或confirm的url地址
去除移动端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判断横屏和竖屏
移动端使用CSS或JS判断横屏和竖屏
分类:    2018-5-18 01:27
在移动端中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码:meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-sc ...
HTML5 WebSocket的简单介绍
HTML5 WebSocket的简单介绍
分类:    2017-6-11 22:33
WebSocket 的出现替代了我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看 HTML5 的 WebSocket API:它可用于客户端、服务器端。而且有一个 ...
HTML5视频直播技术介绍
HTML5视频直播技术介绍
分类:    2017-5-23 22:40
视频直播如火如荼,为了满足比较火热的移动 Web 端直播需求,一系列的 HTML5 直播技术迅速的发展了起来。只要实现了视频直播的各个技术难点,通过HTML5进行视频直播并非难事。常见的可用于 HTML5 的直播技术共有3种 ...
HTML的Web框架:AngularJS简介
HTML的Web框架:AngularJS简介
分类:    2017-3-13 22:09
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标 ...
CSS实现单行或多行文本溢出显示省略号
CSS实现单行或多行文本溢出显示省略号
分类:    2017-2-21 00:39
网页中一些比如标题、列表概要之类的功能,为了页面的美观,但又不希望因内容的缩短而引起SEO的不友好,那么我们通常都会使用CSS去使溢出的文本以省略号显示:如果实现单行文本溢出时显示省略号,或许大家都知道用te ...
使用HTML5 Canvas做一个画图板
使用HTML5 Canvas做一个画图板
分类:    2016-6-23 22:49
使用HTML5可以非常简单地在canvas上实现画图功能,在支持html5的浏览器下便可在下面的区域进行绘画,要看到演示效果,请确保你的浏览器支持HTML5。 效果演示 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是 ...
JavaScript计算两个日期之间的时间差
JavaScript计算两个日期之间的时间差
分类:    2016-6-2 23:54
很多时候我们需要知道两个日期之间相差多少天,多少小时,甚至多少分钟多少秒。在PHP中,我们可以很容易就完成这些时间的计算,但在JavaScript中相对于PHP会复杂一点,下面我们用JavaScript实现了一个函数,用于计算 ...
JavaScript的相等(==)与全等(===)
JavaScript的相等(==)与全等(===)
分类:    2016-4-30 16:59
全等与相等是两种类型的相等操作符;他们的区别我们可以用两句话来说明:全等与不全等——直接比较而不转换类型相等与不相等——先转换类型再比较 全等与不全等的逻辑比较简单,我们主要来关注相等与不相等。当我 ...
关于Ajax的缓存问题
关于Ajax的缓存问题
分类:    2016-2-21 00:03
AJAX缓存本意是为了提高AJAX的效率,减轻服务器的压力;但如果使用不当就有可能导致出现意料之外的结果。如何禁止Ajax的缓存,解决办法有如下几种: 1.在服务端加 header("Cache-Control: no-cache, must-revalidate ...
JQuery 的live()方法给新增节点绑定事件
JQuery 的live()方法给新增节点绑定事件
分类:    2016-1-17 22:17
jQuery 可以使用live方法给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。 这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数 ...
javascript:;与javascript:void(0)使用介绍
javascript:;与javascript:void(0)使用介绍
分类:    2015-12-2 23:04
有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法:href=”#”,包含了一个位置信息;默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃,当然我们 ...
移动端web开发的一些技巧
移动端web开发的一些技巧
分类:    2015-11-25 23:15
由于智能手机的广泛使用,现在基本上不是很差的web项目都会同时配有相应的移动端,下面是我们整理的关于移动端web开发的一些常用技巧,以供大家参考和查阅。1. 添加到主屏后的标题(IOS)meta name="apple-mobile-we ...
HTML5 video 视频标签介绍与使用
HTML5 video 视频标签介绍与使用
分类:    2015-11-23 23:09
HTML video适用于HTML 5+,用于定义在线观看的视频流媒体。可以在开始标签和结束标签之间放置文本内容,这样旧的浏览器就可以显示出不支持该标签的信息。在HTML5中,Web开发者只需要使用video标签就可以轻松加载视频 ...
Jquery中$命名冲突的解决办法
Jquery中$命名冲突的解决办法
分类:    2015-11-9 10:24
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生 ...
Jquery中filter函数的使用
Jquery中filter函数的使用
分类:    2015-11-7 15:52
关于Jquery中的filter函数,最简单直白的解释就是 过滤掉符合选择器的元素,得到一个不包含filter(“选择过滤目标 如#id 或者.class 等等各种复杂的选择也可以”) 的元素集合;利用filter函数可以从wrapper set中过 ...
关于浏览器渲染过程中的reflow
关于浏览器渲染过程中的reflow
分类:    2015-11-4 09:59
Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的 ...
12345下一页
推荐阅读
artTemplate-超快的前端模板引擎
artTemplate-超快的前端模板引擎
artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。在 chrome 下渲染效率测试中分别是知名引擎 ......
jQuery带缩略图的图片轮播插件
jQuery带缩略图的图片轮播插件
这是一款基于jQuery的图片播放插件,该图片播放插件带有缩略图,用户可以点击缩略图来切换图片,也可自动轮换播放,代码简洁,很实用的一款插件...
PHP开发工具之Sublime Text2
PHP开发工具之Sublime Text2
在使用过NotePad++, EPP, EditPlus, Zend Studio 等等PHP开发工具之后,第一次接触到Sublime Text2时,真的为之一震;这是一款非常好的文本编辑工具,它所拥有的一切功能似乎都可以按你的意思去改变,包括主题皮肤、 ......
基于Jquery的自定义提示框
基于Jquery的自定义提示框
这是一款基于jQuery实现的多种类型自定义对话框(jDialog源码),是一款轻量级多种类型的自定义对话框插件。可实现常见的各类弹出对话框效果。且基于jQuery实现具有很好的兼容性,可兼容目前最新的各类主流浏览器。对 ......
6种lightbox(灯箱)图片展示效果源代码下载
6种lightbox(灯箱)图片展示效果源
关于lightbox,第一次看到他的时候,窗口黯淡下来,图片缓缓的打开,美丽的效果让我为之震撼!今天挑选的六款都是保留了lightbox招牌的滑动效果的版本,还有各种的lightbox效果在被创作出来,再此之前,提供以上六种 ......
jQuery鼠标放某一张图上后,其他图片变暗
jQuery鼠标放某一张图上后,其他图
简介:这种是类似淘宝展示商品的那种效果,鼠标放到其中某一张图的时候,其他的图片变为灰色,突出鼠标所指图片(兼容所有主流浏览器)。点击此处下载:jQuery鼠标放某一张图上后,其他图片变暗.rar(513.66 KB) ......
CSS自定义文件上传按钮样式,兼容主流浏览器
CSS自定义文件上传按钮样式,兼容
我们在程序开发中,经常要用到上传文件的功能。但是,input type="file" id="f" name="f"这个类型的元素,产生的文件框和浏览按扭,它们的样式往往不符合我们的需要。怎么样才能控制控制它们的样式和位置呢?解决办 ......
漂亮的扁平化网页设计例子
漂亮的扁平化网页设计例子
扁平化的概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。更少的按钮和选项使得界面干净整齐,使用 ......
返回顶部