原创 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中通過“+”等手動分割、連接字符串的複雜過程;針對高性能和純字符串渲染進行了優化;無需依