原创 Vue.js框架入門之指令(三)

Vue.js框架入門之指令(三)使用class樣式使用內聯樣式(style 屬性綁定的數據即爲內聯樣式)v-for條件渲染1.v-if/v-else2.v-show3.v-if 與v-show的區別 使用class樣式 數組

原创 html+css+bootstrap的一個精美餐飲界面

html+css+bootstrap的一個精美餐飲界面 先來個圖看看效果 這個界面用到了bootstrap,使得我們的界面不需要太多的代碼即可實現我們的網頁自適應效果,實現了我們的一套代碼多場景可用,極大的簡化了代碼。項目中的註

原创 安卓android-ServiceTest

安卓android-ServiceTest1.先定義一個服務2.編寫XMl3.編寫MyService.java4.編寫MainActivity.java5.查看運行結果 1.先定義一個服務 新建一個項目,然後右擊com.diyih

原创 Vue.js框架入門之vue簡介及其基本語法(一)

Vue.js框架入門之vue簡介(一)一、什麼是Vue.js?二、MVC、MVVM模式簡介1、MVC:Model(模型)+View(視圖)+controller(控制器)2、MVVM:Model(模型)+View(視圖)+View

原创 Vue.js框架入門之組件(上)(八)

Vue.js框架入門之組件(上)(八)定義Vue組件全局組件定義的三種方式1.使用 Vue.extend 配合 Vue.component 方法:2.直接使用 Vue.component 方法:3.將模板字符串,定義到script

原创 HTML+CSS模仿京東官網的靜態界面

HTML+CSS模仿京東官網的靜態界面 先來個圖看看效果 這個界面幾乎用到了我們html和css中所有的知識,十分適合我們的前端程序猿查看,而且註釋也十分的齊全,如若需要可下載來看看。下面是下載鏈接 demo下載鏈接

原创 JS-貪喫蛇小遊戲(原生js)

JS-貪喫蛇小遊戲(原生js)實現該效果的思路分析詳細代碼可免費下載下面👇資源進行查看部分代碼 實現該效果的思路分析 思路分析 1 使用random方法,先實現隨機生成食物(food.js) 2 創建蛇對象,實現蛇的move方法

原创 Vue.js框架入門之指令(二)

Vue.js框架入門之指令(二)插值表達式文本HTMLJavaScript表達式指令v-cloakv-textv-htmlv-bindv-bind的三種用法v-on事件修飾符v-model Vue.js爲了讓我們脫離對DOM的操作

原创 安卓android-mac下android studio快捷鍵的使用

安卓android-mac下android studio快捷鍵的使用 option + enter 自動修正(Android Studio自動導包) control + option + space 代碼提示 command +

原创 Vue.js框架入門之過濾器(四)

Vue.js框架入門之過濾器(四)全局過濾器不帶參數的全局過濾器帶參數的全局過濾器私有過濾器總結 過濾器 概念:Vue.js 允許你自定義過濾器,可被用作一些常見的文本格式化。過濾器可以用在兩個地方:mustache 插值和 v-

原创 Vue.js框架入門之動畫(七)

Vue.js框架入門之動畫(七)動畫的介紹使用 transition 元素,把 需要被動畫控制的元素,包裹起來當界面需要多處使用動畫時,我們可以給動畫命名實現多動畫的使用使用第三方類實現動畫使用動畫鉤子函數動畫-列表動畫的實現 動

原创 Vue.js框架入門之生命週期(五)

Vue.js框架入門之生命週期與自定義指令(五)生命週期 生命週期 首先,我們先來看一下Vue中的生命週期圖,通過這個圖,我們可以看到Vue中的各種內置函數的執行順序與執行時間,通過了解這些相關知識,對於後續我們對Vue.js的學

原创 Vue.js框架入門之組件(下)(九)

Vue.js框架入門之組件(下)(九)組件中的傳值父組件向子組件傳值父組件把方法傳遞給子組件子組件向父組件傳值使用 `this.$refs` 來獲取元素和組件 組件中的傳值 父組件向子組件傳值 組件實例定義方式,注意:一定要使用

原创 Vue.js框架入門之自定義指令(六)

Vue.js框架入門之自定義指令(六)自定義全局指令自定義私有指令自定義指令的使用方式 自定義全局指令 // 自定義全局指令 v-focus,爲綁定的元素自動獲取焦點: Vue.directive('focus', {

原创 Vue.js框架入門之路由(十)

Vue.js框架入門之路由(十)什麼是路由在 vue 中路由的基本使用路由傳參使用query方式傳參使用params方式傳參路由嵌套使用children屬性實現路由嵌套命名視圖實現經典佈局watch屬性的使用computed計算屬