工作中知识点散记二三

1、text-indent：首航缩进，text-align:justify;两端对齐

（1）首航缩进
   font-size:14px;
    text-indent:28px;  //如果要缩进两个字的宽度，就设成现在字号的二倍
（2）两端对齐
    text-align:justify;

    text-align-last:justify;

2、jquery中attr和prop的区别

昨天被同事问到，给input的attr('checked',true)/attr('checked','checked')设置第一次好使，第二次就不好使了，替换成prop就可以，确实很诡异，晚上回到家试了一下，用chrom‘、火狐、safari都没有出现这种情况。
但是attr和prop确实是有区别的：
（1）attr更适合操作自定义属性（data-flag、data-test。。。），而pro更适合操作元素自带属性（checked、class、href。。。）
（2）attr('checked')=返回=>checked/undifined
       prop('checked')=返回=>true/false

参考文档：https://m.jb51.net/article/114876.htm

3、vue对象想使用jquery的属性和方法

（1）页面引入的组件：注意加.$el
       $(this.$refs.head.$el).animate({opacity:rate},100);
       普通的
       $(this.$refs.head).show()
 (2)jquery里调vue的函数
      app.fn()

4、配置php的路由，控制层

（1）配置路由
       $route['finance'] = 'mobile/finance/index';
       //等同于
       $route['finance/index'] = 'mobile/finance/index';
       'mobile/finance/index';//是访问的路径

        $route['finance/index'] :页面访问的相对路径
        mobile/finance/index ：对应文件的相对路径

（2）控制层
       <?php if (!defined('BASEPATH')) exit('No direct script access allowed');

         class Finance extends Public_Controller//这里一定要写，Finance首字母大写
         {
            function __construct()
         {
               parent::__construct();
       
            }
   
         //了解平台详情
         public function pt_detail(){
    	     $this->load->view('mobile/finance/pt_detail');//想要返回的页面view
        }
}

//这样的话前端和php对接的时候  就可以自己先写静态页面了

5、pre， fieldset

<fieldset style="border:1px solid #41b2a6;" >
<legend style="font-weight:bold;margin-left:2em;padding:0.3em;"> 算法说明:</legend>
<pre>
整个孕期约为40周，即9个月零7天左右，可以通过下面的方法测算预产期。但是只有不到５％的孕妇会刚好在预产期那天分娩。
   
</pre>
</fieldset>
借鉴：http://blog.163.com/zx_1258/blog/static/1332337992013324113553114/

为了实现：

工作中知识点散记二三

猜你喜欢