解决Windows和Linux使用npm打包js和css文件不同的问题

1.问题出现最近公司上线前端H5页面,使用npm打包,特别奇怪的是每次打包发现css和js文件与Windows下打包不一致(网页使用Windows环境开发),导致前端页面功能不正常. 2.问题排查 ① 更换服务器:无用 ② 更换npm版本:无用 ③ 在另一台Windows上打包:无用 ④ 等等网上说的方法:无用 3.我是如何确认是css和js文件不一致的 ① 首先我在Linux打包机器上正常打包 ② 打包过程中无任何报错,之前上线也是如此.(所以一开始并没有发现是打包问题) ③ 通过浏览器打开…

ASP.NET中母版页引用外部js或css文件无效,提示对象未定义解决方法

最近做网站用了一个js+css实现的带有二级菜单的导航条,在母版页创建好后,子页面调用出现了许多奇怪的问题,多方查证后的最终解决方案和大家分享下.... 1.路径问题如果是一个单独的aspx页面调用此文件路径会是 <link type="text/css" rel="stylesheet" href="navigator/css/shou.css" /> <script type="text/javascript&q…

grunt 单独压缩多个js和css文件【转】

原文地址:http://xiaomiya.iteye.com/blog/2177877 使用grunt来压缩前端js,css文件因为最近做的客户端本地项目有用到十几个js,js提交之前都需要压缩.用grunt压缩已经不是什么新鲜事了,,之前的项目用的是别人给我配置好的.所以也没有去深究.这次类型不同了不需要去上传只需文件压缩.所以下午自己去研究了下grunt确实很好用. 我们这里需要对js和css单独压缩.网上很多都是合并压缩.本人觉得多个js合并之后会存在隐形问题.还是喜欢单独压缩.下面的介…

JavaScript使用localStorage缓存Js和css文件

对于WebApp来说,将js css文件缓存到localstorage区可以减少页面在加载时与HTTP请求的交互次数,从而优化页面的加载时间.特别是当移端信号不好高延迟时优化效果还是很显见的下面的代码可以实现此功能: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title><…

使用Maven构建Java Web项目时，关于jsp中引入js、css文件路径问题。

今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这里不得不吐槽一下国内资料的可信度,不说了,以后遇到问题尽量还是google吧,花点钱买个vpn值了,生命有限,节约时间. 下面记录下解决方法吧: 首先,确保jsp引入了jstl:<%@ taglib uri="http://java.sun.com/jsp/jstl/core" pr…

[转][前端优化]使用Combres合并对js、css文件的请求

本文转自:http://www.cnblogs.com/parry/archive/2011/01/28/Reduce_Http_Request_Using_Combres_For_Js_Css.html 在前端优化的各种金律铁规中,“减少客户端对资源的请求”都会在其中出现,刚好最近对网站做一些优化,使用了一下Combres组件,有点心得,遂整理成文. 园子中也有几篇Combres组件的介绍,如:Combres库学习小结以及部分源码分析和使用Combres 库 ASP.NET 网站优化.可部署时…

为js和css文件自动添加版本号

web应用必然要面对缓存问题,无论前台后台都会涉足缓存.特别是对于前端而言,缓存利用的是否得当直接关系到应用的性能. 通常情况下,我们会倾向于使用缓存,因为缓存一方面可以减少网络开销,一方面可以减轻服务器的压力. 但是有些时候缓存也会带来一些比较诡异的问题,呵呵.关于缓存的文章应该不在少数,不再讨论,本文的重点在于为js和css文件自动添加版本号. 这样做的原因是:首先对于js和css类型的静态文件设置了缓存机制,当文件被更新时,需要强迫浏览器下载修改后的新文件,也就是要更新缓存,而通过为js和…

引用：使用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…

[Asp.net MVC]Bundle合并，压缩js、css文件

摘要在web优化中有一种手段,压缩js,css文件,减少文件大小,合并js,css文件减少请求次数.asp.net mvc中为我们提供一种使用c#代码压缩合并js和css这类静态文件的方法. 一个例子新建asp.net mvc项目,在App_Start文件夹中你可以看到一个叫做BundleConfig.cs的类, 该类内容如下: public class BundleConfig { // For more information on bundling, visit http://go.m…

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

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

关于引用JS和CSS文件刷新浏览器缓存问题，部署服务器后客户端样式不刷新

问题描述对样式的css文件进行了修改,部署到服务器后访问发现页面展示不正常,但是刷新之后就会展示正常. 问题分析研究之后发现可能的原因有 css文件过大,加载缓慢本地缓存问题,虽然服务器修改了css文件,但是浏览器仍然使用本地缓存的css, 需要用户多刷新一次才能正常展示显然是很不合理的,那么怎么样解决更新后让浏览器请求新的css或js文件呢? 解决办法方法1 更新文件后更改css/js文件名. 其实解决这个问题很简单,缓存是通过文件名标记缓存的内容的.在你更新了网站的css文件内容后,…

js或css文件后面的参数是什么意思？

经常看到不少导航网站测样式或js文件后面加了一些参数,主要是一你为一些并不经常更新的页面重新加载新修改的文件. 经常遇到页面里加载的js与css文件带有参数,比如: <script type="text/javascript" src="jb51.js?version=1.2.6"></script><link rel='stylesheet' href='base.css?version=2.3.3' type='text/css'…

MVC学习随笔----如何在页面中添加JS和CSS文件

