原创 手機訪問本地項目實現遠程調試的幾種辦法

一、在服務器環境下通過IP訪問 首先搭建一個服務器環境或者下載現成的程序集成包(比如phpstudy、jspstudy等)。 確保服務器和手機連接在同一網段。如果是筆記本的話,手機和筆記本直接連接在同一wifi下,如果是臺

原创 webpack(三)本地服務器環境配置

webpack配置文件 之前是依賴全局環境下的打包過程,下面將 webpack 安裝到項目的依賴中,這樣就可以使用項目本地版本的 webpack 首先創建package.json文件: npm init 自動生成後如下: {

原创 node.getAttribute('someAttribute')和node.someAttribute的區別

「node.getAttribute(‘someAttribute’)」獲取的是「attribute」,而「node.someAttribute」獲取的是元素的「property」,二者並不相同。 在大多數情況下「property

原创 JQ的hover方法與mouseenter、mouseleave、mousemove、mouseover、mouseout 之間的關係

這幾個都是JQ處理鼠標hover相關的事件。下面對其之間的區別和聯繫做一下詳細分析。 mouseenter 當鼠標指針穿過元素時,會發生 mouseenter 事件。該事件大多數時候會與mouseleave 事件一起使用。

原创 Css Stacking Context

最近寫了一個靜態頁面的時候,出現了一個不常見bug,佈局在safari下會出現錯亂,但是在firefox、chrome、甚至低版本的IE下都是正常的。仔細排查之後才發現原來是一個彈窗modal的z-index影響的,該彈窗css設

原创 webpack(一)安裝

webpack? webpack是一個模塊打包器,它將根據模塊的依賴關係進行靜態分析,然後將這些模塊按照指定的規則生成對應的靜態資源。 打包核心原理:分塊傳輸,按需進行懶加載,在實際用到某些模塊的時候再增量更新,纔是較爲合理的模塊

原创 JavaScript中undefined和null的異同

JavaScript兩個表示”無”的值:undefined和null。我在平時只是null用的多一點,undefined只是在報錯中經常遇到。下面針對這兩個數據類型的異同做一下詳細的比較。 undefined和null在if語句

原创 MongoDB windows64及32位安裝

一,MongoDB win 64位安裝 1.MongoDB? MongoDB 是一個跨平臺的,面向文檔的數據庫,提供高性能,高可用性和可擴展性方便。 2.windows 下64位的安裝過程 在mongodb官網下載自己電腦適配的

原创 webpack(二)配置

webpack項目配置 之前已經安裝過webpack全局環境,下面結合項目看一下打包過程。 首先創建一個靜態頁面 index.html 和一個 JS 入口文件 entry.js: <!-- index.html --> <htm

原创 javaScript的!邏輯運算符小技巧整理

下面是返回true的情況 !null //true !undefined //true !0 //true !NaN //true !"" //true 下面是返回false的情況 !Array //fa

原创 解決IE8下CSS3選擇器 :nth-child() 不兼容的問題

1.定義和用法 :nth-child(n) 選擇器匹配屬於其父元素的第 N 個子元素,不論元素的類型。 n 可以是數字、關鍵詞或公式。 <ul> <li>1</li> <li>2</li> <li>3</

原创 Sublime Text3 和Atom相關插件的安裝和使用

Sublime Text3 一、Sublime Text3安裝preap主題 Sublime Text3作爲前端開發的神器,一直備受fer的青睞。下面給Sublime Text3安裝preap主題來替換默認主題。 先上圖: 安

原创 解決網站部分用戶訪問browserconfig.xml文件返回404的問題

問題描述 部分用戶訪問網站時,檢測日誌出現url(http://www.xxx.cn/browserconfig.xml)這個返回404.網上一搜才知道,這是ie11的磁貼(https://msdn.microsoft.com/

原创 node.js windows 64位安裝

1.下載 到nodeJS官方網站下載自己電腦適配的版本:http://www.rs05.com/ 下面以最新版本6.2.0爲安裝實例 修改默認路徑C:\Program Files\nodejs\ 打開命令提示符窗口cmd,輸

原创 webpack(四)本地服務器環境配置

配置內置環境 啓動webpack內置環境以後每次修改都會自動打包,在這一步將配置瀏覽器的自動刷新,讓其更加自動化。 修改package.json 的 scripts 部分 { "scripts": { "build