AngularJs

作者: Isaacyyy | 来源:发表于2017-06-01 20:27 被阅读0次

    AngularJs是为了给原生html增加一些指令

    指令就是给原生的html添加一些新的属性,达到自己想要的效果。


    Angular和jquery的 区别
    angularjs是以数据驱动,jquery是以dom驱动,操作dom对象,

    MVC

    M:model 模型
    V :view 视图
    C:controller 控制器


    插值语法产生的闪烁问题
    浏览器解析的时候是先加载html页面。渲染他,然后才执行angularjs把他解析成你想看到的内容,
    解决闪烁办法,可以给标签添加一个ng-cloak属性。然后通过标签选择器把这个属性的display设置为none;
    在页面加载的时候不显示,当解析到angularjs的时候ng-cloak默认会显示内容。 也可以通过ng-bind来阻止闪烁。

    过滤器

    过滤器就是对数据进行格式化处理的。
    管道符就是把左边的内容当成参数传递给右边。
    过滤器的本质就是一个方法。给原生html添加一些 新的属性,新属性有某些特定的功能。


    网络地址:

    http/https 协议, 两者之间的区别就是https更安全,内部进行了加密处理。
    端口号 : 通过端口号找到对应的服务器
    域名: 就是主机地址。
    网站在没设置的情况下默认访问的index文件,问号后面传递的是参数。传入index文件。


    在angular中尽量避免使用原生,有时候会造成数据绑定失败。

    angular中使用定时器要用内置的方法,$ Interval ,$timeout
    停止定时器要使用$Interval.cancel();方法


    跨域问题

    跨域问题是浏览器造成的,其实跨域访问数据已经到了浏览器中,只不过浏览器没有把数据给你,出于安全考虑默认情况下不允许外界的网站向本网站注入。
    解决跨域问题可以通过jsonp的方式。
    ![I)TCOZLQ6~U0@XB6]1GOY08.png](https://img.haomeiwen.com/i3817124/f76f8504d020bc0d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    也可以用在本地定义一个方法。
    通过<script src='www.XXXapi.com'></script>

               <script> 
      
                       function fn(arg) {
                           console.log(arg);
                            }
                                    
                </script>
               <script src="https://api.douban.com/v2/book/1220562?callback=fn"></script>
    

    也可以通过php桥接的方法从服务器拿到跨域数据,然后在通过$http服务把数据从后台输出出来。

    相关文章

      网友评论

          本文标题:AngularJs

          本文链接:https://www.haomeiwen.com/subject/tqrefxtx.html