胡嘛科技公司工作接近一个月的收获!

我是一个前端菜鸟,希望看到的大哥们不要喷我,如果我哪里还有不足可以给我点建议。我将和感激不尽!

一:来到这里之后第一件事就是劳烦后台大哥给我安装了git版本控制工具。然后自己开始去通过命令试着拉取推送项目。自己也从度娘那里总结了所有(基本上要用的)的命令集锦。下面我就展示一下吧!

<!-------------

1. git init 把目录文件夹变成git可管理的仓库
2. git add 是把指定的文件放到暂存区里面
git add . 是把当前这个文件目录下的所有文件上传到暂存区
3. git commit -m "注释的内容' 上传文件夹所添加的注释内容。提交到本地仓库。
git push origin master 提交到远程仓库。
4. git status 用来查看是否还有文件或者修改的内容未提交。(或者是修改之后来查看修改后的状态)
5. git diff 文件名 用来查看具体修改了什么内容。
6. 提交修改以及提交文件是同样的2步。git add 文件名以及 git commit -m "注释".
7. git log 就是查看历史记录。即文件以前修改的记录。
8. git clone ssh:......(链接) 从远程服务器拉取到本地
---------------------->
自己也敲了一段时间,后来也就没用过了,用的直接就是安装好的git小乌龟,右键直接拉取推送。哈哈!目前也算是能简单的运用git工具了。
 
二:也是我们这些程序猿们最头疼的一个问题了---兼容ie8的问题。
刚开始让我们做官网的页面,我们也是加了一些特效,以及运用了jQuery的ajax进行交互。在谷歌,火狐都很顺利。心里还有点小开心,但是-------放到ie10以下,我们瞬间就炸了。什么都不支持。也包括jQuery。后来换了1.93.1的版本。算是解决ajax的问题了。
以下就是我写的代码
<!-----------------------------
<!--兼容Ie8
 
-->
 
 
<!--[if lte IE 8]>
<script src="../huma/js/html5.js" type="text/javascript"></script>
<![endif]-->
 
<!--*****************************兼容Ie9-->
<!--<script type
 
="text/javascript" src="js/superslide.2.1.js"></script>-->
<!--[if lt IE 9]>
<script src="../huma/js/html5.js"></script>
<![endif]-->
 
<!--[if lt IE9]>
 
 
<script>
 
(function() {
if (!
 
/*@cc_on!@*/
0) return;
var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark,
 
 
 
menu, meter, nav, output, progress, section, time, video".split(', ');
var i= e.length;
while (i--){
document.createElement(e[i])
}
})()
</script>
<![endif]-->
 
<!-- *****************************兼容ie8的jquery插件-->
<!--[if IE 8]>
<script type="text/javascript" src="../huma/js/jquery-1.9.1.min.js"></script>
<![endif]-->
-------------------->
还有一个就是ie不支持class的dom获取。解决的办法是:
//解决IE8之类不支持getElementsByClassName
if (!document.getElementsByClassName) {
document.getElementsByClassName = function (className, element) {
var children = (element || document).getElementsByTagName('*');
var elements = new Array();
for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
};
}
 
以及支持媒体查询的兼容问题:
 
respon.min.js 需要借助这个js插件来支持。
 
三:修改弹框样式的问题:
 之前从网上找了一个别人写好的js。然后发现不怎么好用,可以还不好看,最后就找了一个插件。用着还是蛮舒服的。
用法:
引用js、css文件;
zeroModal.css以及zeroModal.js
然后直接调用下面封装好的方法就行!
zeroModal.alert({
content: '操作提示!',
contentDetail: '提交成功',

});
 
 以上就是我这段时间最大的收获了!
自己还会努力加油,争取学到更多的东西不断地去分享我的想法!
 
 
 
 
 
 
 
 
 
 

猜你喜欢

转载自www.cnblogs.com/zbowen/p/8927622.html