随笔总结

记于 2019-4-2 14:06:37

最近都在整理前端的东西，新接触了挺多概念和知识点，随便写下做个笔记；

1. jQuery 和原生 js 的写法 不能混写；

   • 比如要用 jquery的语法，获取DOM的时候要用 $('')；
   • 要用DOM.setAttribute()的时候，必须document.getxxxx来获取DOM；

2. BootStrap 的引用顺序是：BootStrap.css，xx.css，jQuery.js，BootStrap.js，xx.js；

3. nodeJs：

   • nodeJs是放在服务器的，可以执行一些后端才有权限执行的操作，比如获取服务器files等；

   • nodeJs可以引用其他js，jquery等，使用 require('xx')来引用；

   • js不能引用 nodejs？

   • nodejs是服务器端的，不能直接传数据给其他js，要用过http；所以可以require('http')或require('express')；

   • 安装nodejs的时候集成 npm；

   • nodejs要在服务器运行的话，要满足：

     • 服务器能安装nodejs：以阿里云为例，ECS，轻量服务器任务，都可以部署nodejs；而虚拟主机是不可以的，虚拟主机只能发布网站，不能远程登录；ECS则相当于远程服务器，可以登录并且自行安装软件；
     • 安装 pm2启动node服务。pm2能保证node服务永远在线，不会因为关闭ssh客户端后node服务就关闭了。

4. npm：

   • 用来管理前端项目；

   • 分为全局安装和当前项目安装，推荐后者；全局安装在最后加 -g；

   • 安装的区别：

     • npm install xx：

       • 安装到当前项目；
       • 不添加到package.json；

     • npm install xx --save：

       • 安装到当前项目；
       • 添加到package.json的dependencies中；
       • 之后运行npm install时，自动安装该包；
       • 之后运行npm install --production时，自动安装该包到 node_modules中；

     • npm install xx --save-dev：

       • 安装到当前项目；
       • 添加到package.json的devDepencies中；
       • 之后运行npm install是，自动安装该包；
       • 之后运行npm install --production时，不会自动安装该包到 node_modules中；

   • 全局安装后，可以通过npm link来链接使用；

   • npm start可以搭建，启动项目；

5. js或者其他库的引用：

   • 使用npm获取包后，要引用的话，可以通过webpack来打包；