原创 vue 自定義事件 兄弟組件間通信

首先 vue 實例有event對象 可以實現自定義事件,實現兄弟組件間通信。 項目結構:event.js 導出vue實例對象  Input.vue 和 list.vue 是兄弟組件 ,index.vue 引入 兩個子組件,實現 Input

原创 vuex五個核心屬性的理解

Vuex的五個核心概念 本文參考自Vue文檔,說的非常詳細,建議看文檔。 Vuex是什麼? VueX 是一個專門爲 Vue.js 應用設計的狀態管理架構,統一管理和維護各個vue組件的可變化狀態(你可以理解成 vue 組件裏的某些 dat

原创 JS 原型原型鏈

 1.創建對象的幾種方式 1)字面量形式  (new Object()不是字面量  因爲o1,o11產生的結果是一樣的所以歸爲一類) var o1={name:'o1'} var o2=new Object({name:'o11'})

原创 手機上調試H5頁面

1.在h5頁面中引入js文件 <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> 2.在全局中或者打印的地方寫 var vConso

原创 js bind函數

<html> <head> <title>手寫bind函數</title> <meta charset="utf-8"> <style> </style> </head> <body> 返回

原创 W3C標準理解

概念:W3C標準   中文名:萬維網聯盟,外文名:World Wide Web Consortium           萬維網聯盟標準不是某一個標準,而是一些列標準的集合。網頁主要有三部分組成:結構(Structure)、表現(Pres

原创 vue 父子組件生命週期調用

遵循 牽頭是父 結尾是父  中間是子。看代碼 1.父組件內容 <template> <div> 我是商品(父組件) <input type="text" v-model="name" style="backgroun

原创 js 通信知識點總結

1 同源策略 瀏覽器限制不同源不能通信,源包括(協議:域名:端口)。非同源時 Cookie LocalStorage和IndexDB不能讀取 DOM無法獲取 AJAX不能請求 2前後端怎麼通信 AJAX (同源) WebSocket(不限

原创 mvvm框架

1 mvvm Object.defineProperty():方法會直接在一個對象上定義一個新屬性,或者修改一個對象的現有屬性,並返回此對象。   M:model  v:view  vm:view-model   2.mvc  view

原创 less和sass

less與sass的區別         在介紹less和sass的區別之前,我們先來了解一下他們的定義: 一、Less、Sass/Scss是什麼? 1、Less:     是一種動態樣式語言. 對CSS賦予了動態語言的特性,如變量、繼

原创 js頁面性能

1.資源壓縮合並,減少http請求 2.非核心代碼異步加載-異步加載的方式-異步加載的區別   異步加載的方式        (1)動態腳本加載  (2) defer   (3) async 異步加載的區別          (1) de

原创 js渲染和運行機制

什麼是DOCTYPE及作用 瀏覽器渲染過程 重排Reflow 重繪Repaint 佈局Layout 什麼是DOCTYPE及作用    DTD(document type definition,文檔類型定義)是一系列的語

原创 網頁三欄佈局五種實現方式(左中右)

適用:高度固定 左右寬度固定 中間自適應  <html> <head> <title>三欄佈局</title> <meta charset="utf-8"> <style> * {

原创 css上下兩欄佈局(上欄固定 下欄自適應)

1.效果圖 <html> <head> <title>上下兩欄佈局(上部固定,下欄自適應)</title> <meta charset="utf-8"> <style> * {

原创 JsRender 前端渲染模板基礎學習

JsRender前端渲染模板 使用模板,可以預先自定義一些固定格式的HTML標籤,在需要顯示數據時,再傳入真實數據組裝並展示在Web頁中;避免了在JS中通過“+”等手動分割、連接字符串的複雜過程;針對高性能和純字符串渲染進行了優化;無需依