原创 npm 安裝依賴時報錯npm ERR! code Z_BUF_ERROR npm ERR! errno -5 npm ERR! zlib: unexpected end of file
記錄一下這個問題吧 我家裏新買的電腦 然後裝了個node 執行完npm init 之後 當然是裝一些依賴了 ，當裝依賴的時候 就報錯了 我是這樣處理的： 1. 先把淘寶的鏡像裝上了 npm install -g c
2019-04-12 01:39:24
4
原创 獲取cookie和設置cookie，設置cookie有效時間
整理一份操作cookie的代碼 export const docCookies = { getItem: function (sKey) { return decodeURIComponent(document.cook
2019-03-23 01:39:49
原创 js對number類型數字取整和取餘
js取整數、取餘數的方法 取整 1.取整 // 丟棄小數部分,保留整數部分 parseInt(5/2) // 2 2.向上取整 // 向上取整,有小數就整數部分加1 Math.ceil(5/2) // 3 3.向下取
2019-02-27 20:33:39
原创 flex佈局實現上下固定，中間滑動的佈局方式
例如這樣的一個頁面，希望有個頭圖，有個底部的底欄，中部內容區域可滑動。 簡單介紹一下如何實現： 固定頭部和尾部，中間部分可滑動，使用flex佈局 1.設置html，body高度爲100% 2.設置最外層div的
2019-02-21 16:48:41
4
原创 微信分享鏈接中的from=singlemessage&isappinstalled=0
微信分享會根據分享的不同,爲原始鏈接拼接如下參數: 對於ios手機在微信中的分享 朋友圈 from=timeline&isappinstalled=0 微信羣 from=groupmessage&isappinstalled=
2019-02-14 20:30:45
2
原创 移動端設置fontSize，使用less，設計圖2倍圖（750px）
在head中插入如下js，根據屏幕寬度設置字體大小 <script> ; (function () { // rem換算zx var resizeEvt = "orientationchange
2019-01-12 20:14:53
原创 微信瀏覽器input關閉鍵盤後導致頁面底部空缺問題解決方案
昨天遇到一個問題，移動端頁面中有一個input框 點擊時彈出軟鍵盤，關閉時頁面底部空白出一部分，然後滑動一下又恢復原狀了。 這個問題是在部分ios手機裏出現的，目前安卓手機沒有復現。 猜測：在微信webview打開我們h5頁面的時候，
2018-12-29 21:39:36
4
原创 xhrFields:{ withCredentials: true }使用post請求，該參數作用詳解
自從HTML5利用CORS實現了跨域資源共享之後，無論是POST方式還是GET方式，我們都可以用ajax來跨域訪問資源，但是我們要怎麼用CORS 這裏我用jquery的ajax爲例， 因爲在默認情況下，跨源請求不提供憑據(cook
2018-12-29 21:39:36
2
原创 css寫一個鬧鐘晃動的效果
如下：我需要在頁面左中偏下部位放置一個icon浮標，然後讓他晃動 <div class="fb-icon"><img src="//*******/decemberimga/05hyjbld/jdfbicon.png" class
2018-12-23 20:20:54
37
原创 關於前端路由，路由跳轉原理--詳解
淺析Web開發中前端路由實現的幾種方式 故事從名叫Oliver的綠箭蝦`說起，這位大蝦酷愛社交網站，一天他打開了 Twitter ，從發過的tweets的選項卡一路切到followers選項卡，Oliver發現頁面的內容變化了，URL也變
2018-12-19 08:12:10
原创 iPhoneX、iPhoneXS、iPhoneXS Max與iPhoneXR 適配
移動端真的是幺蛾子比較多，蘋果抽風出的這幾款手機都帶bar 爲了處理這類問題，必須在頁面上做相應的處理 比如吸底按鈕 或者其他元素需要給最後一個元素添加一個距離底部的高度 尺寸一般是34px 通過js來判斷是否是這四種手機的類型 代碼
2018-12-07 20:24:57
9
原创 前端幾個常用的動畫庫彙總
1、AniJS.js 基於 CSS3 的動畫庫鏈接地址 2、Velocity.js Velocity 是一個簡單易用、高性能、功能豐富的輕量級 JS 動畫庫。它能和 jQuery 完美協作，並和 $.animate() 有相同
2018-12-07 20:24:57
原创 關於node依賴庫 event-stream 的3.3.6版本病毒
event-stream這個庫，有很多比如vue-cli 、 gulp 之類的很多工具都在使用這個庫。 其實這個新聞在公佈的第二天，我們就處理了，但是沒來得及發文章。 事情的緣由是這樣的： 2018年11月21日，名爲 Falli
2018-12-07 20:24:57
5
原创 原生js如何通過html標籤的自定義屬性，找到該屬性對應的屬性值
需求如下： 我有一段固定的js，不同的項目都必須引入，並且js內必須傳入一個項目標識。 此時的做法當然是把這段js封裝成一個js文件，放到cdn上，每次只需要引入這個js的地址，並且傳入不同的參數 爲了避免環境污染，自
2018-12-01 00:04:38
原创 GET和POST請求的區別（面試和原理都得知道）
關於GET和POST是經常用到的兩種請求接口的方式 GET和POST是HTTP請求的兩種基本方法，要說它們的區別，接觸過WEB開發的人都能說出一二。 最直觀的區別就是GET把參數包含在URL中，POST通過request bo
2018-12-01 00:04:38