0

JavaScript 自定義html元素鼠標右鍵菜單

自定義html元素鼠標右鍵菜單 實現思路 在觸發contextmenu事件時,取消默認行為(也就是阻止瀏覽器顯示自帶的菜單),獲取右鍵事件對象,來確定鼠標的點擊位置,作為顯示菜單的left和top值 編碼實現 <!DOCTYPE html> <html> <head> <meta charset=" ...

授客 發布于 2019-12-02 12:30 評論(0)閱讀(8)
0

jQuery模仿ToDoList實現簡單的待辦事項列表

功能:在文本框中輸入待辦事項按下回車后,事項會出現在未完成列表中;點擊未完成事項前邊的復選框后,該事項會出現在已完成列表中,反之亦然;點擊刪除按鈕會刪除該事項。待辦事項的數據是保存到本地存儲的(localStorage),就算關閉頁面再打開,數據還是存在的(前提是要用相同瀏覽器)。 ToDoList ...

#SY 發布于 2019-12-02 11:52 評論(0)閱讀(9)
0

Taro自定義Modal對話框組件|taro仿微信、android彈窗

基于Taro多端實踐TaroPop:自定義模態框|dialog對話框|msg消息框|Toast提示 taro自定義彈出框支持編譯到多端H5/小程序/ReactNative,還可以自定義彈窗類型/彈窗樣式、多按鈕事件/樣式、自動關閉、遮罩層、彈窗顯示位置及自定義內容模板 用法 ▍在相應頁面引入組件 i ...

xiaoyan2017 發布于 2019-12-02 11:51 評論(0)閱讀(4)
1

JS基礎語法---創建對象---三種方式

創建對象三種方式: 調用系統的構造函數創建對象 自定義構造函數創建對象(結合第一種和需求通過工廠模式創建對象) 字面量的方式創建對象 第一種:調用系統的構造函數創建對象 //小蘇舉例子: //實例化對象 var obj = new Object(); //對象有特征 屬性;和 行為 方法 //添加屬 ...

jane_panyiyun 發布于 2019-12-02 10:49 評論(0)閱讀(12)
1

jQuery實現電梯導航特效

功能描述: 當滾動條滑到某個位置時,顯示電梯導航; 當用戶滾動滾動條時,讓電梯導航的選中狀態和當前滾動到的區域保持一致; 當用戶點擊電梯導航時,滾動條滾動到被點擊導航對應的區域 準備工作: 首先將jQuery文件以及你自己的js文件引入你的html里,jq文件要放在上面 <script src="j ...

#SY 發布于 2019-12-02 10:26 評論(0)閱讀(15)
0

解決html導出pdf中文亂碼問題的正確姿勢

簡介 本文使用jspdf 1.5.3版。GitHub地址: "https://github.com/MrRio/jsPDF" jspdf是歪果仁開發的,因此在一開始就沒想過支持非英文以外的文字,這就導致了非英文的文本都是亂碼。 因此就有其他大佬給增加了其他解決方案,到了1.5版本也正式加入了非英文支 ...

chiikin 發布于 2019-12-02 09:54 評論(0)閱讀(13)
0

JS基礎語法---編程思想和對象

編程思想: 把一些生活中做事的經驗融入到程序中 面向過程:凡事都要親力親為,每件事的具體過程都要知道,注重的是過程 面向對象:根據需求找對象,所有的事都用對象來做,注重的是結果 面向對象特性: 封裝,繼承,多態 (抽象性) js不是面向對象的語言,但是可以模擬面向對象的思想 js是一門基于對象的語言 ...

jane_panyiyun 發布于 2019-12-02 09:46 評論(0)閱讀(12)
0

JS基礎研語法---函數基礎總結---定義、作用、參數、返回值、arguments偽數組、作用域、預解析

函數: 把一些重復的代碼封裝在一個地方,在需要的時候直接調用這個地方的代碼就可以了 函數作用: 代碼重用 函數的參數: 形參:函數定義的時候,函數名字后面的小括號里的變量 實參:函數調用的時候,函數名字后面的小括號里的變量或者值 返回值: 函數中有return,函數有返回值 函數中沒有return, ...

jane_panyiyun 發布于 2019-12-02 09:24 評論(0)閱讀(13)
0

松軟科技web課堂:隨機Math.random()

Math.random() 返回 0(包括) 至 1(不包括) 之間的隨機數: 實例 JavaScript 隨機整數 Math.random() 與 Math.floor() 一起使用用于返回隨機整數。 實例 實例 實例 實例 實例 實例 一個適當的隨機函數 正如你從上面的例子看到的,創建一個隨機函 ...

施少壯 發布于 2019-12-02 09:19 評論(0)閱讀(12)
2

CSS中如果實現元素浮動和清除浮動,看這篇文章就足夠了

浮動基本介紹 在標準文檔流中元素分為2種, 和`行內元素`,如果想讓一些元素既要有塊級元素的特點也同時保留行內元素特點,只能讓這些元素脫離標準文檔流即可。 浮動可以讓元素脫離標準文檔流,可以實現讓多個元素排在同一行,并且可以設置寬高度。 其實浮動是通過 屬性來實現的。 屬性值說明表: 屬性值 |描述 ...

