原创 mysql數據庫查詢指定列最大值,並且按組查詢

項目的購買記錄表,查詢最新的購買記錄,但由於商品還有子商品所以還要實現組查詢,實際上是查詢各個商品的最新購買時間: select id,usr_id,item_id, max(deadline) as deadline from buy_

原创 js實現上移、下移置頂

<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <tit

原创 當瀏覽器窗口大小改變時候,動態獲取當前瀏覽器窗口的可視高寬

當瀏覽器窗口大小改變時候,動態獲取當前瀏覽器窗口的可視高寬: window.resize = function(){ console.log("瀏覽器可視高度"+$(window).height()); con

原创 數組內的對象去重(基於對象的某個字段)

一.非es6方法: //去重方法 function filterSame(arrays){ var obj = {}; var newArrays= []; for(var i =0; i<arrays.l

原创 判斷某個變量是否爲數組(判別其它類型可類比某些方法進行)

自己整理的比較簡單和常用的三種方法去判斷某個變量是不是爲數組 第一種方法 instanceof: function checkIsArray(arr){ return arr instanceof Array; } 第二種方

原创 css解決含不同字數的相同寬度的多個盒子,自動排列對齊(基礎實用)

<!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title>文本2端對齊 - flex</title>     <meta content="

原创 canvas的圖片與img圖片互轉(生成base64編碼的圖片)

canvas圖片轉img標籤的base64編碼地址    js代碼片段如下: //從網頁中的canvas標籤中提取圖片 function convertCanvasToImage(canvas) { var image =

原创 前端要持續監聽事件的性能優化(節流/防抖),scroll方法爲例。

以滾動事件爲例吧,移動端要實現一個簡單的滾動到底部加載下一頁的需求,就需要監聽頁面的scroll事件了代碼如圖: let timeOutFn = false; // $(window).scroll(function () { //

原创 前端工程化淺識

最近看了很多關於前端工程化的文章,記錄一下自己的簡單理解。 前記(廢話):日益複雜的前端業務已經前端技術的飛速發展,現在已經不是剛剛興起時的html+css+javascript以及搭配一個的jquery就走遍天下的時代了,各種前端mvv

原创 模塊化開發的CMD和AMD區別

AMD 是 RequireJS 在推廣過程中對模塊定義提出的概念。 CMD 是 SeaJS 在推廣過程中對模塊定義提出的概念。 RequireJS 和 Sea.js 都是模塊加載器,倡導模塊化開發理念,核心價值是讓 JavaScript

原创 react配置路由的時候地址欄的井號(#)去除方法,新方法。

今天在搭建框架的時候使用了router之後,地址欄的#號很礙眼,查了資料後發現react-router的新版本不能直接import browserHistory方法去解決這個井號,找到了這個方法:   把history的改爲這個就ok的

原创 php獲取url根目錄,傳值參數,完整url

#測試網址: http://localhost/blog/testurl.php?id=5//獲取域名或主機地址 echo $_SERVER['HTTP_HOST']."<br>"; #localhost//獲取網頁地址 echo

原创 php獲取當前時間,計算一天,一週,一月,一年後的時間

<pre name="code" class="php"><?php    header("Content-type: text/html; charset=utf-8");    echo '當前時間加一個月,一個禮拜,一天,一小時,

原创 js去除字符串中的所有空格(包括前後,中間存在的所有空格),清除前後空格(手機輸入框實用),es6新方法

一、js去除字符串中的所有空格:        str = "  hello  world !  "        str.replace(/\s/g,"");         感覺很好用。 二、去除左右空格: rtrim =(str)

原创 Async/Await與Promise區別

  自從Node的7.6版本,已經默認支持async/await特性了。如果你還沒有使用過他,或者對他的用法不太瞭解,這篇文章會告訴你爲什麼這個特性“不容錯過”。本文輔以大量實例,相信你能很輕鬆的看懂,並瞭解Javascript處理異步的