0

HTML----常用標記(圖片、音頻、視頻)

1. 圖片 <img src='圖片的地址' />:最后的 / 可以不加,HTML5不加 2. 音頻 <audio 屬性=" "> <source src=" 音頻的地址" type="類型" > </audio> 各個瀏覽器所支持音頻的格式: 示例: 3. 視頻 <video width = ' ...

是水蜜桃味 發布于 2020-04-07 08:51 評論(0)閱讀(3)
0

HTML----常用標記(head標記、表格標記、列表標記、div+span)

1. head 標記 <title> 標題 </title>:當前網頁標題 <style> CSS代碼 </style>:寫CSS用的 <link href = " css 文件的地址" rel = " stylesheet " />:引入css文件 <script> javascript 代碼 < ...

是水蜜桃味 發布于 2020-04-07 08:45 評論(0)閱讀(2)
0

HTML----常用標記(表單標記、表單提交)

1. 表單標記 表單作用:為了收集用戶信息的作用,如:登錄、注冊、搜索 文本框 <input type = " text " name = " 名稱 " /> 密碼框 <input type = " password " name = " 名稱 " /> 單選框 <input type = " ra ...

是水蜜桃味 發布于 2020-04-07 08:43 評論(0)閱讀(2)
0

vue分類頁開發--axios數據獲取,localstorage數據緩存

效果圖 1、首先在app.vue中,給路由添加keep-alive,使其能夠被緩存 2、配置路由 router/index.js 3、書寫各部分組件 src/pages/category/header.vue <template> <div class="header"> <i class="ico ...

陳鶯鶯呀 發布于 2020-04-07 05:19 評論(0)閱讀(17)
0

JavaScript連載3-變量內存分析、常量、數據類型

一、變量的內粗分析 1.變量的默認值 (1)如果變量初始化時沒有賦值,那么里面存儲的時undefined (2)示例 var lk; console.log(lk); 2.同時聲明多個變量 兩種方式 var name,age,sex; name = "kdfg"; age = 2; //或者 var ...

心悅君兮君不知-睿 發布于 2020-04-06 22:50 評論(0)閱讀(9)
0

ES6 - 基礎學習(3): const關鍵字的本質

const 是如何做到變量在聲明初始化之后不允許改變的? 其實 const 保證的不是變量的值不允許改變,而是保證該變量指向的內存地址所保存的數據不允許改變。由于簡單數據類型和復合數據類型保存值的方式不同: 對于簡單類型的數據(數值 number、字符串 string 、布爾值 boolean),值 ...

益州府龍騎校尉 發布于 2020-04-06 22:48 評論(0)閱讀(11)
0

vue實現下拉到不同位置改變導航背景色

效果圖 src/components/scroll/index.vue <template> <!-- 通過ref可以獲取到dom對象 --> <swiper class="swiper" :options="swiperOption" ref="swiper"> <div class="mine- ...

陳鶯鶯呀 發布于 2020-04-06 21:10 評論(0)閱讀(17)
0

JavaScript中的作用域

1.全局作用域 JavaScript中,在{}外面的作用域,我們就稱之為全局作用域 2.局部作用域 JavaScript中,在函數后面{}中的作用域,我們就稱之為局部作用域 3.塊級作用域 JavaScript中,只要是沒有和函數結合在一起的{}中的作用域, 我們就稱之為塊級作用域 4.注意點 在塊 ...

陳太浪 發布于 2020-04-06 21:05 評論(0)閱讀(6)
0

vue實現返回頂部組件

當頁面滾動超過一屏時,顯示回到頂部按鈕,點擊回到頂部 效果圖 src/components/scroll/index.vue <template> <!-- 通過ref可以獲取到dom對象 --> <swiper class="swiper" :options="swiperOption" ref= ...

陳鶯鶯呀 發布于 2020-04-06 20:32 評論(0)閱讀(13)
0

JavaScript拖拽效果的原理及實現

