原创 js獲取數組內相同元素的下標
var findSameIndex = function (nums) { var minNum = Math.min.apply(null, nums); var dataIndexArr = []; for (let
2018-10-20 07:36:16
原创 javascript判斷瀏覽器向上或者向下滾動
/*** * 監聽滾動事件，判斷滾動方向 * ***/ var Before_scollH = 0; $(window).on('scroll', function () {
2018-10-13 07:21:11
3
原创 javascript this探究
關於javascript的this講解的文章已經多如牛毛了，我本人在開發過程中也用到過很多次。這次趁有空，整理一下關於this的一系列問題：包括this的指向，嚴格模式和非嚴格模式下的區別，什麼情況下可以改變this的指向以及在E
2018-09-13 03:52:02
原创 javascript事件委託機制與this的比較
很多時候我們在完成交互時，頁面的一些dom結構是根據後臺傳輸過來的數據動態加載的，如果說我們需要給這些數量比較大的dom結構（比如說表格，或則ul>li）添加click或則hover事件時，手寫/遍歷生成元素內的onclick函數
2018-09-13 03:52:02
原创 從如何優雅的將類數組對象轉化爲數組談起
今日研讀阮老師的ES6標準入門，讀到函數的擴展方法時看到這麼一段代碼： let arrayList = { "0":"a", "1":"b", "2":"c", "length":3 } var arr =
2018-09-03 18:41:40
原创 SVG基本圖形的創建和動畫詳解——1
一.引言 SVG全稱爲“Scalable Vector Graphics”，意爲可縮放矢量圖形。而什麼是矢量圖？矢量就是向量，所以矢量圖就意味着無限縮放而不改變圖片的質量。 多說無益，下面放MDN上關於SVG的定義： SVG是
2018-09-03 18:41:40
原创 javascript閉環機制的詳解
js的閉包是老生常談的問題了，網上大部分的解釋都不是特別易懂。在我看來，解決一個碰到的問題有兩個思路：一是找到解決這個問題的方法。二是嘗試從根源上去解析這個問題，以避免被其他類似的問題困擾。 下面我說說第一種思路。 咱們先看一個簡單的例
2018-09-03 18:41:40
原创 從javascript的垃圾回收機制談起
javascript垃圾回收機制大家肯定都有所瞭解。網上大部分的文章也都是在講引用計數算法和垃圾回收算法的原理以及這兩者之間的區別。今天咱們不提這個，咱們只提關於老垃圾回收算法和新垃圾回收算法的演變。 一.舊的javascript垃圾回收
2018-09-03 18:41:40
原创 對jQuery ajax jsonp的理解和使用實例
目前主流的前端跨域請求方式有兩種，一種是XHR2 CORS，也就是在服務端填上響應頭： header(“Access-Control-Allow-Origin:*”); /星號表示所有的域都可以接受，/ header(“Access
2018-09-03 18:41:40
原创 javascript禁止鼠標右鍵點擊的瀏覽器後退事件（兼容IE9及以上）
提到禁止瀏覽器的後退行爲，就不得不提到history這個api.而HTML5中中新引入的pushState（）和 replaceState（）方法。 現在你打開百度，搜索“js實現禁止瀏覽器後退功能”，你會看到一大片解決方案，當然也有所
2018-09-03 18:41:40
原创 js實現帶遮蓋罩效果的div告警彈窗
<!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="
2018-09-03 18:41:39
原创 3級下拉框聯動
效果圖： 下面看代碼： <!DOCTYPE html> <html> <head> <title></title> </head> <body> <select id="virus_findby" cl
2018-09-03 18:41:39
原创 javascript對象之擴展，密封和凍結特性
擴展特性 Object.isExtensible 方法 Object.preventExtensions 方法 密封特性 Object.isSealed 方法 Object.seal 方法 凍結特性 Object.isFrozen
2018-09-03 18:41:39
原创 jquery與js對象的轉換
<!DOCTTPE html> <html> <head></head> <body> <div id="test"> <input class="child1"> <input class="child
2018-09-03 18:41:39
原创 自定義Echarts折線圖中懸浮框的位置
在Echarts3的折線圖的使用過程中，想使初始化出來的圖表更人性化，就比如說有這麼個需求，在Echarts折線圖中，鼠標懸浮在左側某一個點時，懸浮框懸停在點的右側；鼠標懸停在右側某一個點時，懸浮框懸停在點的左側。 下面是具體實現思路
2018-09-03 18:41:39