工作中知識點散記二三
阿新 • • 發佈:2018-06-15
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
工作中知識點散記二三