原创 如何實現圖片縮放效果?

實現圖片縮放效果我們有兩種辦法, 方法一:使用css3的transition的過渡效果 代碼: html <div></div> css

原创 css選擇器之好用的attribute選擇器

相信很多小夥伴在看別人文檔的時候會看到一種這樣的選擇器, [class^=”test”] { background:#ffff00; } 這種[attribute^=value]形式是什麼意思呢? 這種選擇器有幾種表達方式,分別代

原创 函數節流與函數防抖(以及它們的使用場景)

概念 函數節流: 頻繁觸發,但只在特定的時間內才執行一次代碼 函數防抖: 頻繁觸發,但只在特定的時間內沒有觸發執行條件才執行一次代碼 兩者區別在於函數節流是固定時間做某一件事,比如每隔1秒發一次請求。而函數防抖是在頻繁觸發後,只執

原创 Jquery之選擇器和過濾器

基本選擇器 基本選擇器 功能 返回值 示例 $("#id") 根據給定的id匹配一個元素 單個元素 $(“xdl”):選取id值爲xdl的元素 $(".class") 根據給定的類匹配元素 元素集合 $(".xdl"

原创 AJAX

XMLHttpRequest對象 AJAX的原理就是通過XMLHttpRequest對象向服務器發起異步請求。現在一般主流的瀏覽器都支持該對象,不過早期的IE5、6只支持ActiveXObject。所以,我們需要做出兼容 var xm

原创 跨域問題

引言 跨域,顧名思義,就是一個域發送請求訪問另一個域。 什麼是域? 域就是協議名(如http)+主機名(如www.baidu.com)+端口號(如80)。只有這三部分一樣,才能算是同一個域 跨域的方法常用的有四種:分別是JSONP

原创 改變this作用域的常用方法

繼上文我們知道this作用域的作用範圍,現在我們瞭解下如何改變this作用域。 改變this作用域常用的有三種方法。如下: 1、通過call()和apply()改變(兩種方法) 這兩種方法達到的效果都一樣,只是用法不一樣。 call

原创 express框架入門必須要了解的三個基礎知識點!

1、app.use()和app.METHOD() 兩者都有接收req的路徑,然後做出下一步 的作用。 當然,use()還有調用中間件等其他的作用,但原理還是接收路徑的原理。想詳細瞭解可看官方文檔。 app.METHOD()是app.po

原创 vue之觀察者watch

前言:computed和watch區別 computed:監聽多個數據或者一個數據來維護返回一個狀態值,只要其中一個或多個數據發生了變化,則會重新計算整個函數體,重新返回狀態值。(computed中監聽的值可以不再data中設置,而wa

原创 清晰解析什麼是文檔流?

  所謂的文檔流,就好比如一塊塊的正方形組成的一個整體,而這些正方形就代表着每個div。當某個div脫離了這個整體,也就代表他脫離了文檔流。然後下一個div就會來填補脫離的div的位置。下面是流程圖。   有四個小朋友在買小賣部排隊買糖

原创 mongoose使用之創建連接數據庫

mongoose用法 下載 首先你需要有個MongoDB數據庫,然後進入MongoDB的文件夾中的bin文件啓動它(使用cmd) mongod.exe -dbpath xxxxxxx(自己指定路徑,mongoDB數據文件存放的地方)

原创 css之Flex佈局(一)

flexBox佈局 使用flexBox佈局前需要給容器添加樣式display:flex; ... <style> .contain{ display:flex; } </style> <div class=

原创 vuex入門(一)之API

什麼是vuex? vuex是個狀態(也可以說公共值)管理器。簡單概括就是,它相當於一個公共倉庫,任何組件都可以使用(包括裏面的狀態值)它。 vuex作用:因爲他相當於一個公共倉庫,那麼我們不管父組件與子組件間還是同胞組件間,他們之間傳

原创 vue之簡單的js、css等靜態文件的引入

一、css外部文件引入 引入的前提是,你的loader中有css-loader和style-loader! ①上面的前提滿足了,我們可以直接在組件中引入 <style> @import '../../xxx.cs

原创 css之Flex佈局(二)

flex佈局(二)之flex-item的屬性 前言:這裏的flex-item的屬性是指Flex容器中項目div的屬性 繼上篇講了flex佈局的容器的六大css屬性,這次來說說容器中的項目(flex-item)的六大css屬性 ord