Hbuilder:
1,代码追踪功能:只需要按住Alt+鼠标左键即可实现追踪。
2,编辑器实现分栏:鼠标点着编辑器选项卡往最右边拖动 到最小化按钮部分 即可实现左右分栏(上下分栏同理)
3,快速比较两个文件差异:在项目管理器按ctrl选两个文件,点右键,选比较对象点击查找-历史版本比较,里边保存有改=该文件的所有历史版本代码
4,快速整理代码:ctrl+alt+f
Sublime:
1,以上所有HBuilder有的功能基本都能通过安装插件实现,自行百度下载。
其中非常建议安装的插件有:
Emmet快速生成代码
AutoFileName 快捷输入文件名 自动完成文件名的输入 输入”/”即可看到相对于本项目文件夹的其他文件 如
这里src之后就会自动出现在同一目录下的图片,可以直接选中不用手动输入路径了。
2,多行游标功能:ctrl+鼠标右键
3,分栏:shift+alt+2 然后将需要分栏的文件拖到右边的新栏中
返回单栏:shift+alt+1
主要是方便了在编写css文件的时候可以直接参照旁边的html代码。
4,编码风格
使用ctrl+shift+p(打开命令面板),输入js或html或css,选择set syntax:XX 这样就选中了一个编码风格。
在敲写不同的代码的时候使用不同的编码风格可以帮助提升效率和减少错误,比如在html编码风格下编辑HTML代码会有相应的代码补全和不符合规范的提示。
推荐网站:CSDN
推荐课程:慕课网 前端就业班https://class.imooc.com/newfe
2019/3/30 前端讨论班第一次作业
1.仿照讨论班的操作过程,完成对图片的处理。
包括:运用切图将六个图标切出来(讲了两种方法,但你使用其中一种即可);运用抠图将大树从图中抠出来;运用磁性套索工具将花从图中抠出来;行人图片是给大家实验的,不必上交。
2.应用表格,做一份自己的网页版简历,简历内容不限,可随意添加删除模板中的内容,力求整洁,美观。
命名要求:将所有图片文件放到名为“图片”的文件夹中,HTML文件命名格式为“你的姓名.html”,然后将所有作业放到一个压缩文件中发给杜渝。