原创 js中的寬度、高度、偏移量問題,offset、client、scroll

經常把這幾個搞混淆,根據《JavaScript高級程序設計》第12章的內容簡單總結下 1、offset,這個是偏移量,包括元素在屏幕上佔用的所有可見的空間。包括所有內邊距、滾動條和邊框大小(注意:不包括外邊距),有4個屬性:off

原创 標準的HTML頭部寫法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional

原创 簡單返回頂部代碼及註釋說明

1. 最簡單的靜態返回頂部,點擊直接跳轉頁面頂部,常見於固定放置在頁面底部返回頂部功能 方法一:用命名錨點擊返回到頂部預設的id爲top的元素 html代碼 返回頂部 方法二:操作scrooll函數用來控制滾動條的位置(第一

原创 1分鐘私有部署 接口管理工具Rap

阿里開源的接口管理工具 Rap 擁有衆多使用者,支持接口文檔管理、Mock、導出等功能 但是其私有化部署一直是一個槽點 但這次,官方更新支持 Docker 一鍵部署 爲私有化部署提供了非常便利的條件 github地址:https://git

原创 vue cli 3.x 的坑之 px2rem-loader

使用 vue cli 3.x腳手架搭建項目,在 vue.config.js 裏面配置 px2rem-loader 後,一直報錯 Module build failed (from ./node_modules/px2rem-loader/i

原创 微信小程序的坑之wx.miniProgram.postMessage

工作中有個需求是小程序的網頁在關閉的時候,需要回傳給小程序一個參數 查閱小程序官方文檔,有這樣一個接口 wx.miniProgram.postMessage ,可以用來從網頁向小程序發送消息,然後通過 bindmessage 事件來監聽消息

原创 Javascript單元測試

看到一個面試題,問是否用過單元測試,趕緊查查資料,總結如下: 1、什麼是單元測試 在計算機編程中,單元測試(又稱爲模塊測試)是針對程序模塊(軟件設計的最小單位)來進行正確性檢驗的測試工作。程序單元是應用的最小可測試部件。在過程化編程中,一

原创 神奇的table-cell

今日做阿里前端筆試,遇到需要實現兩個文本框自適應等高,用的table-cell實現的,之前只知道可以用來垂直居中,查查資料發現有如此多好的用處,遂轉載一篇他人總結的文章。 拋棄table的兼容性、seo、加載等與本文無關的內容不談,只看屬

原创 Linux下 SVN 安裝

Linux svn服務端配置 檢查已安裝版本 //檢查是否安裝了低版本的SVN [root@localhost /]#rpm -qa subversion //如果存儲舊版本,卸載舊版本SVN [root@localhost module

原创 JavaScript中對象類型判斷的幾種方法

JavaScript中檢測對象類型的運算符有:typeof、instanceof,還有對象的constructor屬性 1. typeof 運算符 typeof是一元運算符,返回結果是一個說明運算數類型的字符串。如:"numbe

原创 兩種盒模型(瀏覽器的兩種模式quirks mode 和strict mode)

要想寫出跨瀏覽器的CSS,必須知道瀏覽器解析CSS的兩種模式:標準模式(strict mode)和怪異模式(quirks mode)。 所謂的標準模式是指,瀏覽器按W3C標準解析執行代碼;怪異模式則是使用瀏覽器自己的方式解析執行代碼,因

原创 JS設置cookie、讀取cookie、刪除cookie的三個方法

JavaScript是運行在客戶端的腳本,因此一般是不能夠設置Session的,因爲Session是運行在服務器端的。 而cookie是運行在客戶端的,所以可以用JS來設置cookie. 假設有這樣一種情況,在某個用例流程中,由A頁面跳

原创 iframe的跨域問題

一般分兩種情況: 一、 是同主域下面,不同子域之間的跨域;   同主域,不同子域跨域,設置相同的document.domian就可以解決; 父頁訪問子頁,可以document.getElementById(“myframe”).cont

原创 好文收藏

1、詳解js跨域問題 2、JavaScript中的this陷阱的最全收集–沒有之一 3、jQuery設計思想——阮一峯 4、jQuery最佳實踐——阮一峯 5、Web攻防之XSS,CSRF,SQL注入

原创 ajax整理

  大家都知道Ajax並非一種新的技術,而是幾種原有技術的結合體。它由下列技術組合而成。 1、使用CSS和XHTML來表示。 2、使用DOM模型來交互和動態顯示。 3、使用XMLHttpRequest來和服務器進行異步通信。 4、使