浏览器缓存旧的js文件或css文件导致没出现预期效果

最好在加载的js或css文件后加上 ?v=1.0.0 版本号,更新js后就更改一下版本号即可…

vue脚手架使用swiper /引入js文件/引入css文件

1.安装vue-cli 参考地址:https://github.com/vuejs/vue-cli 如果不使用严格语法需要在后三项打no:(加了挺头疼的,老是报错,但是对自己的代码规范性也是有很大的帮助的) 2.swiper下载示例代码参考地址:http://www.swiper.com.cn/usage/index.html 一:单个组件使用: 3.在刚下载好的vue-cli里的helloworld.vue进行代码编写. 3.1html部分: <template> <div c…

关于controller返回的页面js文件和css文件404问题的正式解决

谨用此博客记录一下这条卡了两个星期的bug…… 还是之前的问题,通过get方法,后台@Controller返回页面然后弹窗.但是不知道为什么一直所有js文件和css文件都报404…… (之前的博客记录:http://www.cnblogs.com/wangshen31/p/8655044.html) 然后把get方法改成了post方法就解决了!!!然后就先没管.写到了后面,弹窗多了,发现最后在submit操作的时候,发现不知道为什么layui.form的监听submit总是监听到两次submit…

vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件

vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件 ---------------------------------------------------------- 转载文章请注明出处! ---------------------------------------------------------- 如果只是要使用轮播效果的话可以参考下一些vue组件:比如这篇文…

利用nodeJs来安装less以及编译less文件为css文件

NodeJs 使用nodejs安装less以及编译less文件为css文件首先下载nodeJs的安装包,按照步骤,安装nodejs. 链接:http://pan.baidu.com/s/1dEsqYB3 密码:bkkh 这个链接里面有nodejs的安装包,大家可以直接下载下来,安装就可以了. 然后cmd打开控制台,检查node是否安装成功.输入node –v,如果输出的是安装包的版本号,则表示安装成功. 接下来就可以安装less了,进入node.js安装目录,通过命令npm install…

js文件与 css文件异步加载

使用lazyload 异步加载css js 文件. 提升页面初始化的速度,减少卡顿时间 , 下面是使用方法与 lazyload.js 源码 (中文注释) 调用方法后. 会追加到 head 标签末尾会按照数组中的地址顺序进行加载文件加载成功后有 console.log().进行日志打印不需要的话,可以删除. 有兴趣的可以看看注释, 研究一下LazyLoad.js 的实现方式. 完整例子 <!DOCTYPE html> <html> <head> <m…

根据浏览器显示界面大小变换，替换css文件方法

在1024屏幕下,选择适配1024屏幕的css文件, 在大于1024屏幕下,选择适配大屏幕的css文件. 在html中的head标签中引用css文件时,加入media属性. 例: <link rel="stylesheet" media="screen and (min-width:1025px)" type="text/css" href="...1920"> <link rel="stylesh…

grunt压缩多个js文件和css文件

压缩前的工程目录: 1.安装js,css需要的插件使用npm安装:npm install grunt-contrib-uglify --save-dev -------->安装js压缩插件 npm install grunt-contrib-cssmin --save-dev -------->安装css压缩插件手动安装后,在package.json文件里,会自动将“grunt-contrib-uglify”加入,并且是当前grunt-contrib-uglify的最新版本,就如下面的…

在HTML页面中加载js文件和css文件的方法

1.在HTML页面加载js文件的方法: function loadScriptFile(filePath){ var script = document.createElement("script"); script.type = "text/javascript"; script.src = filePath: document.head.appendChild(script); } 2.在HTML页面加载css文件的方法: function loadCsstFi…

asp.net后台代码动态添加JS文件和css文件的引用

首先添加命名空间 using System.Web.UI.HtmlControls; 代码动态添加css文件的引用 HtmlGenericControl myCss = new HtmlGenericControl(); myCss .TagName = "link"; myCss .Attributes.Add("type", "text/css"); myCss .Attributes.Add("rel", "s…

vue.js 独立引用css文件图片路径错误

vue的环境是用vue-cli,写在vue文件的图片引用build之后的路径都没什么问题但是有的时候我们会有一些公共的css文件单独的放在assets目录下如下图所示这里当build后发现写在css文件的图片地址都是错误的,默认延续了vue文件的图片引用方式这里只需要修改一下build/utils.js文件的配置就可以单独设置扩展的css文件路径引用重新编译后,此问题解决!…

关于HTML文件、JS文件、CSS文件

把JS和CSS脚本写在html里和写在独立文件里有什么区别? 1. 都写在html里是性能最优的方案. 2. 都写在html里是可维护性最差的方案. 3. 分开写在js.css.html是可维护性最有的方案. 4. 分开写在js.css.html是性能最差的方案. 5. 折中一下,不可复用的js和css直接写在html中. 6. 再优化下,把js都打包在一个文件里,css也打包在一个文件,减少http请求. 7. 以上都过渡完了,那个时候会有一群人叫你大神. js的三种使用方式(行内js.内部j…

WebStorm新建JS文件、CSS文件时自动生成文件注释

WebStorm 是jetbrains公司旗下一款优秀的前端开发工具.随着现在大型项目模块越来越多,参与人员也越来越多,实际项目中经常需要明确文件用途和文件的归属,所以创建文件时添加文件注释是一种必要手段,这样即可以帮助自己和别人快速明白文件用途,又可以快速定位问题,还可以减少代码的交叉修改,避免不必要的冲突. settings --> Editor --> File and Code Temlates 选择(CSS File 或 JavaScript File) 在Files内选择需要添加注…

less文件转换为css文件

Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量.混合(mixin).函数等功能,让 CSS 更易维护.方便制作主题.扩充. 本文主要介绍less文件如何转化为css文件. 1.首先,你要确认你的电脑已经安装了node. 2.然后,进入需要转换的less文件的目标位置. 3.最后,你只需输入以下两条命令: npm install -g less lessc less文件名.less 生成的css文件名.css 此时再看你的文件夹,是不是已经有了对应的css文件了呢~…

开源作品-PHP写的JS和CSS文件压缩利器(单文件绿色版)-SuMinify_PHP_1_5

前言: 网站项目需要引用外部文件以减小加载流量,而且第一次加载外部资源文件后,其他同域名的页面如果引用相同的地址,可以利用浏览器缓存直接读取本地缓存资源文件,而不需要每个页面都下载相同的外部资源文件.外部资源文件有一些是第三方插件,有一些是自己写的业务功能脚本,项目引用这些外部文件,需要把没有压缩过的第三方插件压缩后再引用,而自己的业务功能脚本,有的做成插件形式,引用一个功能脚本,需要同时引用若干个脚本文件,因此需要把这些脚本文件合并成一个压缩文件再引用,这样可以减少HTTP请求次数,减少这些外…

解决微信浏览器缓存站点入口文件(IIS部署Vue项目)

最近开发的微信公众号项目中(项目采用Vue + Vux 构建,站点部署在IIS8.5上),遇到个非常奇葩的问题,发布站点内容后,通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了入口文件-index.html,顾之前版本的index页面找不到对应的js,因为我们每次发布会将之前的版本放至另外的备份目录),但关闭网页再次去打开又是正常的.最初开发内部测试时该问题没有引起关注,因为开发人员大部分都是android的手机,后来测试发现,某些android机型不是必现此问题,但是苹果(IOS)机…

给js加版本号解决浏览器缓存问题

我们知道打开网页时浏览器会加载需要的资源,比如图片.音频.js文件.css文件等.并且会把这些资源作为缓存保存下来,再次打开网页时缓存好的资源就不需要再次加载了.但是,这样有一个问题,就是当程序猿更新了网页内容后,因为浏览器缓存的存在,可能没有办法显示出更新后的内容. 今天我就遇到了这样的问题,做了一个小游戏的网页,用到了大量的图片和音频,测试时更新的js不能立刻反馈,总是需要清除缓存后刷新才能看到更新.但是大量的图片和音频,每次都需要清除缓存也太麻烦了,我就百度了一下有没有好的解决方法. 百度…

js动态加载css文件和js文件的方法

今天研究了下js动态加载js文件和css文件的方法. 网上发现一个动态加载的方法.摘抄下来,方便自己以后使用 [code lang="html"] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Javascript includes - ready state and onload</title><…

【翻译】Microsoft Ajax Minifier 快速使用指南（与VS集成使用）编译后直接压缩项目的JS或CSS文件

网上找了好久终于找到一个能跟VS集成使用的JS和CSS压缩工具,因为害怕忘记,所以给转发过来,顺便翻译一下,大学那会儿学的英语基本上都已经还给老师了,所以翻译的不太好,不过能看懂就成,对吧? 原文地址:http://www.asp.net/ajaxlibrary/AjaxMinQuickStart.ashx 一.在命令行中使用在下载安装完成Microsoft Ajax Minifier之后,你就可以以命令的方式使用它了.单击“开始”——“所有程序”——“Microsoft Ajax Minif…

引用：使用grunt 压缩合并js、css文件

引用:https://www.jianshu.com/p/08c7babdec65 压缩 js 文件 1.创建一个目录名为grunt 目录.png 2.在grunt目录下创建一个 src目录,存放我们要压缩.合并的js文件. 图片.png 3.创建package.json文件文件.png package.json文件,包含了项目的一些信息,如项目的名称.描述.版本号.依赖包等. package.json文件中的内容如下: { "name": "grunt&qu…

JS判断是否有js、css文件的引入方法

在页面头部有个 <script type="text/javascript" src="abc.js"></script> <link href="efg.css" rel="stylesheet" type="text/css" />的引用,如何才能判断出来是否已经有了abc.js和efg.css文件的引用呢? function isInclude(name){ var…

项目中对模板和js，css文件进行压缩的处理类

我们知道,在html的页面中,所有空格和换行符其实都会占据一定的空间,即使使用了gzip压缩,在传输过程中依然会浪费用户的流量和我们自己服务器的带宽,此脚本就是为了解决这个问题而诞生的. 请自行下载Google Closure Compiler,和YUIcompressor点此去下载Google Closure Compiler点此去下载YUIcompressor 将compiler.jar和yuicompressor-2.4.7.jar放在与本脚本相同的目录下即可代码很简单,没什么好说的..e…