初级前端工程师必备

来源：互联网发布：属于淘宝禁售商品编辑：程序博客网时间：2024/05/17 21:48

响应式布局：这个主要在学习比较热门的bootsrap框架与@media技术；

移动端页面：最简单的方式是通过js去控制缩放：

var phoneWidth = parseInt(window.screen.width),
phoneScale = phoneWidth/750;
document.write('<meta name="viewport" content="width=750, initial-scale=1, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');

这是一段以iPhone6 750px为标准的控制JS 只要写一套750px的样式即可；

切图：最简单的方式就是下载Photoshop2017CC版本(下载方式和破解方法在后面的有一个专门的文章有教程)（很简单），要切哪张图片点击图片或图层直接右键导出PNG ,图片就切出来了；

在线制作雪碧图：https://www.toptal.com/developers/css/sprite-generator

在线图片压缩：https://tinypng.com/

版本控制：SVN与Git ,SVN简单且现在都往Git开发了所以就不说了，GIT开发命令行刚开始用可能要求比较高，所以可以下载可视化的工具sourcetree（下载与破解方式在下面的有专门教程）

接下来还想学习：

nodejs express、mongodb 、vue.js 、react.js、 angular2、webpack

看完就关注一下~~~有空继续加内容

阅读全文

'); })();