前端语言串讲 | 青训营笔记

41 阅读1分钟

1、前端开发和前端开发工具
2、Nodejs安装及快速入门
3、Es6的新语法糖
4、Npm包管理器
5、Babel的安装作用
6、模块化管理
7、Webpack打包和编译
8、如何快速构建一个nodejs项目vue-element-admin

[前端开发]是创建Web页面或app等前端界面呈现给用户的过程,通过[HTML][CSS]及[JavaScript]以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1] 。它从[网页制作]演变而来,名称上有很明显的时代特征。在[互联网])的演化进程中,网页制作是[Web1.0]时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。

、ES6的语法:模板字符串

以前: 我们都是使用 ‘’ 或者 “” 来把字符串套起来

现在: `` 【反引号】

第一个用途:基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>模板字符串</title>
  8. </head>
  9. <body>
  10. <script>
  11. var username = "张三";
  12. var age = 30;
  13. // 1: 原始的做法就是去拼接字符串
  14. var str = "我名字叫 " + username+",年龄是: "+age;
  15. console.log(str);
  16. // 2:用模板字符串来拯救 注意:这里是 `(飘键) (tab键盘的上面那个键)
  17. // jdk1.9
  18. var str2 = `我名字叫 ${username},年龄是: ${age}`;
  19. console.log(str2);
  20. </script>
  21. </body>
  22. </html>