原创 在vue項目中使用輪詢器《輪詢》

<template> <div> {{text}} </div> </template> <script> export default { props: { }, data () { retur

原创 Web前端基礎知識總結

  一、HTML和CSS 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什麼? IE: trident內核 Firefox:gecko內核 Safari:webkit內核 Opera:以前是presto內核,Opera現已改用Go

原创 在vue項目中 使用driver.js來進行頁面分步引導

driver.js 特色功能: 突出顯示頁面上的任何任何項目 鎖定用戶交互 創建功能介紹 爲用戶添加聚焦器 高度可定製 – 可在任何地方使用,可覆蓋 界面友好 – 可通過按鍵控制 輕量級 – gzip 壓縮後只有約4kb 在所有主流瀏覽器

原创 vscode開發vue項目自動整理代碼

安裝必要的插件   配置文件 { "window.zoomLevel": 0, "px-to-rem.px-per-rem": 100, "workbench.editor.enablePreview": false,

原创 uni-app快速入手 ——(3)生命週期

應用生命週期 uni-app 支持如下應用生命週期函數: 函數名 說明 onLaunch 當uni-app 初始化完成時觸發(全局只觸發一次) onShow 當 uni-app 啓動,或從後臺進入前臺顯示 onHide 當 uni-app

原创 uni-app快速入手 ——(1)學會搭建基礎項目,如何建uni-app項目和運行

uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼,可發佈到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個平臺。 DCloud公司擁有420萬開發者,幾十萬應用

原创 uni-app快速入手 ——(6)uni.navigateBack返回上一頁如何刷新數據,調取上一頁的事件

pageA 頁面A 事件 refreshRequest() { //刷新數據事件 }, pageB 頁面B // 返回刷新 backPageRefresh(){ let pages =

原创 uni-app快速入手 ——(2)uni-app 事件處理、事件綁定、事件傳參,uni-app事件對應web事件

uni-app 的 事件處理器 幾乎全支持 Vue官方文檔:事件處理器 // 事件映射表,左側爲 WEB 事件,右側爲 ``uni-app`` 對應事件 { click: 'tap', touchstart: 'touc

原创 js函數防抖 節流

一、什麼是函數防抖 概念:函數防抖(debounce),就是指觸發事件後,在 n 秒內函數只能執行一次,如果觸發事件後在 n 秒內又觸發了事件,則會重新計算函數延執行時間。 二、爲什麼需要函數防抖   前端開發過程中,有一些事件,常見的例

原创 uni-app快速入手 ——(4)項目實戰 一 搭建項目,tabBar設置和單頁page設置

tabBar 的屬性配置  官方文檔鏈接https://uniapp.dcloud.io/collocation/pages?id=tabbar   在page.json中配置 例如: { "pages": [ //pages數組中第

原创 uni-app快速入手 ——(5)項目實戰 一 自定義組件+組件傳值,uni.createAnimation()在app中如果是數組渲染的話無效果解決

在項目搭建中可能某一模塊頻繁使用,這樣爲了方便組件的複用性,就可以單獨建一個組件使用 本文說演示示例是一個評分打星星組件 一、首先在項目中建文件 名稱爲 components uni-app組件目錄 和vue項目一樣 在component

原创 uni-app學習之路 ——(2)uni-app 事件處理、事件綁定、事件傳參,uni-app事件對應web事件

uni-app 的 事件處理器 幾乎全支持 Vue官方文檔:事件處理器 // 事件映射表,左側爲 WEB 事件,右側爲 ``uni-app`` 對應事件 { click: 'tap', touchstart: 'touc

原创 uni-app學習之路 ——(1)學會搭建基礎項目,如何建uni-app項目和運行

uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼,可發佈到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個平臺。 DCloud公司擁有420萬開發者,幾十萬應用

原创 vue中設置背景音樂

<audio :src="MP3" loop ref="MusicPlay"></audio> musicPause () { this.$refs.MusicPlay.

原创 在vue項目中使用v-viewer,圖片方法,旋轉,縮小等操作

第一步、安裝 npm install v-viewer --save 第二步、在項目中引用   //    在main.js中全局引用 import Viewer from "v-viewer"// 圖片預覽 import "view