原创 html+css+js 動態時鐘
今天我在學習css3的時候，無意間在一個博客好友的文章裏看見咯一個純代碼寫出的動態時鐘，我覺得很有確，我就試着按照他的思路分析自己寫咯一個， 不過我寫的和他寫的還是有區別的，他的好些元素是用js創建的，而我的是直接在h
2020-07-06 12:25:58
原创 我的TypeScript筆記
去年換工作去參加其他公司面試，很多公司都問你會ts嗎？瞭解ts嗎？，第一家問的我一臉矇蔽樣，很老實的我回答說我不知道沒有了解過，面試官一副鄙視樣很受打擊，回來之後我就網上查詢搜索ts，搜索出來的原來ts是TypeScript
2020-06-01 11:05:25
原创 floor random 隨機抽獎
今天我在學習javascript的random 和 floor的時候想起用這個兩個來寫一個簡單的隨機抽獎頁面。 寫出的效果如下所示： 點擊開始抽獎的時候上面紅色部分的獎品會隨機變化，點擊停止的時候就顯示你抽中的獎品是什麼，做個其實很簡單
2020-02-21 16:05:30
原创 乾貨滿滿，絕不錯過，DOM、BOM 操作超級集合
本章內容： 定義節點類型節點關係 選擇器樣式操作方法style表格操作方法表單操作方法元素節點ELEMENT屬性節點attributes文本節點TEXT文檔節點 Document位置操作方法定時器彈出框location其它事件操作實例
2020-02-21 16:05:30
原创 瀑布流佈局
很早以前我就想自己學寫一下瀑布流佈局，可是由於懶神來找我聊天咯，所以推遲咯很久直到今天我纔來寫瀑布流佈局。由於鄙人的js還有很大的提升空間，所以我是先看咯一下那些大神的具體講解和分析，然後纔開始着手寫的，收穫那是槓槓的。 1、大家都知道要
2020-02-21 16:05:30
原创 輪播圖
以後我覺得那些封裝輪播的大神很牛逼，所以爲咯節約時間和成本，我們大多用都是別人已經封裝好的，但是裏面包含咯許多我們不需要的代碼，這樣就會產生代碼冗餘，所以今天我也試着自己來寫一個，當我寫完之後，我發覺原來輪播圖也不是那麼的難的，寫的時候一
2020-02-21 16:05:30
原创 (蓮花綻放)animation
今天我在學習transation 時在網上看見一個網友寫的蓮花綻放很炫，我也試着寫咯一下，效果如下所示 html代碼： <div class="box"> <div></div> <div></div> <di
2020-02-21 16:05:30
原创 流式佈局flex學習
現在都很流行流式佈局display:flex;，但是就是老是記不住他們的類型，今天抽空梳理咯一下父元素與子元素的他們各自擁有的屬性（紅色部分是我經常使用到的） 父元素擁有的屬性 1、flex-direction 設置主軸對齊方式
2018-12-14 23:08:20
原创 vue init webpack 新建模板報錯解決
vue init 失敗 怎麼辦？、 今天第一天入職就遇到一個鬱悶和勞煩我很久的問題，node、vue-cli我是卸載然後重新安裝咯多次都不能實現vue init webpack 項目名這項操作。找咯度娘無數次，按照上面的方法實踐咯多次，
2018-11-20 09:03:07
原创 js拖拽效果
平時遇見過很多頁面上的某一些元素可以跟隨鼠標的移動而移動，我覺這個效果特別的好玩，然後我就自己試着寫咯一下這個效果， 我寫的效果頁面是一個很簡單的，我就定義咯一個div元素，然後鼠標按下去的時候 拖動鼠標，物體就會跟隨我鼠標移動而移動，
2018-08-22 12:20:11
原创 插件封裝（banner）
這個插件是在上一個的基礎是進行封裝的，這個插件支持水平切換和垂直切換. 這裏是插件結構 ;(function(){ //定義插件名稱。方便後面調用 $.fn.pluginName = function(options){/
2018-08-22 12:20:10
原创 canvas （smile）
今天我在學習html5新增加的標籤——canvas 畫布，他像所有的dom對象一樣它有自己本身的屬性、方法和事件，其中就有繪圖的方法，js能夠調用它來進行繪圖 ，最近在研讀《html5與css3權威指南》下面對其中最好玩的canvas的學
2018-08-22 12:20:09
原创 css3 animation(loading)
看見別人些的加載的動畫，覺得特別炫酷，然後我也試着自己寫咯一個，這個動畫是用的純html 和 css3寫的。 思路： 1、先定義一個大盒子，轉需要用的元素 2、對需要做動畫的標籤進行定位操作
2018-08-22 12:20:09
原创 jQuery自己編寫插件()
引言： 在項目中不同頁面經常要用到已經寫好的交互，比如彈窗，比如下拉菜單，比如選項卡，比如刪除... 此時如果每次都把代碼copy一份無疑是一件比較麻煩並且無趣的事情，而且個人認爲有些low了，我們可是要追尋 高大上的90後有爲
2018-08-22 12:20:08
原创 css3製作正方體
今天學習transform的時候突然奇想，想寫一個正方體，然後我就跟着我的想法，寫咯一個，該正方體是全部用的html5+css3實現的，只要用transform 裏面的rotate（旋轉）、translate（位移）等，多的就不說咯，具體
2018-08-22 12:20:08