JavaScript拖拽效果的原理及實現 JavaScript中實現拖拽效果需要用到 事件偵聽 和 鼠標事件 。事件偵聽是對被拖拽的元素添加事件偵聽,包括mousedown,mousemove,mouseup。 常見的拖拽操作基本就是下面的方式: 1、用鼠標點擊選中被拖拽的元素 2、按住鼠標不放,拖 ...

Sunny向天 發布于 2020-04-06 20:19 評論(0)閱讀(11)
0

vue使用vue-awesome-swiper實現上拉加載更多的效果

效果圖 src/components/scroll/index.vue <template> <!-- 通過ref可以獲取到dom對象 --> <swiper class="swiper" :options="swiperOption" ref="swiper"> <div class="mine- ...

陳鶯鶯呀 發布于 2020-04-06 20:02 評論(0)閱讀(15)
0

HTML5新元素

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html5語義化</title> <style type="text/css"> header, section, footer, aside, nav, ar ...

sjslove 發布于 2020-04-06 19:23 評論(0)閱讀(15)
0

異步執行原理

要知道異步執行原理,就先要了解同步執行。因為計算機程序執行分為同步執行和異步執行。 所謂的同步執行,就是正常的計算機執行的順序流程: 1.順序控制語句 從上至下 從左至右 2.分支控制語句 if switch 3.循環控制語句 for while do...while for...in forEac ...

大列-Tian 發布于 2020-04-06 18:40 評論(0)閱讀(25)
0

js打印正三角實現方法

js打印正三角 點擊查看 "原文地址" ...

神兵小將2016 發布于 2020-04-06 17:56 評論(0)閱讀(16)
0

模擬鍵盤

本文 UI 參考://www.enqgt.com/2979100039-qq-con/archive/2020/04/06/12641603.html 我代碼有一個問題沒有解決,等到js 代碼的時候我會指出,國際慣例,先上效果圖,我所實現的效果就是,鍵值 對應的 字母高亮。 css+ ...

活著ccc 發布于 2020-04-06 17:43 評論(0)閱讀(30)
0

JavaScript(1) -- JS入門

1. JavaScript介紹 JavaScript是屬于HTML與Web的解釋性編程語言,也是一種以函數優先的弱類型輕量級的腳本語言,無需進行預編譯即可與HTML前端頁面進行行為交互,支持跨平臺運行,可在多種平臺下(如Windows、Linux、Mac、Android、iOS等)。目前JavaSc ...

人無名,則可專心練劍 發布于 2020-04-06 16:58 評論(0)閱讀(18)
1

vue實現移動端下拉刷新,更新幻燈片效果

1、修改loading組件,增加設置文字的方法 src/components/loading/index.vue <template> <div class="mine-loading" :class="{'me-loading-inline':inline}"> <span class="mine ...

陳鶯鶯呀 發布于 2020-04-06 15:33 評論(0)閱讀(30)
0

css 動畫 transition和animation

本文參考://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html 1. transition基本用法: <!DOCTYPE html> <html lang="en"> <head> <meta charset ...

活著ccc 發布于 2020-04-06 14:56 評論(0)閱讀(19)
0

新手小白學習web前端必看基礎攻略

本篇文章將給新人小白帶來學習web前端必看攻略。近些年來IT崗位大火,這些攻略是新手小白學習想要學習web前端很值得借鑒的,相信很多人也知道學好一門IT技術并非簡單事,在多年的授業生涯里總結了一套適合新手小白學習web前端必看的基礎攻略,今天就分享給大家。 第一:基礎的重要性 無論做什么都一定要有扎 ...

前端大哥大 發布于 2020-04-06 14:31 評論(0)閱讀(23)
1

使用vue-lazyload實現圖片懶加載

1、安裝插件 cnpm install --save vue-lazyload 2、引入組件 src/main.js 3、頁面中使用懶加載,把 :src 換成 v-lazy 效果圖 ...

陳鶯鶯呀 發布于 2020-04-06 14:08 評論(0)閱讀(23)