原创 簡單瞭解跨域及其解決方案(二)

接着上文 三、 location.hash + iframe跨域 a想與b跨域相互通信,通過中間頁c來實現。 三個頁面,不同域之間利用iframe的location.hash傳值,相同域之間直接js訪問來通信。 具體實現:A域

原创 ES2020的一些新特性

前言 ES2020 是 ECMAScript 對應 2020 年的版本。 這個版本不像 ES6 (ES2015)那樣包含大量新特性。但也添加了許多有趣且有用的特性。 1.私有類變量# 類的主要目的之一是將我們的代碼包含在可

原创 簡單瞭解跨域及其解決方案(一)

1. 什麼是跨域 跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源 一般指 1.) 資源跳轉: A鏈接、重定向、表單提交 2.) 資源嵌入: link、script、img、frame等dom標籤,還有樣式中backgro

原创 webpack 之深入瞭解

概念 webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時,它會遞歸地構建一個依賴關係圖(dependency graph),其中包含應用

原创 尤雨溪在Vue3.0直播中聊到了什麼

本文轉載自 https://juejin.im/post/5e9f6b3251882573a855cd52 1.全新文檔RFCs Vue.js 3.0 Beta發佈後的工作重點是保證穩定性和推進各類庫集成 所有的進度和文檔都

原创 Proxy 的一些認識

1.概述 Proxy 用於修改某些操作的默認行爲,等同於在語言層面做出修改,所以屬於一種“元編程”(meta programming),即對編程語言進行編程。 Proxy 可以理解成,在目標對象之前架設一層“攔截”,外界對該對象的

原创 js 函數三種角色;四種繼承;call,apply ,bind ;類數組轉數組

函數的三種角色 1.普通函數 形參實參 arguments return 執行過程 1.形成私有作用域->2.形參賦值->3.變量提升->4.對this進行指向->5.代碼從上到下執行->6.作用域

原创 js基礎知識應用(2)

js基礎知識應用 JS簡單小記事本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>

原创 js基礎知識(2)

js基礎知識 判斷語句 三個判斷: if else 三元運算符 switch case if else 如果括號中只有一個值,默認轉布爾值 如果在對象中,屬性名不存在,那麼獲取的屬性值永遠是undefin

原创 js原型,對象,面向對象,構造函數

單例模式和工廠模式 單例模式 把描述同一個事物特徵的信息進行分組歸類,放到同一個命名空間下(減少全局變量的污染) var name = 'erya'; var age = 18;

原创 js基礎知識(5)

js基礎知識 獲取DOM的方式及 節點的操作 獲取DOM的方式 1.document.documentElement 獲取HTML 2.document.head 獲取head 3.document.body 獲取bod

原创 js基礎知識(1)

JS 基礎知識 瀏覽器 瀏覽器控制檯 1.Elements: 顯示頁面中的結構和樣式(還可以臨時修改) 2.Console: 可以運行代碼,可以打印頁面中代碼的內容 3.Sources: 存放的是頁面的靜態資源文件

原创 vue小案例 購物車 計算本

購物車 數據 [ { "isSelected": false, "productName": "深入淺出xx", "productInfo": "顏色:xx學習", "productPrice"

原创 瞭解前後端聯調,認識webpack,以及ES6import命令

1.前後端聯調 1.什麼是前後端聯調? 前後端聯合調試 調試接口 當前後端階段性開發完一個模塊以後,前後端項目都提交,後端啓動服務,前端向服務器發送請求,看能不能拿到後端真實的數據,這個驗證雙方接口的過程就是前後端

原创 VUE的路由(vue-router)

VUE的路由(vue-router) • 參考網址:https://router.vuejs.org/zh/ • Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,讓構建單頁面應用變得易