前端H5开发基本准备
2019-07-20 10:06 孤城凉梦 阅读(2363) 评论(0) 编辑 收藏 举报一、前端开发有利知识体系学习的网站:
1. w3school : http://www.w3school.com.cn/
2. 菜鸟教程 : https://www.runoob.com/
3.廖雪峰网站(可以看看他写的JavaScript相关教程):https://www.liaoxuefeng.com/
4.自强学堂:https://code.ziqiangxuetang.com/django/django-tutorial.html
二、前端开发相关开发软件及各类浏览器:
开发软件: 链接:https://pan.baidu.com/s/1E0879BDh-SlksgjtwJ2goQ 提取码:1dac
各类浏览器压缩包: 链接:https://pan.baidu.com/s/1wpHdsz7-QVUW_hV4Axq54Q 提取码:cml8
三、快速开发软件快捷键(以HBuilder为例) :
最常用的几个快捷键:
tab 自动补全
ctrl+d 删除整行,也可以删除多行
shift+ tab 整体向前缩进
ctrl+/ 整行注释
ul>li*6 再按tab键可以快速生成无序列表 6列 (很多标签都可以)
div.wrap 按tab键可以快速生成一个class类名为wrap的div
1、文件操作
新建菜单: ctrl + N
新建: ctrl + N
关闭: ctrl + w
全部关闭: ctrl + shift + w
保存: ctrl + s
全部保存: ctrl + shift + s
刷新: F5
属性: Alt + Enter
2、编辑操作
激活代码助手:Alt + /
显示方法参数提示: Alt + Shift + ?
撤销: Ctrl + Z
重做: Ctrl + Y
复制选区或光标所在行: Ctrl + C
剪切选区或光标所在行: Ctrl + X
粘贴: Ctrl + V
复制文件路径: Ctrl + Shift + C
改写切换: 插入
删除: 删除
删除当前行: Ctrl + D
删除前一词: Ctrl + Backspace
删除后一词: Ctrl + Delete
删除至行首: Shift + Backspace
删除至行尾: Shift + Delete
删除当前标签: Ctrl + Shift + T
安全重命名对象: Ctrl + F2
重命名文件: F2
合并下一行: Ctrl + Alt + J
整理代码格式: Ctrl + Shift + F
向上移动行: Ctrl + 向上箭头
向上移动行: Ctrl + 向下箭头
选中当前行: Ctrl + L
开启/关闭注释整行: Ctrl + /
开启/关闭注释已选内容: Ctrl + Shift + /
注释分隔条: Ctrl + Shift + B
对选中标签加包围(加P元素): Ctrl + 9
去包围: Ctrl + 0
快速修正: Ctrl + 1
3、插入操作
向下空行: Ctrl + Enter
向上空行: Ctrl + Shift + Enter
重复插入当前行或选中区域: Ctrl + Shift + R
快速插入空白字符(nbsp): Shift + 空格键
快速插入<br/><br/> (在html中): Shift + Enter
快速插入\n(在js、 css中):Shift + Enter
插入HTML标签(使用当前词): Ctrl + Shift + ,
切换插入方式: Ctrl + Shift + 插入
插入词语结尾符: Ctrl + Alt + Enter
4、转义操作
全部大写: Ctrl + Shift + X
全部小写: Ctrl + Shift + Y
首字大写: Ctrl + Shift + -
URL转码: Ctrl + Shift + 7
URL解码: Ctrl + Shift + 5
八进制转十进制: Ctrl + Shift + 0
十进制转八进制: Ctrl + Shift + 8
十六进制转十进制: Ctrl + Shift + 9
十进制转十六进制: Ctrl + Shift + 6
5、选择操作
全选: Ctrl + A
向左选词: Ctrl + Shift + 左箭头
向右选词: Ctrl + Shift + 右箭头
选择相同词: Ctrl + Shift + A
选择HTML父节点: Ctrl + Alt + 向上箭头
选前一个节点: Ctrl + Alt + 向左箭头
选后一个节点: Ctrl + Alt + 向右箭头
选所有子节点: Ctrl + Alt + 向下箭头
选择成对内容: Ctrl + [
列选择: Ctrl + Alt + C
块选择: Alt + Shift + A
选择至行首: Ctrl + 主页键
选择至行末: Ctrl + End
6、跳转操作
上一个选项卡: Ctrl + Tab
选择至行末: Ctrl + Shift + Tab
后退到历史文件: Alt + 左箭头
前进到历史文件: Alt + 右箭头
转到匹配的括号: Alt + [
转到匹配的引号: Alt + ‘
设置/取消书签: Ctrl + Alt + B
转到上一个文本输入点: Alt + 向上箭头
转到下一个文本输入点: Alt + 向下箭头
折叠: Ctrl + Alt + -
展开: Ctrl + Alt + /
转到特定行: Ctrl + G
激活快捷键视图: Ctrl + Shift + L
激活便捷大纲: Ctrl + O
7、查找操作
搜索条(查找、替换): Ctrl + F
聚焦到搜索条件框内: Ctrl + Alt + F
聚焦到替换输入框内: Ctrl + Alt + E
隐藏搜索条:Esc
在搜索条内换行: Alt + Shift + Enter
HTML标签规范: Ctrl + Shift + H
8、运行
Ctrl + R
9、视图
活动视图或编辑最大化: Ctrl + M
放大字体: Ctrl + Shift + =
减小字体: Ctrl + -
四、了解基本前端和H5相关概念及学习的基础内容:
HTML+CSS+Javascript+jquery+ES6/7+Node.js+框架
HTML5
五、公司基本结构
产品经理(设计产品-原型图-prd文档)
UI设计师--psd页面
前端--将后端数据显示在前端页面上
后端--写数据
测试--上线
运营--拉流量
产品的迭代
六、注意事项:
好的精神状态才是最好的工作状态,不会就去百度搜索,各个学习网站找资料,善于使用快捷键,控制台查bug.