http://blog.csdn.net/xxjoy_777/article/details/39050011 1.如何在页面中添加Js和CSS文件. 我们只需要在模板页中添加JS和CSS文件,然后子页面调用模板页即可. @{ ViewBag.Title = "用户注册"; Layout = "~/Views/Shared/_Layout.cshtml";} 第二句话便是指定该页面的模板页.我们只需要在模板页中进行js和css的引用. 下面来看_Layo…

gulp-rev同时将js和css文件写在一个rev-manifest.json文件里面的方式探讨

参考: https://segmentfault.com/q/1010000002876613 https://github.com/sindresorhus/gulp-rev 测试发现,在官网上最主要的做法是: 加入如下参数: { base: 'build/assets', merge: true } 其中base为存放上一个生成的rev-manifest.json文件,然后merge为是否拼合进去,最后再输出到base这个目录上,就可以实现js和css文件同在一个rev-manifest.j…

常用js，css文件统一加载方法，并在加载之后调用回调函数

原创内容,转载请注明出处! 为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护.所以我用js写了以下方法,存放在“sourceController.js”文件内. /** * Created by MingChen on 2016/11/3. */ function sourceController() { this.root = ""; this.callfunc = null; // 回调函数 this.css = [];…

jquery，js引入css文件，js引入头尾

jquery,js引入css文件,js引入头尾今天在项目中,需要把20多个页面加上头和尾部,头和尾是我写的,所以小师傅把这个工作交给我了. 我开始往里面加,先引入common.css,在body开始标签下面添加<header></header>,在body结束标签的地方添加<footer></footer>,然后引入common.js文件,还有每行添加注释例如:  <header></heade…

【半原创】将js和css文件装入localStorage加速程序执行

首先感谢某某作者写的文章:http://www.jb51.net/article/12793.htm 直接上代码,注意文件名为env.js 原理如下: 一次批量加要加载的文件存入数组,采用Ajax方式异步载入各个文件,然后采用循环方式逐个执行下载下来的Js或者Css文件,如果已经被缓存(localStorage)的则省略下载过程. 由于JS采用的是单线程模式运行,在执行某一个js时会阻塞其它并发的js执行,所以会按顺序执行各个js.在执行完所有的脚本之后,图片会被浏览器接着加载,所以第一次加载速…

Gulpfile.js——编译、压缩、合并js和css文件

gulp 一个入门教程:http://www.ydcss.com/gulp API文档地址:http://www.gulpjs.com.cn/docs/api/ 我的一个Low版的gulpfile var gulp = require('gulp'); gulpif = require('gulp-if'); sass = require('gulp-sass'); concat = require('gulp-concat'); rename = require('gulp-rename');…

Django中载入js和css文件

Django中载入js和css文件项目的文件夹结构例如以下: mysite |-mysite |-|-static |-|---js和css文件 |-|-|-init.py |-| |-models.py |-| |-views.py |-|-init.py |-|-settings.py |-|-urls.py |-templates |-|-(template html 文件) settings.py中static变量的设置: STATIC_ROOT = os.path.join(os.p…

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

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

动态添加div及对应的js、css文件

动态添加div及对应的js.css文件在近期的项目开发中需要在首页中添加很多面板型的div,直接加载代码显得很繁琐,于是利用js封装一个动态添加div及其对应css文件和js文件的方法供大家参考使用. /*利用Jquer动态加载div及对应的CSS文件.js文件.好处减少Index页面中代码的冗余,方便维护*/ /** *config参数说明: var config = { name: 'demo2', ***需要添加的div的html文件名称 divContainer: 'div2',***…

将js和css文件装入localStorage加速程序执行

原理如下: 一次批量加要加载的文件存入数组,采用Ajax方式异步载入各个文件,然后采用循环方式逐个执行下载下来的Js或者Css文件,如果已经被缓存(localStorage)的则省略下载过程. 由于JS采用的是单线程模式运行,在执行某一个js时会阻塞其它并发的js执行,所以会按顺序执行各个js.在执行完所有的脚本之后,图片会被浏览器接着加载,所以第一次加载速度略慢,后面就会比较快了.在JQuery Mobile 1.4.5+FireFox/微信浏览器下实测效果不错,IE就被省略了,我主要是要在…

关于WEB-INF目录不提供外部访问及JSP引用 js，css 文件路径问题

在 web 项目开发过程中,我们常常使用到 JSP,以及对静态资源,js,css 等引用,但是我们应该把这些资源文件放在哪个目录下面咧,怎么引用. 当然如果是前后端分离的项目倒不用考虑这些. WEB-INF:出于安全性的考虑,这个目录是禁止外部直接访问的,所以 JSP 页面放在这个目录及其子目录下面是起到保护作用的. 在 jsp 页面中少不了的是对 js,css 文件的引用,那么我们引用的时候又有两种方式: 1)相对路径:就是说相对于这个 jsp 页面位置,js,css 文件所在的位置,这种引用…

php gizp压缩传输js和css文件

1. [代码][PHP]代码 <?php /** * 完整调用示例: * 1.combine.php?t=j&b=public&fs=jslib.jquery,function * * 该例子调用的是网站根目录下的public/jslib/jquery.js和public/function.js * * 2.combine.php?t=j&fs=jslib.jquery,function …

webpack打包js，css和图片

1.webpack打包默认配置文件webpack.config.js 2.打包js文件:有这个文件并配置可以直接在cmd上webpack打包,没有这个文件要在cmd上输入 webpack main.js build.js 3.打包css文件:要在cmd上输入npm install style-loader css-loader 安装 module.exports={ //配置js entry:'./main.js',//webpack要打包的源文件 output:{ filename:'buil…