原创 前端開發工具DevTools的詳細知識點總結(四)

文章目錄element面板擴展之DOM查看DOM節點檢查元素節點(一些重要的基礎操作)使用鍵盤導航DOM樹Scroll into view搜索節點編輯DOM編輯功能重排序節點Force state隱藏結點刪除結點DOM斷點右鍵功能

原创 前端開發工具DevTools的詳細知識點總結(三)之js調試

文章目錄source面板代碼編輯器編輯 CSS 和 JavaScript文件瀏覽器Snippets功能區JavaScript調試斷點類型調試工具結語 source面板 在前面的博客裏講述過Element面板以及Console面板,

原创 前端開發工具DevTools的詳細知識點總結(二)之前端數據庫

文章目錄devtools裏的前端數據庫WebSQLIndexDBjs代碼操作前端數據庫WebSQL核心方法打開/創建數據庫添加數據完整小案例IndexDB打開/創建數據庫添加數據結語 devtools裏的前端數據庫 在devtoo

原创 前端開發工具DevTools的詳細知識點總結(一)

文章目錄打開DevTools元素面板Style面板Computed面板devtools取色器控制檯面板基本功能介紹控制檯應用網絡面板功能區介紹分析請求結語 打開DevTools devtools,即Chrome 開發者工具,Chr

原创 一個完整詳細的二維SVR案例分析過程

文章目錄 案例介紹 數據預處理 函數擬合仿真 SVR建模 模型調參 案例介紹 # 首先,此次案例是以油氣開發爲背景,選取加粗樣式其中重要的兩個參數含油飽和度和孔隙度分別作爲此次案例的自變量和因變量進行試驗。按照正常的案例分析步

原创 react框架學習總結(純乾貨)

首先,我先給出我學習react框架的參考教程,以下內容都是我依據此教程的個人總結。react教程 React與JSX: function Square(props) { return ( <button c

原创 es6之異步編程(學習小結)

最近開始學習es6的新語法特性,我參看的教程是阮一峯老師的教程,這個教程真的寫得非常好,有興趣進行全面學習的夥伴可以參看此教程。教程鏈接:ES6入門教程 相比es5的語法特性,es6最爲突出的兩大特性非module,class和異

原创 谷歌搜索頁面(sass版本)

下圖是頁面效果: 按下F12鍵打開開發者工具將body的classname改成theme-dark,效果圖如下: 大家可以點擊右邊的網址自行體驗:谷歌搜索頁面 展示完效果,接下來進入正文講解。 首先,此效果是基於sass語法來

原创 新版Excel(完結版)

上篇博客講述了此mvc版本的Excel的model層實現,這裏我繼續上篇博客的內容,把剩下的內容敘述完。最終效果:新版Excel 首先,我先描述下次版本的Excel在功能上與上個版本的相同點與不同點: 在表的結構上,此次表爲動

原创 js之mvcExcel(一)

這一期,我使用面向對象的風格來重構我上版的Excel代碼。並且這一次基於最近的面向對象的calculator的基礎上使用MVC的框架來進行實現。這篇博客,我將講解最爲重要的model層的實現思路。 model層,即模型層,用於創建

原创 js面向對象實現win10計算功能(es6新語法項目的簡單啓動方式)

此篇是繼續上篇的內容的補充,上篇博客只完整了基本面向對象的框架搭建等步驟,而最重要的核心算法部分卻未講解,此篇博客將詳細的講解如何實現win10基本計算器的後臺算法。 由於篇幅有限,這裏我只講解算法,完整源碼可以點擊右邊githu

原创 js之面向對象編碼風格

我們知道js是一門弱類型語言,相比於強類型語言,它有很多不支持的語法特性,但是這並不代表它不能夠實現面向對象的編程特性。雖然前端代碼在實現功能的操作上,用面向過程的風格會感覺更容易,也更簡便,但是深層考慮到設計模式的代碼規範還是建

原创 autoplay標籤在chrome中失效的問題

早在我的第一期前端五子棋中就遇到這個令人頭疼的問題,最開始是由於谷歌版本的更新,爲了更安全所以就取消autoplay這個自動播放的功能,後來我也再網上搜索到了很多解決方案,也只是瞎貓碰到死耗子恰巧解決了整個問題,至於我在前端五子棋

原创 前端五子棋第二版

試玩鏈接:五子棋 效果圖如下: 與上個版本相比,主要實現了兩個功能: 一個是處理的音效消失的bug,另一個是新增了人機模式。 先說說背景音效的問題,其實解決方案很簡單,就是把中文的MP3音樂名改成英文名字即可。 直接上代碼: H

原创 SVR的簡單實例應用

在開始實例應用前先明確一般的操作步驟: 導入數據 分割訓練集和測試集 數據預處理 建模 模型測試與模型評價 話不多說,我們直接開始吧! 導入數據: # 導入需要的庫函數 import pandas as pd import n