原创 前端數據可視化D3 ——(案例2)含動畫效果柱狀圖

本篇博客爲案例1的升級版,加入了座標軸以及動畫。   查看本篇博客代碼前,請先熟悉D3基礎,詳細請查看官網: https://d3js.org/ 話不多說,我們開始吧~ 首先我們來看下實現的簡單柱狀圖的樣子:   對柱狀圖進行簡單分析:

原创 前端數據可視化D3 ——(案例1)柱狀圖

從本篇博客開始,我將使用D3來完成一些基礎的demo,關於數據可視化方面的介紹我就不多說了,關於d3的簡單介紹: D3 的全稱是(Data-Driven Documents),一個被數據驅動的文檔。聽名字有點抽象,說簡單一點,其實就是一

原创 Js中函數作用域問題,看這一篇就夠了

在編程語言中,作用域控制着變量與參數的可見性與生命週期。對程序員來說這是一項重要的服務,因爲它減少了名稱衝突,並且提供了自動內存管理。  一、從一道面試題入手 var x=10; function fn(){ console.l

原创 原生JS創建隨機div塊(隨機位置、隨機大小、隨機顏色)

先來看看最後實現的效果吧   實現方法呢也是非常簡單, 首先創建了一個產生div塊的函數,然後創建一個產生隨機顏色的函數,最後通過for循環制造50個隨機大小、位置、顏色的div塊 代碼附上:   function c

原创 前端面試必問——JS中的原型(prototype)、原型鏈和繼承

原型、原型鏈與原型繼承也是一個老生常談的問題了,可以說js原型弄明白了,那麼學習js就得了一種質的飛躍,今天我們就來看看這個在前端面試中的高頻考題究竟是怎麼一回事。 一、原型 要說原型,我畫了上面那張圖,它生動的表達了js中的構造函數、

原创 全局安裝expo-cli後,出現問題:expo不是內部或外部命令,也不是可運行的程序或批處理文件。

當我用yarn全局安裝好expo-cli後,想用expo搭建項目時,遇到了下面這個問題。 'expo' 不是內部或外部命令,也不是可運行的程序 或批處理文件。 'expo' 不是內部或外部命令,也不是可運行的程序 或批處理文件。  

原创 前端面試必問——JS中的閉包是什麼?

一、什麼是閉包? 先說概念: 閉包是指有權訪問另一個函數作用域中變量的函數。 創建閉包的最常用的方式就是在一個函數內創建另一個函數,通過另一個函數訪問這個函數的局部變量,利用閉包可以突破作用鏈域,將函數內部的變量和方法傳遞到外部。   二

原创 Vue中常見指令彙總

Vue指令 解釋:是指帶有 v- 前綴的特殊屬性 作用:當表達式的值改變時,將其產生的連帶影響,響應式地作用於 DOM 1、v-html  解釋:更新dom對象的innerHTML <div id="box"> <div v-h