摘要：任务二认识开发工具今天完成的事情编辑器对比版本管理工具学习基本操作代码托管平台对比服务器使用学习明天计划的事情分析任务三完成规划及部分开发遇到的问题暂无收获编辑器对比参考三者比较，各有哪些优势和弱势一款成熟的，对网站开发者友好，插件齐全功能
任务二. 认识开发工具 今天完成的事情
IDE & 编辑器对比
版本管理工具学习
Git基本操作
代码托管平台对比
服务器使用学习
明天计划的事情分析任务三, 完成规划及部分开发
遇到的问题暂无
收获
IDE & 编辑器对比 参考:Atom、Sublime Text、VSCode 三者比较，各有哪些优势和弱势？
Webstorm: 一款成熟的IDE，对网站开发者友好，插件齐全功能强大，对于前端开发帮助极大;
VisualCode:
微软开源代码编辑器，可通过安装插件来应用在各种开发场景;
Windows & Linux & Mac都有, 界面优雅性能稳定，简单强大的插件系统, Windows上最适用代码编辑器;
Terminal 内置!
Sublime: 老牌非开源代码编辑器. 功能强大启动速度快,各平台表现都很好, 但是装了插件之后markdown支持也不好（嫌弃脸
Atom：开源老牌编辑器，有活跃的开源社区支持,够hack,对电脑顶配的前端开发者友好... 稳定性差，Windows上表现不好
版本管理工具学习
代码版本控制对比 参考：Git优势 & 发展
本地式(第一代):
特点: 实现了基础的代码管理功能, 但是无法协作;
代表: SCCS(1972)、 PVCS(1985)
客户端-服务器式(第二代):
特点：
优点: 实现了中心服务器端的代码版本管理, 允许多人对同一个代码库进行同步&修改
缺点:
断网受限: 断网时无法查看日志, 也无法提交和比较版本;
分支管理困难: 不支持本地分支, 且创建的分支难以修改;
中心化: 中心化意味着需要时刻做好灾备, 备份频率需求与较高的备份成本相互掣肘;
慢: 代码备份&查询&对比都需要与服务器通信, 服务器负载大, 表现出来的结果就是慢;
代表：CVS(1986)、 ClearCase(1992)、Visual SourceSafe(1994)、Perforce(1995)、Subversion(2000,即SVN)
分布式(第三代):
特点:
优点: 结合前两代优点，并且解决了前两代的弊端
分布式: 断网时可查本地库中的日志, 亦可提交代码、创建分支, 分块管理;
快：负载分流管理，使用体验为快速;
社区: Github社区的火爆推动Git的流行;
缺点: 有一定学习曲线, 不过基础使用入门不难;
代表: Git(2005)、Mercurial(2005)
Git基本操作 参考: Git教程-廖雪峰的官方网站
提交操作
初始化: git init
全部加入缓存区: git add .
提交缓存区文件: git commit -m "本次提交描述"
添加远程库链接: git remote add origin <远程库链接>
初次推送到添加的远程库: git push -u origin master
再次推送到添加的远侧库: git push origin master
分支操作
本地：
查看分支: git branch
创建分支: git branch 新分支名
切换分支: git checkout 已有分支名
删除分支: git branch -d 已有分支名
远程:
查看分支(带*号为本地分支): git branch -a
删除远程分支:
git branch -r -d 远程分支名 git push origin :远程分支名
代码托管平台对比
Github: 世界最大同性交友社区(雾
优点: 开源项目丰富品种齐全, 适合自己做练手和公开项目用, 支持CI;
缺点: 国内有点慢, 私有仓库要收费, 不支持演示;
码云: 本土化开源社区 参考: 码云评价 & 官方对比
优点: 适合中国国情, 速度快, 有免费私有库用, 支持一键部署到演示平台(有空试试), 支持项目点评, 支持代码质量分析;
缺点: 据说CI支持不够完善, 待验证
Coding
特点: 集成项目管理、集成WebIDE在线开发环境、标准化拓展接口
Gitlab: 公司内部代码管理
特点: 可根据需要整合其他工具, 参考: [gitlab+jira] (https://www.zhihu.com/questio...
服务器使用学习
购买云服务器: 阿里云、腾讯云
购买之后:
远程登录, 搭建Apache或者Nginx, 然后放置网站在指定路径, 完成外网访问支持;
买域名, 审核后绑定服务器, 完成域名访问支持;
Apache & Nginx 对比 参考:Nginx和Apache各有什么优缺点
Apache:
适合处理动态请求
模块支持好
bug少，稳定
rewrite功能强大
Nginx:
轻量级, 配置简洁, 优势在于处理静态请求
并发支持好,资源使用少
高度模块化设计
社区活跃
结合: 前端用Nginx作为反向代理抗压, apache作为后端处理动态请求
Nginx环境搭建(Centos): 参考How to install and configure NGINX on CentOS7
下载安装: @官网照写
编辑nginx.repo
yum install epel-release
yum install nginx
状态操作
启动: systemctl start nginx.service
查询: systemctl status nginx.service
停止: systemctl stop nginx.service
开机启动设置: systemctl enable nginx.service
目录
网站文件默认存放目录：/usr/share/nginx/html
网站默认站点配置：/etc/nginx/conf.d/default.conf
自定义Nginx站点配置文件目录：/etc/nginx/conf.d
Nginx全局设置：/etc/nginx/nginx.conf
Nginx启动：nginx -c nginx.conf
效果Github: cssup
Readme.md下载: Readme
六. 系列文章【CSS练习】IT修真院--练习1-九宫格
【CSS练习】IT修真院--练习2-开发工具
【CSS练习】IT修真院--练习3-简单界面
【CSS练习】IT修真院--练习4-移动端界面
【CSS练习】IT修真院--练习5-护工个人界面
【CSS练习】IT修真院--练习6-护工列表界面
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/113399.html
摘要：任务三一个最简单的移动端页面今天完成的事情运用布局知识跟随设计图进行布局，完成简单并继续学习优化让布局更好适应屏幕变化使用了盒模型及百分比了解区别在中应用图片处理学习明天计划的事情深度思考手机分辨率和网页的区别周末补学任务四计划及简单编写遇 任务三、 一个最简单的移动端页面 今天完成的事情 运用布局知识跟随设计图进行布局，完成简单Demo并继续学习优化. 让布局更好适应屏幕变化(使用...
摘要：任务六护工列表页完成的事情规划任务六完成基本界面编写计划的事情限制最小宽度使用雪碧图替换当前的多张图片引入完成模拟下拉框编写屏幕过窄时，列表项左边文字被截断出现省略号复习之前的代码规范，优化代码查看验收标准查看深度思考遇到的问题收获页面原生 任务六、 护工列表页 完成的事情 1.规划任务六2.完成基本界面编写 计划的事情 [x] 限制最小宽度 [x] 使用雪碧图替换当前的多张图片引入...
摘要：用于显示日志信息及输入一些命令请求监听。可获得请求列表，点开某一项将看到数据头部数据。包含本次请求的请求方法状态码请求服务器的地址其他一些设置响应头部包含用户代理，帮服务器识别设备用预览。 九宫格——用html+css制作一个网页 一. 目标效果： showImg(https://segmentfault.com/img/bVbbxBA?w=872&h=644); 二. 效果描述 圆角...
摘要：任务四一个最常见的移动端页面完成的事情完成简单布局，然后填充界面与效果图对比优化完成验收要求扩展性顶栏固定进行样式兼容性研究完成任务四深度思考跟随深度思考师兄建议进行修改输入栏左侧换用输入限制电话位，密码位根据结构的语义化修改尝试下再加一 任务四、 一个最常见的移动端页面 完成的事情 完成简单布局，然后填充界面 与效果图对比优化 完成验收要求：header扩展性 & 顶栏固定 进行p...
摘要：任务五一个最常见的移动端页面完成的事情学习张鑫旭世界相关章节张鑫旭系列了解通配符选择器性能优化浏览器渲染原理学习各属性及效果完成任务五学习编码规范编码规范并按照编码规范优化代码完成深度思考计划的事情找时间把前面任务的官方提供链接过一遍，查缺 任务五、 一个最常见的移动端页面 完成的事情 float学习 张鑫旭《CSS世界》相关章节 张鑫旭 float系列 了解CSS通配符 &...
阅读 1554·2021-11-04 16:11
阅读 3283·2021-09-09 11:33
阅读 1543·2019-08-30 15:54
阅读 601·2019-08-30 15:44
阅读 3147·2019-08-30 15:43
阅读 2489·2019-08-30 13:06
阅读 1682·2019-08-29 17:00
阅读 871·2019-08-29 15:33
