对前段时间知识 总结归纳

写在开始之前

  开始我们今天的复习总结 ，学习需要总结和复习 ，才能不忘，这句古话，应该谨记。

 

 几个学习复习点

 

1.1关于 UI部分

• A   是否设置视口
• B   百分比布局 （弹性盒子）
• C   是否为响应式
• D  确定终端设备
• E  理解为一个盒子基础想进行切图  有大到小

 

   

                 Div{

Width:

Height:
    background:

Float:

Position:

left:

Background-image:url()  no-repeat left top

Dispplay:block;

}

 

• F  dom样式初始化重置

Base.css  :

            *{margin:0;padding:0}

            Body{

                  Font-size:14px;

                  font-family"MicroSoft YaHei",sans-serif;/*设备默认字体*/;

                 Color:  #333;

             }

             A{

                  Color:#333;

                  Text-decoration:none;

              }

A :hover{

   Text:decoration:none;

}

Ul,ol{

List-style:none;

}

 

.clear::berfor,.clear::after{

Content:’’,

Clear:both;

Display:block;

Height:0px;

Line-height:0;

visibility:hidden;

}

 

 

.M-l10{

Margin-left:10px;

}

 

.M-r10{

Margin-right:10px;

}

 

其他的 根据每个page  页面定义自己的样式  index.css

   

    

1.2 关于mongodb

 

Json  

• Bson
• 无模式
• 文档型

     集合 |  文档 |　成员

Db.集合.insert({“username”:”sunzhong”,”age”:30})

Db.集.update{{“username”:”sunzhong”,”age”:30}}

Db.集合.find({“username”:”sunzhong”,”age”:30})

Db.集合.remove({“username”:”sunzhong”,”age”:30})

 

 

1.3 关于 Angular.js

 

 Mvc 的一个框架 由 Google 收购

功能亮点 ：

• 双向绑定
• 指令的概念
• 模块

Var  myapp=   Angular.module(“myapp”,[‘routeRoute’])

 

• Route机制       

   Myapp.config(function($routeProvider){

     $routeProvider

.when(‘/home’,{

      Controller:’HomeController’,

      Template:’home.html’

})

.when(“”,{

})

    .otherwise({

   RedirectTo:’/home’

})

})

 

• 控制器

var   mycontroller =angular.module(“myapp”,[‘ngRoute’])

                        .controller(‘mycontroller’,[‘$scope’,’$http’,function($scope,$http){

   Const $scope.song=[];

//ajax     $http.jsonp(‘http://localhost:8080/list?callback=JSON_CALLBACK’).then((res)=>{

$scope.sone=Res.data;

})

)

}])

• 表达式{{name}}

        

1.4.关于nodejs

   一个运行在后台的javascript  的 平台

    用c++运行写成；

     Nodejs 得到：  www.nodejs.org

     Nodejs 安装 以后  几个命令： node 、 npm

     注意原生路由    

 

    Npm 包管理工具的使用

    Express 框架的引入

l            Npm  install  express  --save

       初始化一个项目：

             Npm init

      启动一个node  服务

              Node  app.js

 

 

 

const express=require("express");

//通过express 注册一个服务对象

const app=express();

//开放静态资源 让文件夹client 下都能客户端被访问

app.use(express.static('./client'));

app.use('/node_modules',express.static('./node_modules'));

 

app.use('/server',express.static('./server'))

 

 

const fs=require("fs");

const path=require("path");

const data=[]

app.get('/list',(req,res)=>{

fs.readdir(path.join(__dirname,'./server/music/'),(error,files)=>{

if(error) throw error;

files.forEach(function(f){

temp=f.split('.')[0];

data.push({title:temp+'title',artist:temp+"_artist"});

})

})

res.jsonp(data);

})

 

//监听4040端口

app.listen("4040",(error)=>{

if(error) throw error();

console.log("server is start!");

})

 

 

     

 

3. 总结

 

1	学习需要总结
2	总结手写一些代码巩固
3	融入自己的一些想法
4	向大师看齐，学习他们的思维和想法 做事情的一些套路