原创 web端用真機調試

Browsersync 特性   BrowserSync能讓PC、各移動設備上的頁面同時實時地響應文件的更改,而不用刷新操作。而且,當在其他一個設備上進行點擊等行爲時,該行爲也會同步到其他瀏覽器中   安裝   BrowserSync是

原创 Java根據文件夾中文件的數量進行分類

需求:根據文件夾中文件的數量將少於10個文件的文件夾置於一個文件夾中,其他的置於另一個文件夾中   import java.io.*; /** * @author wwd8678 * @date 2018/5/23 */ pub

原创 js實現複製

function shareHisMuseum () { var clickContent = "xxxxxxxxxxxx" var save = function (e) {

原创 IOS上時間格式處理顯示NAN的解決辦法

sDate2 = sDate2.replace(/-/g,"/"); sDate1 = sDate1.replace(/-/g,"/"); sDate2 = new Date(sDate2).getTime(); sDate1 = ne

原创 原生JS實現marquee 滾動字幕效果,完美解決頻閃問題

marquee標籤在HTML5 中已經不再受支持 但是我們很多時候會用到滾動字幕的樣式,所以就採用了實時動態改變元素位置的方式來實現此功能,在實現的時候用過HTML DOM setInterval() 方法,但是會出現頻閃的現象,初步估

原创 var let const 三則如何區分?

想弄清楚這三者的區別,我們需要知道這三者最基本的來龍去脈。 var是ES5中的變量,let、const是ES6中的變量。 塊級作用域是在ES6中引進的,那麼什麼是塊級作用域呢? 簡單的來說,就是包含在{......}中的代碼就是叫塊級作用

原创 img大於div時居中顯示(類似相冊總覽)

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

原创 HTML5實現點擊展開和隱藏

HTML <details> 標籤可以實現此功能 目前只有 Chrome 和 Safari 6 支持 <details> 標籤。 <summary> 標籤包含 details 元素的標題,"details" 元素用於描述有關文檔或文檔片段

原创 js計算div滑動距離

touchstart事件:當手指觸摸屏幕時候觸發,即使已經有一個手指放在屏幕上也會觸發。 touchmove事件:當手指在屏幕上滑動的時候連續地觸發。在這個事件發生期間,調用preventDefault()事件可以阻止滾動。 touche

原创 原生JS實現下拉刷新

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Document</title> <title>Pull to R

原创 原生JS實現點擊顯示再次點擊隱藏

/** * [Show_Hidden 點擊控制div顯示與隱藏] * @param {[id]} obj [需要顯示隱藏div的id] */ function Show_Hidden(obj

原创 原生JavaScript實現監聽移動端上下左右滑動事件

/** * @author W.Dong * @date 2018/10/26 * @Description: 監聽觸摸的方向 */ var EventUtil = { addHandler: function (elem

原创 原生JS和JQ實現div的展開與收齊動畫

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>展開收起</title> <style> * { m

原创 JavaScript數組去重12中方法

數組去重,一般都是在面試的時候纔會碰到,一般是要求手寫數組去重方法的代碼。如果是被提問到,數組去重的方法有哪些?你能答出其中的10種,面試官很有可能對你刮目相看。 在真實的項目中碰到的數組去重,一般都是後臺去處理,很少讓前端處理數組去重。

原创 OpenCV邊緣檢測三種算法(canny、sobel、laplacian)

Canny算法 #include<opencv2\opencv.hpp> #include<opencv2\highgui\highgui.hpp> using namespace std; using namespace cv