js
css的相关攻略，秘籍如下：
在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给给性能方面带来一些问题,如,页面引入的的js,css越多的话,那么对就增加了http请求数,解决该问题的一个好的方法就是合并js,css文件.
下面就简单介绍一个方法,十分简单.下面介绍以合并js文件为例
(1)
G.js文件
~function(){
window.G={}
G.Method={
add:function(){
alert(111)}
,sub:function(){
alert("减法")}
}
}()
(2)
T.js文件
var
T=(function(){
return
{
t1:function(){alert("t1
method!")}
,t2:function(){alert("t2方法!")}
,sum:function(obj){return
obj.x+obj.y}
}
}())
上面列出了连个简单的js文件,下面就要写一个批处理文件来合并以上文件了
(3)
合并js,css文件的批处理方法,文件名假设命名为
debug.bat
copy
G.js+T.js
GT_bin.js
/b
说明:
(1)
输入要合并的js文件,保存debug.bat文件,运行debug.bat即可.
(2)
就这么一行代码就搞定了，十分简单,GT_bin.js
为合并之后的文件名称
,
/b是固定参数,文件合并之后,页面就只引用GT_bin.js就可以了,从而减少了js文件的引用,到达了减少http请求的次数,提高了网站的性能.
(3)
合并css文件方法也是如此.
怎么合并合并多个js,css文件文章来源:3g魔法网
const mixinClass = (base, ...mixins) => {
const mixinProps = (target, source) => {
Object.getOwnPropertyNames(source).forEach(prop => {
if (/^constructor$/.test(prop)) { return }
Object.defineProperty(target, prop, Object.getOwnPropertyDescriptor(source, prop))
})
}
let Ctor
if (base && typeof base === 'function') {
Ctor = class extends base {
constructor(...props) {
super(...props)
}
}
mixins.forEach(source => {
mixinProps(Ctor.prototype, source.prototype)
})
} else {
Ctor = class {}
}
return Ctor
}
将多个js文件合并为一个js文件的方法是使用查找拷贝粘贴法 ：
1、打开网站主页，然后右击鼠标，选择“查看源码”。再按CTRL＋F快捷键调出搜索框，在搜索框中输入
script type='text/javascript'
2、回车确定后。选择“高亮全部”，就能看见网页中有多少个外部javascript文件了。如下图，head中有两个外部JavaScript。一般在footer部分也能找到外部JavaScript。
3、合并多个js
（1）在网站根目录下面创建一个文件，命名为main.js。然后编辑main.js文件。
需要将外部JavaScript文件的内容全部粘贴到main.js文件中。
（2）按CTRL＋A选择全部内容，然后CTRL＋C复制全部内容，将内容粘贴到main.js文件中。再点击下一个JavaScript文件的 src 地址，依次它们的内容粘贴到main.js文件中。最后保存。
（3）引用main.js文件
main.js创建好以后，需要在wordpress主题文件夹的footer.php文件中引用main.js。footer.php文件的路径一般为/var/www/html/wp-content/themes/themename/footer.php。
