原创 《css揭祕》讀書筆記(1)-背景與邊框

這個筆記只是我讀了《css揭祕》後的一些摘要,實現原理並不會講的很清楚,只是加上了我認爲容易記住的部分,當想要實現某一個樣式而忘記時,可以參考一下。1.半透明邊框達到效果利用rgba的透明化,使邊框的顏色變成半透明,但是普通方法設置邊框顏

原创 MVC、MVP以及MVVM模式

請談談mvc、mvp和mvvm模式 1、MVC: MVC是應用最廣泛的軟件架構之一,一般MVC分爲: Model( 模型 )、Controller( 控制器 )、View( 視圖 )。 這主要是基於分層的目的,讓彼此的職責分開。View 

原创 Array數組常用方法的總結

1、forEach() forEach遍歷數組,無返回值,不改變原數組, 僅僅只是遍歷、常用於註冊組件、指令等等。 var arr = [1,2,3,4] arr.forEach(function(item

原创 數組去重實現

思路: 1、創建一個新的數組存放結果 2、創建一個空對象 3、for循環時,每次取出一個元素與對象進行對比,如果這個元素不重複,則把它存放到結果數組中,同時把這個元素的內容作爲對象的一個屬性,並賦值爲1,存入到第2步建立的對象中。 說明

原创 vue2.x 實現移動音樂播放器——js工具文件

// 判斷是否有該class export function hasClass(el, className) { // 正則的意思:該className前,可以加空字符或不加,className後也可以加一個空字符或者不加 le

原创 vue2.x 實現移動音樂播放器——scroll組件

<template> <div ref="wrapper"> <slot></slot> </div> </template> <script type="text/ecmascript-6"> import BScr

原创 vue2.x 實現移動音樂播放器——jsonP相關

利用js文件不會被同源政策限制的原理,解決跨域 首先利用npm 安裝 jsop的庫 npm install jsonp  相關API jsonp(url, opts, fn) url (String) url to fetch 接口

原创 vue2.x 實現移動音樂播放器相關筆記(一)

目錄結構相關解釋 api:存放接口相關js文件 base:存放基礎組件,比如移動端滑動組件,利用better-scroll做的 Scroll組件等可複用組件 common:存放字體、工具類js,圖片,css基礎樣式 components

原创 如何利用vue-cli 快速創建vue項目

首先確保已經安裝成功vue-cli,沒有的話在命令行敲 npm install --global vue-cli 創建一個基於webpack 模板的項目 如 vue init webpack test 之後會出現: 項目代碼結構介紹

原创 單文件組件和vue中的路由

首先查看main.js app.vue    app.vue中存在一個<router-view/> 標籤,這裏存放的就是相應路由改變該改變的網頁內容 查看router文件夾中的index.js 按照routers數組的方式,在comp

原创 vue實現多選、單選、全選和反選

單選:利用v-for數組循環中的的index,即數組下標 想法:首先定義一個標誌數n,每次點擊時傳入index,令標誌數n=index。此時,若index = n,則可以實現其他功能。    多選、全選、反選 想法:這次需要在data裏

原创 javascript——異步和單線程

同步和異步的區別是什麼?分別舉一個同步和異步的例子 同步會阻塞代碼執行,而異步不會 例子:alert是同步,setTimeout是異步  什麼是異步 console.log(1); setTimeout(function(){

原创 前端 javascript 常見面試題個人整理與總結

目錄 基礎題目 JS 變量按照存儲方式區分爲哪些類型,並描述其特點,區分值類型與引用類型的區別 JS 中使用 typeof 能得到哪些類型 強制類型轉換,何時使用 === 何時 使用 == JS 中有哪些內置函數 如何理解 JSON 原型

原创 javascript——日期、Math、數組API和對象API

日期 Date.now(); //獲取當前時間毫秒數 var dt = new Date(); dt.getTime(); //獲取毫秒數 dt.getFullYear(); //年 dt.getMonth(); //月(0-11

原创 javascript——事件

編寫一個通用的事件監聽函數 描述事件冒泡流程 DOM樹型結構 事件冒泡 阻止冒泡 冒泡應用——代理 對於一個無限下拉加載圖片的頁面,如何給每個圖片綁定事件 使用代理