1. 程式人生 > >工作中知識點散記二三

工作中知識點散記二三

left padding UC edit http fieldset exit 區別 end

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天左右,可以通過下面的方法測算預產期。但是只有不到5%的孕婦會剛好在預產期那天分娩。
   
</pre>
</fieldset>
借鑒:http://blog.163.com/zx_1258/blog/static/1332337992013324113553114/

為了實現:技術分享圖片

6、Hbuild配置less與編譯器

這裏我要說mmp,找lessc.cmd找了許久,真特麽坑(什麽***全劇搜啊 ---是的 最後全劇搜)

C:\Users\Administrator\AppData\Roaming\npm\lessc.cmd

****這裏我要強調,他貌似是在node裏,反正不知道,也不按照套路出牌,就全局搜索好了

命令參數:%FileName% %FileBaseName%.css

  的步驟:

技術分享圖片

技術分享圖片

7、代碼主題包的下載地址:http://www.color-themes.com/?view=index

 htbuild的主題包的設置步驟:工具==》視覺主題設置==》高級設置==》導入

8、webstorm的 註冊激活碼

  http://idea.codebeta.cn

     http://im.js.cn:8888

     借鑒:https://blog.csdn.net/u011272795/article/details/77479202

技術分享圖片

9、editplus

   editplus 註冊碼生成鏈接:
 
    http://www.jb51.net/tools/editplus/
 
    附editplus軟件下載地址:
 
    http://www.cr173.com/soft/7546.html

   借鑒:https://www.cnblogs.com/shihaiming/p/6422441.html

  

10、hbuild的相關操作文檔:目前還沒看,等抽時間看下:https://www.cnblogs.com/qq21270/p/3921741.html

工作中知識點散記二三