在web开发过程中经常会遇到js及css文件缓存的问题，开发过程中我们可以自己手动的清空浏览器缓存，但是我们没法告诉用户去执行一个他们或许不熟悉的操作（清空浏览器缓存），为解决这个问题，编写了一个grunt插件，在前端构建的时候，可以使用grunt插件来做这件事情，就是将js及css文件自动的加上一个版本号（这里我用的是时间戳）基于grunt的js 及css文件自动加version的插件，可以将配置的目录下所有引用到指定匹配的js及css文件...
问题描述使用@import引入外部css，作用域却是全局的<template></template><script>export default {name: "user"};
</script><!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "../static/css/user.css";
.user-content{background-color: #3982e5;
}
</style>Add "scoped" attribute to limit CSS to this component only这句话大家应该是见多了, 我也使用scoped, 但是使用@import引...
:active伪类是在类似‘mousedown‘事件触发的时机生效的，而手机上并没有‘mousedown‘事件，取而代之的只有‘touchstart‘和‘touchend‘。只需要给这个a链接的touch系列的任意事件touchstart/touchend绑定一个空的匿名方法即可hack成功var a = document.getElementsByTagName(‘a‘);for(var i = 0; i < a.length; i++) { a[i].addEventListener(‘touchstart‘,function(){},false); }添加以上代码，touch按下去后，发现a的...
前提：安装好openssl工具。通过windows cmd 命令进入 openssl工作目录如解压目录为：E:\ openssl-1.0.2-beta1则工作目录为E:\openssl-1.0.2-beta1\inc32\out32dll通过cmd >cd /d E:\openssl-1.0.2-beta1\inc32\out32dll建立证书存放目录：E:\ssl下面是使用opensll实现CA并签发证书的过程：1) 生成CA密钥CA作为一个权威机构，他本身也是使用证书来标识自己，CA本身也拥有私钥。在签发数字证书的过程中，CA的私钥主要用于加密用户证书...
第一种方法：背景图片法这种方法适用于非动态内容，图片用于装饰的情况下。主要是设置父元素的padding的宽度为背景图片的宽度加上图片和文字的间距，然后把背景图片定位到padding里面就可以了图文混排demo1，背景图片法 //因是转载的，我又是菜鸟，下面图片乱了，正确的是图片跟文字都在一行。 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Pellentesque habitant morbi tri...
jquery load + div实现异步加载资源，出现重复js和css资源的重复加载，导致js失效或重复执行等问题：调用load前执行语句： $.ajax({cache: false}) 关闭ajax缓存。此方法已经过时 $.ajaxSetup ({ cache: false }); According to http://api.jquery.com/jQuery.ajaxSetup/ it‘s use isn‘t recommended.Try using $.ajax({cache: false}) instead. 原文：http://www.cnblogs.com/mengyehongmanshan/p/6856730.html
请看代码： 复制代码代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;"></div> 显示的结果应该是个小点，但是在ie下就是显示一个竖长条，就是说height无效，这就是IE一bug 解决办法，添加overflow:hidden; 复制代码代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;overflow:hidden;"></div> 解决问题。原文：http://www.jb51.net/css/75908.ht...
问题最近在使用background-image属性来实现CSS3的逐帧动画时，碰到了个问题。在chrome浏览器上，background-image属性是支持css3动画的，但是到了firefox上，就完全看不到任何动画。原因通过网上查找，才发现W3C标准中明确background-image属性是不支持动画的，所以firefox由于遵循了该标准，并没有给该属性支持动画。解决过程解决方法是使用backgrond-position属性，该属性在W3C标准中是支持动画的，因此所有浏览器应该是可以支持...
随着项目规模的增大，协作开发也越来越长见，协作开发时间久了就会遇到一个恶心的文件冲突问题。假设一个HTML文件引用了两个外部JS文件，而这两个外部JS文件你没有修改的权限，你只有HTML文件的修改权限，两个外部JS文件都定义了window.onload事件。代码假设如下：<script type="text/javascript" src="a.js"></script>
<script type="text/javascript" src="b.js"></script> a.js的文件内容：window.onload=function(){
alert("这...
div{display:table-cell;vertical-align:middle}#crayon-theme-info .content *{float:left}#crayon-theme-info .field{font-weight:bold}#crayon-theme-info .field,#crayon-theme-info .value{margin-left:5px}#crayon-theme-info .description.value{font-style:italic;color:#999}#crayon-theme-info .type{text-align:center;min-width:120px;font-weight:bold;border-right:1px solid #ccc;padding-right:5px}#crayon-theme-...
今天发现bootstrap和easyui的css类重复用了一个很笨的办法解决了，这种小事网上都不好搜啊。我先引用的bootstrap后引用的easy UI，bootstrap的会被覆盖，boot的样式不正常就是难看了点，easy UI的有问题页面就直接不能看了，所以还的easy UI放后面，我又增加了个人mybootstrap.css，吧bootstrap被覆盖的重命名复制过去就互不冲突了。比如：吧所有的panel替换成b-panel存到mybootstrap.css，引用的时候用b-panel原文：http://www.cn...
一.问题重述 嗯，这个就是坍塌的盒子了。外部盒子本应该包裹住内部的两个浮动盒子，结果却没有。二.问题出现的原因3个盒子都只设置了width，而没有规定height，内部两个盒子分别设置了左右浮动。布局就这么简单，但结果和我们想象的却大不一样。问题出现的原因是内部两个盒子都有float属性，而float属性会把元素从标准文档流中抽离，直接结果就是外部盒子丢了两个孩子，因为内部没有其它盒子了，所以外部盒子只包裹了文本节点内容，...
今天学习jQuery的时候，仿照视频敲了一个tab实例（在此感谢发布视频的so what老师）。很简单的一个小例子。然后我仿照代码，做了一个侧边栏。但是有点小问题 html、jq、css代码各如下：html： <ul class="sBchoose"> <li class=""></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>jq：<script type="text/javascript"> $(function(){ var divs = $(‘....
原文地址：http://www.programgo.com/article/96083031845/最近项目中使用到Spring3，在感叹Spring3注解配置清爽的同时竟然出现了这个不和谐的事情，实在无法忍受 问题：部署项目后程序加载或用浏览器访问时出现类似的警告，2011-01-19 10:52:51,646 WARN [org.springframework.web.servlet.PageNotFound] -<No mapping found for HTTP request with URI [/sandDemo001/images/1.jpg] in DispatcherServlet with name ‘spring‘>，...
一、fastCGI？ fastCGI是由CGI（common gateway interface，通用网关接口）发展而来，是http服务器（nginx、apache）和动态脚本语言（php）之间的通信接口。记住，fastCGI只是一个接口。 fastCGI的优点：fastCGI采用C/S结构，可以将http服务器和动态脚本解析服务器分离（二者可以部署在不同的服务器上），让http服务器专一处理静态请求和转发动态请求到脚本解析服务器；脚本解析服务器则专一处理动态脚本的请求。二、nginx+f...
这次给大家带来font-weight:blod的跳动问题怎样用CSS解决，font-weight:blod的跳动问题用CSS解决的注意事项有哪些，下面就是实战案例，一起来看一下。