原创 三種Webpack打包方式

準備工作 mkdir webpack_demo && cd webpack_demo #新建文件夾 npm init #創建package.json文件 npm install --save-dev webpack #

原创 JavaScript對象——遍歷

JavaScript中的數據結構有四種: 數組(也是對象) 對象 Map(ES6新增) Set(ES6新增) 數組和對象大家應該很熟悉了,下面介紹一下Map和Set。 Map 學過Java的同學應該很清楚(我怎麼感覺JavaS

原创 前端代碼重構

重構指的是在不改變代碼外部行爲的情況下進行源代碼修改。 重構的目的主要是提高代碼的可維護性、可讀性和性能。 重構之前需要考慮的是重構後如何才能保證外部行爲不改變。 重構的過程主要分爲如下幾個步驟: 1、刪除無用

原创 Node.js瀏覽器調試

利用node-inspector調試工具進行調試。 1、執行命令npm install -g node-inspector安裝node-inspector。 2、終端cd到需要調試的腳本的路徑,執行命令node –debug-

原创 正則表達式:後向引用

預備知識 replace()方法大家一定很熟悉了吧, stringObject.replace(regexp/substr,replacement) w3school裏面有一段話相信大家也看過了: 注意:ECMAScript v

原创 JavaScript對象——屬性描述符

定義對象有兩種方式: var obj = {"a":1,"b":2} 或者 var obj = new Object(); obj.a = 1; obj.b = 2; 我們一般都會用第一種方式吧?第二個還要逐個添加呢,太麻煩了。

原创 CSS浮動

前言:相信很多人都看過浮動,但是卻雲裏霧裏的,不怎麼理解。今天將我理解的浮動知識整理分享一下。 浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框爲止。 由於浮動框不在文檔的普通流中,所以文檔的普通流中的塊

原创 JavaScript原型——繼承

像Java這樣面向類的語言,繼承就是子類與母類的關係,動物類下面有貓類、狗類等等,每個類都有自己的特性。但是,JavaScript沒有類(至少在ES6之前),採用原型繼承: 原型風格的代碼: function Foo(name

原创 文章標題

視頻 點贊 收藏 分享 文章舉報 高手墳墓丶 發佈了154 篇原創文章 · 獲贊 18 · 訪問量 9萬+ 私信

原创 JavaScript原型——構造函數

沒有構造函數,只有對函數的構造調用。 構造函數是在類中的知識,很多人以爲JavaScript中也有構造函數是因爲這樣的代碼: function Foo() { //... } var a = new Foo(); 認

原创 js ~操作符(字位操作"非")詳解

基本概念: 這是js中的一元操作符:按位取反。 計算規則爲: ~x = -(x+1); 即:~-1 = 0、~1 = -2。 解釋: 下面我將從計算機組成原理方面詳細解釋一下,在看懂下面表格之前要有一點基本知識: 計算機中

原创 零寬斷言

看到這個標題是不是虎軀一震,啥玩意啊?彆着急,別看這個名詞生僻,下面的…更加生僻哈哈哈。 言歸正傳,不管它叫啥,我們會用就行了。零寬嘛,就是沒有寬度,只匹配位置,不匹配內容,是不是想起來了,對的,就是類似於^、$、\b這種。

原创 凱撒密碼

本文轉載自: 楊建,轉載請註明出處。 凱撒密碼是位移變換。位移量可以自己定,比如約定A->B,B->C,。。。,Y->Z,Z->A這種位移爲1的規則,也可以爲其它。比如我和你之間是通過凱撒密碼通信的,我問你:今天吃啥?你說:BQ

原创 Node.js連接mysql數據庫

今天用node.js連接數據庫並操作了一下數據表。這個本身很簡單,最大的坑就是數據庫mysql不是我安裝的,密碼不對,弄了好久才成功。下面是我從零開始連接數據庫mysql: 1、新建一個文件夾,我就在桌面建了一個叫mysqlTe

原创 JavaScript原型——對象關聯

檢查“類”關係 在Java這些面向類的語言中,檢查一個實例的繼承祖先叫做反射。在JavaScript裏面,怎麼檢查對象的委託關聯呢? function Foo() { //... } var a =new Foo();