原创 css3如何實現動畫？
這是一個考驗面試者對css的基礎知識。 css實現動畫主要有3種方式，第一種是：transition實現漸變動畫，第二種是：transform轉變動畫，第三種是：animation實現自定義動畫，下面具體講一下3種動畫的實現方式
2020-05-04 21:18:00
原创 如何用css繪製三角形？
首先，我們知道用邊框實現一個三角形很簡單，直接上代碼上圖。 <div class="content"> <div class="up"></div> </div> .triangleTest { .
2020-05-04 21:18:00
原创 前端異步是什麼？哪些情況下會發生異步？
異步是什麼？ 這裏就不拿官方的解釋來解答了，只以個人理解來回答問題，輕噴。我們知道JavaScript是單線程的，不像java等語言是多線程的，所以一般情況下，js代碼是一行一行的執行的。但是某些時候需要用異步來提升性能，比如說
2020-05-02 19:01:19
原创 ES6 class類的用法
es6 class基礎用法 以前的JavaScript沒有類的概念，它是基於原型的面相對象的語言。原型對象的特點就是將自身屬性共享給新對象。我們先看一下下面的代碼實現。 //常規寫法 f
2019-02-27 21:02:00
原创 js中的遞歸遍歷講解
JavaScript的遞歸遍歷會經常遇到，適當的運用遞歸遍歷，可以提高代碼性質量。 1.某些時候遞歸能替換for循環 我們先看一下下面2個例子。 var arrList = [1,2,3,5,100,500,10000,10000,1
2018-12-23 20:48:17
原创 css選擇器詳解，帶實例
前端css選擇器種類繁多，今天做了一下整理，不過該文章只適合前端小萌新，老油條請繞道。 1. 常見選擇器 元素選擇器 a,p,div,li,ul{ color:red; } /*頁面上所有的a,p,li,ul都會將字體顏色設置爲
2018-12-07 20:53:24
原创 js技巧用Map集合代替Array遍歷
很多時候我們在做頁面的時候會遇到這樣的一個情況，我們需要顯示一個下拉框，然後需要把選擇的值傳到後臺，而頁面需要顯示我們選擇的數據項的名稱，我們可能會這樣實現： <!DOCTYPE html> <html lang="en"> <hea
2018-11-08 01:01:34
原创 100行代碼實現一個vue分頁組件
今天用vue來實現一個分頁組件，總體來說，vue實現比較簡單，樣式部分模仿了elementUI。所有代碼的源碼可以再github上下載的到：下載地址 先來看一下實現效果： 點擊可查看運行效果：線上地址 整體思路 我們先看一下使用到的
2018-11-07 05:46:17
原创 js技巧 console.log使用
很多時候，我們就用到console.log()來輸入一個信息，用了來調試，其實console對象有很多方法，今天針對一些常用的方法進行講解。 輸出帶色彩的信息 console.log('消息內容！'); //輸出普通信息
2018-11-07 05:46:17
原创 vue-devtools下載與使用
使用vue-cli的同學肯定知道有一個Chrome調試工具——vue-devtool。但是在國內環境很難直接在Chrome商店下載得到，今天提供一個4.1.5版本的下載地址。鏈接： 網盤地址 提取碼：ty1m 如果地址過期了，可以到c
2018-11-07 05:46:17
原创 vue系列生命週期（四）
vue生命週期，是指vue實例從創建到銷燬的一個過程，掌握了這個過程中各個階段的狀態，就能合理使用，是我們的程序性能更高，開發更合理，減少bug。 我們先看一張官方的vue的生命週期的圖： 可以看到，vue實例生命週期分爲：befo
2018-10-20 05:57:55
2
原创 vue系列自定義指令（三）
說明 今天介紹vue自定義指令。vue指令功能是提供給用戶操作dome的，雖然很多時候，我們可以通過選擇器是操作dome,但是當dome狀態改變是，我們很難捕獲，所以vue不建議用戶直接操作dome，而是使用指令的形式。 vue內置
2018-09-13 11:27:17
原创 vue系列組件篇（二）
概述 vue組件是vue常用的功能，vue也因爲強大的組件功能得到很多開發者的青睞。一個好的組件，可以提供給開發者很多方便，特別是複用代碼，代碼一致性等。 本文通過實現一個列表my-list組件，來講解組件的用法和特性。 下面先看一下
2018-09-07 22:35:02
原创 Vue系列基礎篇（一）
Vue基礎篇 Vue是什麼? vue是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計爲可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具
2018-09-03 16:11:24
原创 babel-cli本地環境搭建
babel本地編輯環境搭建 今天講的是babel搭建本地環境，衆所周知，現如今，javascript已經發布了es7版本，但是目前環境大多數只能支持到es5，連nodejs也不能完全支持es6，es7。今天將的babel能將我們寫的es
2018-08-28 02:54:31
3