-

前端开发工程师

陕西西安市雁塔景乐安有限公司 · 2年经验

日薪：￥500/8h

地点：西安全区

时间：可工作日远程

ID:197885 复制

信用行为

接单数

评价数

收藏数

技术能力

AI 技能提取 | JavaScript 敏捷开发 HTML5 CSS3 HTML CSS jQuery Ajax Git SVN React HTTP Node.js

熟悉AngularJs、vueJS、React等主流MVC、MVVM框架；
掌握localStorage、sessionStorage等前端存储方案，记录用户操作习惯或常用数据，从而降低HTTP请求，提升用户体验；
掌握JSONP和CORS等跨域解决方案；
熟练使用SVN、git版本控制工具，进行代码管理，实现敏捷开发；
熟练使用Bootstarp框架，通过栅格系统快速布局响应式页面以适应不同设备；
熟练使用Ajax，实现异步页面无刷新抽取数据，同步校验数据；
熟练使用jQuery框架，实现页面的交互效果，提高用户体验；
熟练使用HTML5和CSS3，实现应用一站式跨屏（PC端与移动端）开发；
熟练使用HTML、CSS、JavaScript等前端技术，完成网页静态布局，开发兼容主流浏览器的页面，以及实现页面的交互，提升用户体验；
了解node.js，利用其搭建简单的服务器。

展开全部技术能力

项目经验

最新开个web，对于页面加载速度是一个非常重要的问题。我试着搜索了网上的资源

一、通过获取文件最后修改时间

原理：通过服务器端语言读取文件最后一次修改修改时间，然后将获取的时间作为版本号。

以php为例：

01
<?php
02
function AutoVersion( $file ) {
03
if( file_exists($_SERVER['DOCUMENT_ROOT'].$file) ) {
04
$ver = filemtime($_SERVER['DOCUMENT_ROOT'] . $file);
05
} else {
06
$ver = 1;
07
}
08

09
return $file .'v=' .$ver;
10
}
11
?>
使用：

1
<link rel="stylesheet" href="<?=AutoVersion('assets/css/style.css')?>" type="text/css" />
如果文件存在，就会生成类似于下面代码：

1
<link rel="stylesheet" href="assets/css/style.css?v=1367936144322" type="text/css" />
另外，可以考虑将生成的静态html缓存起来，当静态文件通过svn更新时，能过post-commit hooks 执行脚本，更新缓存。

此文地址http://wlog.cn/performance/assets-version.html

补充：上面的函数

filemtime（）；可以搜索下php.js查看源码。我一开始试着用js移植到自己web项目中，但是出现问题。考虑到时间，就没有继续尝试下面。后来我用jsp把上面方法重写了一遍。大家可以参考下
前端

<%
String path = request.getRealPath("/");
String root = request.getContextPath();
%>

<script src="<%= Function.AutoVersion(path,root,"/resources/js/tools/env.js") %>"></script>

后台写个Function类

public static String AutoVersion(String path, String root, String fileName){
File file = new File(path,fileName);
if(file.exists()){
return root+fileName+"?ver="+file.lastModified();
}else{
return root+fileName+"?ver=1";
}
}

虽然可以实现自动化，但是还有有点问题。

比如你服务器重启，虽然js文件内容没有变化，但是版本号也会发生变化。期待各位完善一下

另外大家可能想到利用SVN 或者 CVS版本号添加

我没有用版本工具进行代码开发，但是确实有点难度。

展开全部项目经验