前言
由于前端研發(fā)經(jīng)驗少茬缩,很多常識性的東西不知道笔咽。在此整理用過的簡單的常識性的東西侦镇。本次實踐涉及的主要框架有:jquery曲伊、layui及knockout
通用
回車事件綁定
該事件可以使用knockout進行綁定燃观,綁定代碼如下:
<input type="text" class="layui-input" data-bind="event:{keypress:locateKeyPress}">
locateKeyPress是我們用來響應事件的方法乱陡,其聲明代碼如下:
function sensorWatch() {
var self = this;
……
self.locateKeyPress=function(data,event){
//如果輸入的是回車
if(event.keyCode==CommonData.const.enterKeyCode){
……
return false;
}
return true;
}
CommonData.const.enterKeyCode是我自己定義的常量,值是13仪壮。需要注意的是憨颠,結(jié)尾要返回true。knockout所有的方法事件默認都是阻止該方法的效果,所以如果沒有返回true爽彤,你會什么都輸入不進去的养盗。
官方文檔參考地址:https://knockoutjs.com/documentation/event-binding.html
后來發(fā)現(xiàn),如果不return的話适篙,會導致頁面刷新往核,所以,即使不希望字符被錄入嚷节,也需要返回false聂儒,也就是上面的if中要返回false
sleep方法
首先,js本身沒有sleep方法硫痰,需要自己實現(xiàn)衩婚。其次,實現(xiàn)js的sleep方法最簡單的效斑,就是死循環(huán)非春,然后到指定的時間點結(jié)束死循環(huán)。但是缓屠,這也就意味著奇昙,當前線程始終忙碌,無法進行其它的邏輯敌完。所以储耐,綜合來看,我有些理解為什么js官方?jīng)]有sleep方法了滨溉。而遇到需要sleep方法的什湘,或許我們總是需要看看是否可以使用狀態(tài)來替代需要sleep的邏輯。
頁面調(diào)試備忘錄
表格管理頁面
頁面構(gòu)成
表格管理頁面就是以表格的形式對頁面進行管理业踏,由于做前端比較少,所以將自己給自己提出的要解決的問題羅列在此涧卵,方便以后重復及對工作量的評估:
- 頁面整體的布局結(jié)構(gòu):篩選條件都有什么勤家?表格都有哪些操作?是否存在分頁條柳恐?
- 如何請求數(shù)據(jù)和表格綁定伐脖?
- 每一列的數(shù)據(jù)展示形式是什么樣的?每列數(shù)據(jù)多寬乐设?展示幾行讼庇?每行幾個字?超出字數(shù)怎么辦近尚?是否需要固定在那里蠕啄?
- 需要考慮分頁如何呈現(xiàn)于交互。分頁的要素有:是否顯示總條數(shù)?是否可以直接跳轉(zhuǎn)到指定頁數(shù)歼跟?常規(guī)的功能有:點擊頁碼跳轉(zhuǎn)及上一頁與下一頁的分頁和媳。