猿急送>

西安前端兼职程序员

ID：197885

-

前端开发工程师

公司信息：
陕西西安市雁塔景乐安有限公司

工作经验：
2年

兼职日薪：
500元/8小时

兼职时间：
可工作日远程

所在区域：
西安
全区

技术能力

熟悉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版本号添加

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

案例展示

平面地图旋转js写法

了解web标准，熟悉大型网站页面架构和布局；掌握jQuery ， jquerymoble等框架技术熟悉AJAX等网络通信和数据交互技术，了解JSONP等跨域问题熟悉Grunt、Gulp自动化构建工具，并进行相应的JS、CSS等代码检查、（图片）压缩、优化前端性能，减少
css3的一个正方体获取数据

插件描述：jt是一款简单小巧的基于Bootstrap3.x的jQuery柱状图表插件。该柱状图片表插件通过简单的设置，就可以生成非常漂亮的水平柱状图，并带有水平和垂直标签以及图表的头部和尾部。