原创 Web 的現狀 :網頁性能提升指南
技術人員經常會發現自己處於特權狀態。隨着最新的高端筆記本電腦、手機和快速有線互聯網連接 ,很容易讓我們忘記 ,這些並不是每個人都有的條件 (實際上 ,真的很少 )。 如果我們從特權和缺乏同情的角度來構建網絡平臺 ,那麼將導致排他
原创 定時任務高效觸發
開發中我們經常會遇到一些需要定時來解決的業務場景。比如,有這樣一個需求:“如果連續30s沒有請求包(例如登錄,消息,keepalive包),服務端就要將這個用戶的狀態置爲離線”。 輪詢處理 將所有任務都添加到某集合中,定時輪詢掃描,
原创 防 SQL 注入的五種方式
一、SQL注入簡介 SQL注入是比較常見的網絡攻擊方式之一,它不是利用操作系統的BUG來實現攻擊,而是針對程序員編程時的疏忽,通過SQL語句,實現無帳號登錄,甚至篡改數據庫。二、SQL注入攻擊的總體思路1.尋找到SQL注入的位置2.
原创 從移動端click到搖一搖
正文從這開始~ 以前聽到前輩們說移動端儘量不要使用click,click會比較遲鈍,能用touchstart還是用touchstart。但是用touchstart會有一個問題,用戶在滑動頁面的時候要是不小心碰到了相關元素也會觸發t
原创 JQuery中serialize() 序列化
JQuery中serialize() 序列化 在jQuery中,當我們使用ajax時,常常需要拼裝input數據以鍵值對(Key/Value)的形式發送到服務器,用JQuery的serialize方法可以輕鬆的完成這個工作,
原创 JS 中可以提升幸福度的小技巧
JS 中可以提升幸福度的小技巧1. 類型強制轉換1.1 string強制轉換爲數字1.2 object強制轉化爲string1.3 使用Boolean過濾數組中的所有假值1.4 雙位運算符 ~~1.5 短路運算符1.6 取整 |0
原创 性能優化之 ---- 圖片
圖片太多或者太大將導致頁面加載完成緩慢:圖片太多導致向服務器請求的次數太多,圖片太大導致每次請求的時間過長。 以下是幾種優化方案: 1、將圖片服務與應用服務分離: 對於服務器來說,圖片始終是最消耗系統資源的,如果將圖片服務和應用服務放
原创 Web技術應用規範(草案)
第一章 總則 第一條 目的 前端開發是一系列工具和流程的集合,本規範旨在提升前端代碼的質量,對前端開發進行全方位指導,統一編碼規範、提高可讀性、降低維護成本,以實現高效、可持續的工作流。 第二條 範圍 本標準適用於所有的Web應用及App
原创 常用 Git 命令清單
我們每天使用 Git ,但是很多命令記不住。 一般來說,日常使用只要記住下圖6個命令,就可以了。但是熟練使用,恐怕要記住60~100個命令。 下面是我整理的常用 Git 命令清單,清單是供大家查缺補漏的,大家可以預覽下以下清單,看自
原创 風馬牛不相及之 --- 2018新版個稅稅率表
前言 今日人大官網發佈了新的個稅調整方案,雖然起徵點的提高還是讓羣衆有頗多異議,但總體政策還是面向羣衆呼聲的。稅率級差的擴大等,讓人民更有獲得感。大幅降低了10–20k,20k–30k收入羣衆的稅負負擔,而這一階層正是即將踏入中產階級的中
原创 新員工試用期月度總結
所屬部門: 研發中心 姓名: *** 入職日期: ****** 一、 第1月目標: a) 明確工作目標及自身工作職責 b) 開發並維護****項目各模塊****工作 c) 重構部分項目**代碼 d)
原创 dom更新監聽之 --- Mutation Observer API
1. 概述 2. MutationObserver 構造函數 3. MutationObserver 的實例方法 3.1 observe() 3.2 disconnect(),takeRecords() 4. MutationR
原创 Event Loop 事件循環機制
PART 1:規範 爲什麼要有Event Loop? 小測試(1) 定義 繼續測試(2) PART 2:實現 小測試(3) Chrome中的timer Node中的timer Node中的Event Loop 重新挑戰測試(2)
原创 前端常用代碼片段
一、預加載圖像 如果你的網頁中需要使用大量初始不可見的(例如,懸停的)圖像,那麼可以預加載這些圖像。 $.preloadImages = function () { for (var i = 0; i < arguments.le
原创 高階函數:Filter、Map和Reduce
前言 高階函數可以幫助你增強你的JavaScript,讓你的代碼更具有聲明性。簡單來說,就是簡單,簡練,可讀。 知道什麼時候和怎樣使用高階函數是至關重要的。它們可以讓你的代碼更容易理解和具有更好的可維護性。它們也可以讓你很輕鬆的進行函數間