没有合适的资源?快使用搜索试试~ 我知道了~
前端快速入职培训手册.docx
3星 · 超过75%的资源 需积分: 43 19 下载量 8 浏览量
2020-12-24
19:32:32
上传
评论 2
收藏 48KB DOCX 举报
温馨提示
试读
23页
前端快速入职培训手册.docx
资源详情
资源评论
资源推荐
前端快速入职培训手册
1.配置好相关的工作环境
1.1 相关的 ide 安装
公司推荐
1.2 nodejs 安装
安装完成后输入 弹出版本号就说明
1.3 代码托管的安装
公司使用 ,操作系统是 ,在 上使用 ,可以从 官网直接
下载安装程序,安装完成后,在开始菜单里找到“,蹦出一个类似命令
行窗口的东西,就说明 安装成功!
常用的 指令:
查看本地所有分支
查看当前状态
提交
查看所有的分支
查看远程所有分支
提交并且加注释
!"#$"" %
将文件给推到服务器上
显示远程库 里的资源
%&
%将本地库与服务器上的库进行关联
''(切换到远程 分支
&删除本地库 &
'建立一个新的本地分支
(将分支 与当前分支进行合并
'切换到本地 分支
查看远程库
"
文件名)包括路径*从 中删除指定文件
&%(("(("从服务器上将代码给拉下来
+&看所有用户
&+&看已经被提交的
,+&-删除一个文件
提交当前 的所有的改变
,+&-添加一个文件到 .
当你用- 参数的时候可以看 的差异
/添加 信
息
是代表 ,把所有的 加到 . 里然后再
一般提交命令
&看你 的日志
0查看尚未暂存的更新
"移除文件)从暂存区和工作区中删除*
"移除文件)只从暂存区中删除*
移除文件)从 中删除*
1"强行移除修改后文件)从暂存区和工作区中删除*
0或 20查看尚未提交的更新
将文件给 到一个临时空间中
将文件从临时空间 下来
"%(3&&&"
将本地项目给提交到服务器中
&&本地与服务器端同步
)远程仓库名*)分支名*将本地分支推送到服务器上去。
+.%
1相当于是从远程获取最新版本到本地,不会自动
&4) 是提交所有改动, 是加入 & 信息*本地
修改同步至服务器端 :
45"从主分支 创建 45" 分支
45"4"5将 45" 重命名为 4"5
'4"5(切换到 4"5( 分支
1.4 常用软件的安装
"五大浏览器:谷歌,火狐,,,1
!"看图软件:.'(查看标记图),
6"翻译软件:有道(金山
7"原型图软件:.
8"办公软件:钉钉(考勤),99(:)
#";:
1.5 OS 的相关更改
文件系统中,文件后缀要显示,隐藏文件也要显示,前端工作,对这两点设置还是有
必要的。
1.6 翻墙处理
免费的翻墙服务可用蓝灯
1.7 vue 的使用
有了 之后, 只是万千包中的一个,< 快速搭建一个 =>: 项目的基本过程:
2&&&((全局安装 脚手架
2'?@((创建一个 ' 项目
2?@((进入项目目录
2&& ((安装依赖
2((运行项目
2. 需掌握的几个技能
2.1 es6 的新语法
"箭头函数、:A=# 中可以使用 B作为函数表达形式,极简风格,参数+ B
+函数体。箭头函数中的 指的不是 ,是对象本身。
!"&、:A=#推荐在函数中使用 &定义变量,用来声明一个常量,但
也并非一成不变的,&和 只在最近的一个块中(花括号中)有效。
6"C&:A=# 中增加了类的概念,其实 A=8 中已经可以实现类的功能了,只不过
使用 C& 实现可以更加清晰,更像面向对象的写法。
7"解构:解构赋值是 A=# 中推出的一种高效、简洁的赋值方法
8"DE=:"""扩展运算符
#"对象字面量扩展:可以在对象字面量里面定义原型,定义方法可以不用 1 关
键字,直接调用父类方法
F"模版字符串:A=# 中提供了用反引号`来创建字符串,里面可包含2GHI等
$"J(迭代器):A=#中可以通过 =?&"给对象设置默认的遍历
器,直到状态为 退出。
":A=# 中非常受关注的的一个功能,能够在函数中间暂停,一次或者
多次,并且之后恢复执行,在它暂停的期间允许其他代码执行,并可以用其实现异步
5"1H1KK1H:1H1遍历(数组),1H遍历对象中的属性
"LE=E'LE'=:=对象是一组不重复的值,重复的值
将 被 忽 略 , 值 类 型 可 以 是 原 始 类 型 和 引 用 类 型 , '= 是 一 种 弱 引 用 , 同 理
'L
!">.:>.? 可以监听对象身上发生了什么事情,并在这些事情发生后执行一
些相应的操作
6"?&:是一种新的数据类型,它的值是唯一的,不可变的。 A=#中提出
?&的目的是为了生成一个唯一的标识符,不过你访问不到这个标识符
7">:A=#对 >有了原生的支持,一个 >是一个等待被异步
执行的对象,当它执行完成后,其状态会变成 &或者 @,> 是处
理异步操作的一种模式,之前在很多三方库中有实现,比如 @9? 的 1对象。
当你发起一个异步请求,并绑定了")*M")*等事件处理程序时,其实就是在应用
模式
2.2 vue-cli 的相关配置
2.2.1 cong 文件
+ 文件夹下一共有三个文件:
"""@:导出开发环境名称:
&".BGNOA4AN<%PPI;((导出一个对象,对象
有一个当前 环境的属性,值为“(生产环境);
!"""@:导出生产环境名称:
B Q)P'P* A B
Q)P"("P*
&".B)AMGNOA4AN<%P&PI*((
导出另一个对象,属性为当前的 环境,值为“&(开发环境);
6"."@:导出不同环境的具体配置:
P
BQ)PP*
&".BG
%G
((开发环境下面的配置
=O?%PPM((子目录,一般存放 M@M 等文件
>&>%P(PM((根目录
.?/&%GIM((可利用该属性解决跨域的问题
%P&&PM((地址
%$5$5M((端口号设置,端口号占用出现问题可在此处修改
%1&M((是否在编译(输入命令行 )后打开
%((&&%$5$5(页面,以前配置为 ,近些版本改为 1&,个人偏向习
惯自动打开页面
&?%M((浏览器错误提示
1?A%M((跨平台错误提示
&&%1&M (( 使 用 文 件 系 统 )+& ?* 获 取 文 件 改 动 的 通 知
="
&%P&&PM((增加调试,该属性为原始源代
码(仅限行)不可在生产环境中使用
%M((使缓存失效
=L%(( 代码 压缩 后进 行 调 定 位 将非 常困 难 ,于 是 引入
记录压缩前后的位置信息记录,当产生错误时直接定位到未压缩前的位
置,将大大的方便我们调试
IM
&%G
((生产环境下面的配置
.%"&)44MP""((."&P*M((. 编译后生成的位置
和名字,根据需要改变后缀,比如 ."
D%"&)44MP""(P*M((编译后存放生成环境代码的位置
=O?%PPM((@MM 存放文件夹名
>&>%P(PM((发布的根目录,通常本地打包 后打开文件会报错,此处
修改为"(。如果是上线的文件,可根据文件存放位置进行更改路径
=L%M
&%PRPM((
(( 的 S 命令用来压缩文件,S 模式下需要压缩的文件的扩展名有 @ 和
S%1&M
SA.%,P@PMPP-M
&:&?SD%""4+4
I
I
2.2.2 build 文件
"&(&"@:该文件作用,即构建生产版本。'"@ 中的 的
& 就是 &(&"@,输入命令行 & 对该文件进行编译生成生产
环境的代码。
PP
Q)P"('P*)*((':调用检查版本的文件。加()代
表直接调用该函数
""NOA4AN<BPP((设置当前是生产环境
剩余22页未读,继续阅读
weixin_47418477
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 最入门的爬虫代码 python.docx
- 爬虫零基础入门-爬取天气预报.pdf
- 最通俗易懂的 MongoDB 非结构化文档存储数据库教程.zip
- 以mongodb为数据库的订单物流小项目.zip
- 腾讯云-mongodb数据库, 项目部署.zip
- 腾讯 APIJSON 的 MongoDB 数据库插件.zip
- 理解非关系型数据库和关系型数据库的区别.zip
- 操作简单的Mongodb网页web管理工具,基于Spring Boot2.0支持mongodb集群.zip
- tms-mongodb-web,提供访问mongodb数据的REST API和可灵活扩展的mongodb web 客户端.zip
- SpringBoot整合mongodb学习MongoTemplate和MongoRepository两种方式CRUD使用.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论1