原创 vue 修飾符

前言 爲了方便大家寫代碼,vue.js給大家提供了很多方便的修飾符,比如我們經常用到的取消冒泡,阻止默認事件等等~ 一.表單修飾符 1.    .lazy 填寫表單,最常用的是什麼?input!v-model~而我們的修飾符正是爲了簡化這

原创 vue 面試題-必殺技

  一、對於MVVM的理解? MVVM 是 Model-View-ViewModel 的縮寫。 Model代表數據模型,也可以在Model中定義數據修改和操作的業務邏輯。 View 代表UI 組件,它負責將數據模型轉化成UI 展現出來。

原创 js 設計模式

  1. 單例模式 保證一個類只有一個實例,並提供一個訪問它的全局訪問點(調用一個類,任何時候返回的都是同一個實例)。 class Singleton { constructor(name) { this.nam

原创 Python 面試中 8 個必考問題

1、下面這段代碼的輸出結果是什麼?請解釋。 def extendList(val, list=[]):    list.append(val)    return list list1 = extendList(10) list2

原创 CSS3之 transform和animation區別

CSS3 有3種和動畫相關的屬性:transform, transition, animation。其中 transform 描述了元素靜態樣式。而transition 和 animation 卻都能實現動畫效果。所以transform

原创 完美實現一個“回到頂部”

  前言 在實際應用中,經常用到滾動到頁面頂部或某個位置,一般簡單用錨點處理或用js將document.body.scrollTop設置爲0,結果是頁面一閃而過滾到指定位置,不是特別友好。我們想要的效果是要有點緩衝效果。 現代瀏覽器陸續意

原创 nodeJs--koa2 REST API

  REST API規範 編寫REST API,實際上就是編寫處理HTTP請求的async函數,不過,REST請求和普通的HTTP請求有幾個特殊的地方: REST請求仍然是標準的HTTP請求,但是,除了GET請求外,POST、PUT等請求

原创 前端必須會的ES6知識

ES6簡介 ECMAScript 6.0(以下簡稱ES6)是JavaScript語言的下一代標準,已經在2015年6月正式發佈了。它的目標,是使得JavaScript語言可以用來編寫複雜的大型應用程序,成爲企業級開發語言。 ES6新功能

原创 D3.js的V5版本-Vue框架中使用(第十章) ---流程圖

1. 效果展示 2. 使用dagre-d3 需要安裝dagre-d3庫,d3的流程圖庫。 3. 代碼示例(封裝組件) 主要代碼講解: //得到流程圖繪製對象 this.graph = new dagreD3.graphlib.Grap

原创 JS原型、原型鏈及繼承

1. 原型與原型鏈 每個對象都有 __proto__ 屬性,但只有函數對象纔有 prototype 屬性 a.字面量方式 var a = {}; console.log(a.__proto__); //Object {} conso

原创 nodeJs--sequelize Model

前言: 一個大型Web App通常都有幾十個映射表,一個映射表就是一個Model。 如果按照各自喜好,那業務代碼就不好寫。Model不統一,很多代碼也無法複用。 所以我們需要一個統一的模型,強迫所有Model都遵守同一個規範,這樣不但實現

原创 nodeJs--ORM

1.技術選型 (1)、ORM-sequelize: 類似於python的sqlalchemy, java的hibernate,nodeJs也有很多orm框架,node-orm2,bookshelf...,我選擇使用sequelize,選擇

原创 nodeJs--koa2路由

處理URL,我們需要引入koa-router這個middleware,讓它負責處理URL映射。 首先安裝:npm install koa-router const Koa = require('koa'); // 注意require(

原创 JS中徹底弄懂淺拷貝和深拷貝

1、淺拷貝和深拷貝的簡介 淺拷貝:兩個對象經過拷貝後雖然具有相同的屬性,但是他們都指向同一個內存空間 let a = {x: 123} let b = a b.x = 234 console.log(b) // {x: 234} c

原创 D3.js的V5版本-Vue框架中使用(第二章) ---元素及操作、Update、Enter、Exit

1、選擇元素   在D3.js中,選擇元素的函數有兩個d3.select() d3.selectAll()         這兩個函數返回的就是選擇集常見的用法如下:let svg = body.select("svg");//選擇bod