原创 理解最基本的Vue項目

上一篇《Vue開發環境搭建及熱更新》,我們講解了vue開發環境的搭建還有一些小問題,接下來我們來講解一下這個界面是如何形成的。 在開始講之前,我們先來看看我們上一篇所謂的項目目錄裏面到底放着什麼。 1.index.html文件入口

原创 Angular2服務

vue是MVVM框架中相對angular和react 比較容易入手的,有了vue的基礎來看angular確實挺有幫助的,但是看到路由的時候,很多angular路由的TypeScript語法和思維確實有些讓我轉不過彎,下面我就來總結一下我學

原创 一款查詢天氣的WebApp

一、WebApp介紹 1.初始界面 2.搜索結果頁面 二、項目代碼 1.項目目錄 --------app ----------app.component.ts ----------app.component.css ---------

原创 關於vue-cli3的瀏覽器兼容性

這裏先給出幾個鏈接: 1.Vue-cli瀏覽器兼容性:https://cli.vuejs.org/guide/browser-compatibility.html#usebuiltins-usage 2.browserslist:http

原创 過濾器集filters

filters 一個過濾器集 github地址 一、包含的過濾器 過濾器 作用 filterToDateAndTime 將時間轉換成規定格式 filterToDecimal 最多保留幾位小數 filterToSystem 簡單的進制轉換

原创 vue字符滾動插件

CharacterRoll 一個儘可能讓開發者自定義的字符滾動插件 一、使用方法 npm i character-roll -S import CharacterRoll from 'character-roll'; compone

原创 一個基於vue的畫板palette

palette 一個多功能畫板 目前畫板擁有的功能: 1.畫任意曲線; 2.兩點或兩點以上連成直線或折線; 3.三點或三點以上形成封閉空心圖形和實心圖形; 4.畫圓形,可以編輯大小和位置; 5.畫矩形,可以編輯大小和位置; 6.橡皮擦 7

原创 JavaScript編寫棋盤覆蓋

一、前言 之前做了一個算法作業,叫做棋盤覆蓋,本來需要用c語言來編寫的,但是因爲我的c語言是半桶水(哈哈),所以索性就把網上的c語言寫法改成JavaScript寫法,並且把它的覆蓋效果顯示出來 二、關鍵代碼 <!DOCTYPE html>

原创 vue項目模擬後臺數據

這次我們來模擬一些後臺數據,然後去請求它並且將其渲染到界面上。關於項目的搭建鄙人斗膽向大家推薦我的一篇隨筆《Vue開發環境搭建及熱更新》 一、數據建立 我這裏爲了演示這個過程所以自己編寫了這個data.json文件 { "school"

原创 Vue開發環境搭建及熱更新

寫這篇博客的目的是讓廣大的學者在初入Vue項目的時候少走些彎路,雖然現在有很多博客也有差不多的內容,但是博主在裏面添加了一些學習時碰到的小問題。在閱讀這篇博客之前,我先給大家推薦一篇文章《入門Webpack,看這篇就夠了》(網址:http

原创 vue2.0移除或更改的一些東西

一、vue2.0移除了$index和$key 雖然說現在很多文章說他們的代碼是vue2.0版本的,但是有一些仔細一看,發現並不全是2.0版本,有些語法還是1.0的版本,比如這個$index,$key,這兩個壓根就不是2.0的寫法,2.0早

原创 一個基於ES5的vue小demo

由於現在很多vue項目都是基於ES6開發的,而我學vue的時候大多是看vue官網的API,是基於ES5的,所以對於剛接觸項目的我來說要轉變爲項目的模塊化寫法確實有些挑戰。因此,我打算先做一個基於ES5的vue小demo,再把這個demo寫

原创 兩個盒模型之間的空隙

html文檔中的每個元素都被描繪成矩形盒子,這些矩形盒子通過一個模型來描述其佔用空間,這個模型稱爲盒模型。盒模型通過四個邊界來描述:margin(外邊距),border(邊框),padding(內邊距),content(內容區域),這個大

原创 移動端關於手機搖一搖(IOS13+一些問題)

一說到移動端H5的搖一搖,經過查閱資料很容易就找到shake.js這個封裝好的api,具體的使用方法參考這個網址: https://www.npmjs.com/package/shake.js 但是有些開發者會發現自己按照文檔編寫,拼命晃

原创 React的setState方法

React的setState方法,可以接收兩個參數,一個是對象/函數【必須】,一個是回調方法callback【非必須】 這是setState部分的源碼 Component.prototype.setState = functio