随身笔记

作者： admin

  • css3测试工具

    现在CSS3日益强大，很多参数都是我们需要我们手动输入在用浏览器浏览才能看到效果，现在推荐一个在线CSS3测试工具，这个网站可以变测试的同时同步预览效果，并且把我们需要的代码给显示了出来很方便，这个是前端必备的测试网站：

    http://www.css88.com/tool/css3Preview/Transform-Matrix.html

  • 浏览器在线检测

    专门检测IE版本：http://www.iefans.net/wp-demo/ie.html
    极速内核检测：http://chrome.360.cn/test/core/
    浏览器，电脑系统综合检测：http://ie.icoa.cn/

  • angular $interpolate使用及案例

    $interpolate(”,false,”) 可以接受3个参数，接受第一个参数的值类型是字符串可以是表达式，例如：

    $interpolate第一参数是字符串 可以放表达式，并返回一个函数；

    根据例子说明，返回的函数如果newdata()参数为空，只显示监控的emailcon输入的新内容并不能显示{{emailname}}的值，
    //如果要显示{{emailname}}的值，就写成newdata({emailname:$scope.emailname})或者newdata(scope)

    <body ng-app="myApp">
 <div ng-controller="run_email">
 <p><input type="text" ng-model="emailname"></p>
 <p><textarea ng-model="emailcon"></textarea></p>
 <p>{{text}}</p>
 </div>
</body>
     angular.module('myApp',[]).controller('run_email',function($scope,$interpolate){
 $scope.emailname='7713@qq.com'; //设置默认显示出的电子邮件
 $scope.emailcon='{{emailname}}'; //电子邮件表达式 赋值给emailcon变量
 $scope.$watch('emailcon',function(body,body1,scope){ //这里的body就是 {{emailname}}+即将输入的新值 
 if(body){ //这里始终都会是true，因为里面有表达式
 var newdata=$interpolate(body); //$interpolate第一参数是字符串 可以解析表达式，并返回一个函数
 $scope.text=newdata({emailname:$scope.emailname}); //如果newdata()参数为空，只显示监控的emailcon输入的新内容并不能显示{{emailname}}的值，
 //如果要显示{{emailname}}的值，就写成newdata({emailname:$scope.emailname})或者newdata(scope)
 }
 });
 });

    interpolate

     

     
    案例的效果就是，如果只修改电子邮件文本不会更新，但是修改了电子邮件，在输入邮件内容时，才会在文本处同时更新邮件地址和内容。所以触发的对象是邮件的内容。
     

  • angular $parse用法和案例

    $parse服务用于手动解析表达式，

    $parse(存放一个表达式)  ，$parse 默认返回的是一个函数，函数的参数设置就是该表达式所处的最近的作用域。

    例如：

    <body ng-app="myApp">
  <div ng-controller="run_email">
   <p>{{value}}</p>
  </div>
</body>

     

    angular.module('myApp',[]).controller('run_email',function($scope,$parse,$compile,$interpolate){
 $scope.name = "hello"; 
 var expression = "name + '--' +((5+6) == (12-1))";
 var getter = $parse(expression);// $parse(表达式变量)，$parse返回一个函数并赋值给一个变量。
 $scope.value = getter($scope); //$parse返回的函数里放该表达式所处的最近一个作用域。 hello--true});

    或者写成：

    angular.module('myApp',[]).controller('run_email',function($scope,$parse,$compile,$interpolate){
 $scope.name = "hello"; 
 $scope.value = $parse("name + '--' +((5+6) == (12-1))")($scope);    });

    http://pan.baidu.com/s/1mgif3nE
    http://www.haogongju.net/art/2793714

  • flv播放器

    flv播放器

    调用代码：

    <embed type="application/x-shockwave-flash" src="player.swf" width="1024" height="576" style="undefined" id="player" name="player" quality="high" allowfullscreen="true" flashvars="width=700&amp;height=350&amp;file=../video.flv&amp;autostart=true&amp;repeat=true&amp;backcolor=0x000000&amp;frontcolor=0xCCCCCC&amp;lightcolor=0x557722&amp;thumbsinplaylist=true&amp;showicons=true">

    文件下载