html
关注
分享
扫一扫
我爱默小兜
热爱编程，热爱生活
展开
-
无需Flash无需依赖任何JS库实现文本复制与剪切
我们在网页上放置一个复制按钮，主要用来方便用户复制链接之类的复杂文本，以往的做法是，通过JS依靠Flash，甚至借助jQuery庞大的js库来实现文本复制到剪贴板的。今天我要给大家介绍的是一款极现代的，不需要flash，不依赖任何其他js库的非常小的插件，它叫clipboard.js。首先加载本地clipboard.js文件。 src="clipboard.min.js">原创 2015-12-29 16:05:15 · 564 阅读 · 0 评论 -
JQuery控制图片由中心点逐渐放大效果
有的时候我们需要做一个当鼠标放置在图片上的时候，希望图片逐渐变大，即图片的width和height逐渐变大，但是此时，其left值与top值没有改变，故看似不是从中心点进行缩放的。如下图：从中心点进行缩放实现代码如下：#div1{ width:600px; height:400px; margin:50px auto; position:relative; text-原创 2016-06-25 16:34:14 · 23634 阅读 · 6 评论 -
bootstrap-tagsinput的使用简介
最近在做标签系统的时候，为了便于用户对标签的操作，如输入或是删除，用到了bootstrap-tagsinput。主要是用到了其中的Typeahead部分。 效果如下： 代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="http://cdn.boo原创 2017-02-18 15:25:45 · 19835 阅读 · 2 评论 -
当修改网站上的图片等资源时怎样避免客户缓存的问题
问题分析最近在修改网站上的logo时候，发现修改后，浏览的时候，还是看到之前的图片，PC端多多刷新几次，显示倒是okey，可是手机端依旧是原图片。很明显是缓存的问题，但是我又不想清除手机浏览器缓存。因为客户在浏览的之前，肯定不会清除缓存啊。问题解决办法方法一：给图片重新命名这是一种很笨的方法，但是又不得不说确实可以解决问题。但是每个图片命名都是之前规定好的，不宜随意改动。所以这个方原创 2016-09-05 10:36:38 · 3667 阅读 · 0 评论 -
JS跨越问题解决方法
一.同源策略的限制首先，我们需要知道跨域就是在不同的域之间进行数据传输或通信。只要协议、域名、端口有任何一个不同，都被当作是不同的域。当要想跨域，就得理解浏览器的同源策略限制。其限制之一就是我们说的不能通过ajax的方法去请求不同源中的文档。 它的第二个限制是浏览器中不同域的框架之间是不能进行js的交互操作的。关于第二个限制，比如，有一个页面，它的地址是http://www.findm原创 2016-10-17 09:59:31 · 3577 阅读 · 0 评论 -
Http2.0核心优势
1.采用二进制格式传输数据，而非http1.1文本格式，二进制格式在协议的解析和优化扩展上带来了跟多的优势和可能2.对消息头采用Hpack进行压缩传输，能够节省消息头占用的网络流量，http1.1每次请求，都会携带大量冗余的头信息，浪费了很多宽带资源。3.异步连接多路复用4.Server Push，服务器端能够更快的把资源推送到客户端。5.保持与HTTP 1.1语义原创 2016-10-12 20:19:48 · 2036 阅读 · 0 评论 -
怎样给自己的网站添加一个在浏览器标签、地址栏左边和收藏夹上显示的缩略logo标志
问题描述不知道，大家有没有注意，有的网站，地址栏上都有一个小图标，如csdn或者是百度。但是我个人做的网站就没有，怎样添加这样的图标呢？其实，这个是通过favicon.ico来控制的。favicon.ico的相关描述favicon.ico图标是网站的缩略标志，可以显示在浏览器标签、地址栏左边和收藏夹，是展示网站个性的缩略logo标志，也可以说是网站头像，如果要让网站原创 2016-06-29 14:47:05 · 8869 阅读 · 1 评论 -
网页宽度自动适应手机屏幕宽度的方法
问题描述今天通过手机预览了一下目前正在做的网站，发现完全不是自己期望的效果，如下但是PC端预览是Ok的。解决方案方案一为手机端开发一个站点。判断当前是不是手机访问，然后跳转到相应的网站。function IsMobile() { //如果有HTTP_X_WAP_PROFILE则一定是移动设备 if(isset($_SERVER['HTTP_X_原创 2016-06-29 12:43:06 · 6513 阅读 · 0 评论 -
HTTP状态码及其含义
下表显示了常见的HTTP 1.1状态代码以及它们对应的状态信息和含义。 状态代码 状态信息 含义 100 Continue 初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新） 101 Switching Protocols 服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新） 200 OK 一切正常，对GET和POST请求的应答文档跟在后面。原创 2016-06-29 13:45:55 · 1142 阅读 · 0 评论 -
网页中通过swfobject插入Flash动画以及设置透明
前言今天在浏览网页时候，发现有的网站上既然可以在任意地方插入视频，且可以控制视频的显示范围，瞬间感觉效果还不错，经查看源代码，发现不过是在网站上嵌入flash动画而已，或是在flash中在动态引用外部视频文件，然后设置背景透明。实现下雪效果1.flash的制作 为了便于查看雪花，将舞台背景设置黑色，其实这个不是很重要，其他颜色也可以。 2.引入swfobject.js并进行相应的配置<sty原创 2016-06-12 17:40:40 · 3237 阅读 · 1 评论 -
URI和URL区别
一、URL 和 URI定义 ：1.URL 是全球资源定位符的英文所写，您平时上网时在 IE 浏览器中输入的那个地址就是 URL 。比如：网易 http://www.163.com 就是一个 URL 。2.URI 是 Web 上可用的每种资源 - HTML 文档、图像、视频片段、程序 , 由一个通过通用资源标志符 (Universal Resource Identifier, 简称 “URI”)转载 2016-05-22 20:02:28 · 875 阅读 · 0 评论 -
CSS中模糊滤镜
今天在做图片轮播的时候，添加CSS中模糊滤镜，感觉效果还行。如下图原创 2016-06-24 16:11:57 · 895 阅读 · 0 评论 -
js文件被浏览器缓存控制
我们的用户量大，修改js文件后，用户反馈登录出现问题。实际上刷新一下就没事了。就是因为用户的浏览器使用的还是本地缓存的js代码。强制刷新一般就会重新去服务器获取新的js代码。但不能让用户每次都这样子去做。如果修改了js文件中的js代码，发布代码到线上后。用户的浏览器使用的还是原来js缓存。所以并不会马上生效。转载 2016-04-19 10:24:59 · 1533 阅读 · 0 评论 -
为什么上传文件的表单里要加个属性 enctype
为什么上传文件的表单里要加个属性 enctype 上传文件的表单中要加属性enctype="multipart/form-data",很多人只是死记硬背知道上传表单要这么 写，知其然而不知其所以然。那到底为什么要添加这个属性呢？它是什么意思呢？它又有什么其他可选值呢？ 其实form表单在你不写enctype属性时，也默认为其添加了enctype属性值，默认值是enctype="appl转载 2015-12-18 10:54:56 · 665 阅读 · 0 评论 -
html哪些是行内元素和块状元素汇总
块状元素内联元素address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题转载 2016-03-29 21:55:13 · 3195 阅读 · 0 评论 -
浏览器缓存机制
览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的节点中加入标签，代码如下：html code上述代码的作用是告诉浏览器当前页面不被缓存，每次访问都需要去服务器拉取。转载 2015-12-25 17:27:29 · 521 阅读 · 0 评论 -
理解浮动以及解决浮动带来的问题
本文将主要从以下几个方面聊聊，什么是浮动，浮动的特点，浮动会带来哪些问题，如何有效的解决这些问题原创 2017-05-19 15:49:10 · 8572 阅读 · 0 评论