微笑是最初的信仰 發布于 2019-12-01 22:42 評論(1)閱讀(126)
0

ES6 Promise

當我們使用ajax時,異步回調,當請求過多時,很容易形成回調地域。使我們很難維護,不易拓展功能和管理。在jQuery中實現里管理異步回調deferred,同樣,ES6原生的js也提供了管理異步回調的方法。使其能線性的拓展,方便我們管理和維護。 Promise是ES6內置的構造函數,使用時要使用new ...

張最棒 發布于 2019-12-01 21:17 評論(0)閱讀(29)
0

cropperjs實踐及中文文檔(自譯)

cropperjs是一款非常強大卻又簡單的圖片裁剪工具,它可以進行非常靈活的配置,支持手機端使用,支持包括IE9以上的現代瀏覽器。(關鍵是使用方法簡單,幾行代碼就可以搞定) ...

滅滅 發布于 2019-12-01 20:37 評論(0)閱讀(70)
0

從UI設計轉向前端的艱辛過程,從背單詞開始。。。

很糾結到底是繼續做UI設計還是轉行前端呢?從剛開始的害怕代碼到接觸代碼又喜歡代碼的過程,我在想我是不是太飄了,我感覺我做事就是三分鐘熱度。我感覺學前端對我最大的阻礙就是英語單詞了,10個單詞里面最起碼有七八個我不知道的。其實我是個很討厭英語的人,但是看到代碼所實現的功能讓我感覺很有成就感,想學好英語 ...

javascript小白菜 發布于 2019-12-01 20:07 評論(0)閱讀(25)
0

ES6變量的解構賦值(一)數組的解構賦值

let[a,...arr]=[1,2,3,4];//a==>1 arr==>[2,3,4] let [x, y, ...z] = ['a'];//a==>'a' y==>undefined z==> [] let [a, [b], d] = [1, [2, 3], 4];//a==>1 b==>2 ...

空白扉頁 發布于 2019-12-01 19:52 評論(0)閱讀(27)
0

JS簡單數據類型

JS數據類型 1. 在計算機中,不同的數據所需要占用的空間是不同的,為了便于把數據分析稱所需內存大小不同的數據,充分利用存儲空間,于是定義了不同的數據類型 2. 簡單數據類型 | 簡單數據類型 | 說明 | 默認值 | | | | | | Number | 數字型,包含整型值和浮點型值 | 0 | ...

小咸魚|大夢想 發布于 2019-12-01 19:51 評論(0)閱讀(8)
0

數據結構與算法之算法篇

什么是算法? 算法是解決特定問題求解步驟的描述,在計算機中表現為指令的有限序列,并且每條指令表示一個或多個操作。 簡單來說,就是我們解決某一問題所使用的技巧和方法。 一個問題可以由多個算法解決,一個算法也不可能具有通解所有問題的能力。 算法的特征: 輸入:算法具有零個或多個輸入; 輸出:算法至少有一 ...

有夢才好 發布于 2019-12-01 18:11 評論(0)閱讀(16)
0

html文本框默認值刷新后無法繼續顯示解決方法

轉載于:https://blog.csdn.net/yufeitong/article/details/8485129 有這種情況,文本框輸入值后,再次刷新默認值就無法顯示了 原始html代碼: <form action="" method="post"> <input name="" type=" ...

人在風雨中 發布于 2019-12-01 16:28 評論(0)閱讀(15)
0

CSS標準文檔流

標準文檔流介紹 我們在制作 網頁的時候,都必須遵循一個 的規則如:從左至右、從上至下規則。 讓我們進入 網頁的標準文檔流基本原理實踐。 代碼塊 結果圖 標準文檔流要注意的事項 空白折疊現象。 高矮不齊,底部對齊。 讓我們進入空白折疊現象實踐。 代碼塊 結果圖 注意:咦結果圖之間怎么有了空白的縫隙呢? ...

微笑是最初的信仰 發布于 2019-12-01 13:38 評論(0)閱讀(27)
0

初步了解Node.js,學做簡單的留言本案例

在還沒有正式的學Node.js的時候, 你們認為Node.js 對于前端來說是什么呢? 會認為Node.js 是框架? 認為這是類似Jquery的一個快速、簡潔的JavaScript框架? 反正我自己起初是這么認為的,因為它后面有個 .js。 那么在正式開始接觸Node.js的時候,才發現自己是有多 ...

只是個單純的小白 發布于 2019-12-01 12:42 評論(0)閱讀(25)
1

原生JS實現移動端輪播圖

功能描述: 自動無縫輪播圖片,底部小圓點跟圖片保持一致;手指左右移動輪播圖,移動距離大于50px播放下一張(或上一張),小于50px則回彈 具體功能實現: 1.定時器 自動輪播圖片 先聲明一個index=0用來存圖片索引; 添加一個定時器,每隔兩秒調用一次,每調用一次定時器(圖片播放一次)index ...

#SY 發布于 2019-12-01 12:03 評論(0)閱讀(37)