筆者最近在學習Element UI,覺得它提供的日期選擇器既簡單又美觀,於是仿照着寫了一個日期插件。筆者使用到的技術有ES5、CSS和HTML,控件兼容IE10+和谷歌瀏覽器。有一點需要注意,筆者使用到iframe包裹彈出層,由於瀏覽器的同源安全策略,代碼必須得放到tomcat的webapps ...
在實際的項目中,能用別人寫好的插件實現相關功能是最好不過,為了節約時間成本,因為有的項目比較緊急,沒充分時間讓你自己來寫,即便寫了,你還要花大量時間調試兼容性。但是出於學習的目的,你可以利用閑暇時間,自己動手寫寫,看一些原生js的東西,根據自己的思路做插件,這樣能提高水平。 說到autotemplete,好多人都用過,引用autotemplete.js,然后就可以實現在輸入框輸入值的時候提示下拉 ...
2015-08-24 14:56 4 4630 推薦指數:
筆者最近在學習Element UI,覺得它提供的日期選擇器既簡單又美觀,於是仿照着寫了一個日期插件。筆者使用到的技術有ES5、CSS和HTML,控件兼容IE10+和谷歌瀏覽器。有一點需要注意,筆者使用到iframe包裹彈出層,由於瀏覽器的同源安全策略,代碼必須得放到tomcat的webapps ...
最近用nodeclub實現股票的輸入關鍵字自動補全股票信息進行搜索功能,原先用jQuery-ui,結果jQuery-ui庫太大,所以考慮用其他插件,最終選擇使用autocomplete.js,控件簡單用着方便。留下記錄 源碼如下: <!doctype html>< ...
一、寫在最前面 最近都忙一些雜七雜八的事情,復習軟考、研讀經典...好像都好久沒寫過博客了。。。 我自己寫過三個圖片輪播,一個是簡單的原生JS實現的,沒有什么動畫效果的,一個是結合JQuery實現的,淡入淡出切換的。現在想做一個酷一點的放在博客或者個人網站,到時候可以展示自己的作品。逛了一下慕 ...
這個原生代碼的js日歷插件是根據我前面的那個生成日歷效果的函數改造而成的,原本以為利用我前面那個日歷函數可以很容易就實現博客園一樣效果的日歷插件,但事實上還是費了一般的功夫才實現這個博客園效果的日歷插件,個中遇到的問題就不一一敘述了,只講兩點。 我本以為這個時間插件的點擊事件是比較容易 ...
前 言 我們大家經常逛各種電商類的網站,商品的細節就需要用到放大鏡,這個大家一定不陌生,今天我們就做一個圖片放大鏡的插件,來看看圖片是如何被放大的…… 先看一下我們要是實現的最終效果是怎么樣的 ↓ 看完效果,大家有思路了嗎,沒有的話 ...
之前我在自己的博客里發表了一篇用angularJs自定義指令實現的分頁插件,今天簡單改造了一下,改成了原生JavaScript版本的分頁插件,可以自定義一些簡單配置,特此記錄下來。如有不足之處,歡迎指出。 需要購買阿里雲產品和服務的,點擊此鏈接領取優惠券紅包,優惠購買哦,領取后一個月 ...
更高呢?當然是利用js純原生的寫法啦。以前一直說,掌握了js原生,就基本上可以解決前端的所有腳本交互工作 ...
一般來說,大家可能都會習慣用JQuery提供的Ajax方法,但是用原生的js怎么去實現Ajax方法呢? JQuery提供的Ajax方法: 原生js實現Ajax方法: 注釋: 1. open(method, url, async) 方法需要三個參數 ...