原创 tracking.js頁面人臉識別插件使用方法

這篇文章主要爲大家詳細介紹了tracking.js頁面識別人臉插件使用方法,具有一定的參考價值,感興趣的小夥伴們可以參考一下 tracking.js是頁面識別人臉的一個插件,首先是tracking.js的git

原创 vue實現一個簡單的tab-panel組件

    tab-panel組件主要涉及到vue的插槽和父子組件間值的傳遞。     組件demo位置:https://github.com/xmyxiao/WebDemo/tree/master/vueDemo/demo/web-de

原创 Handsontable.js 的一些基礎配置

修改列頭顯示: colHeaders : function(index){ function returnNumber(index){ var str = ''; if(index > 25){ var prv = p

原创 新建一個vue項目,以及安裝常用依賴包

首先必須要有npm,window下無法在線更新node.js版本,所以每次要更新版本需要重新安裝node.js 1.新建一個文件夾用於存放項目 mkdir fileName 2.下載一個全局生成vue項目的腳手架 vue-cli   

原创 顯示地址小圖,點擊跳轉百度地圖

    首先附上百度地圖的官方說明文檔     官方文檔:         http://developer.baidu.com/map/wiki/index.php?title=uri/api/web     獲取功能參考地址:

原创 實現可配置的斜線表頭

    首先先看下實現的效果,如圖:這個是斜線起始點在左上方的效果,斜線起始位置在左下方的效果如下:大致實現的就是這樣的斜線表頭功能。     大致的實現思路是使用raphael.js(繪製矢量圖的js庫)來繪製斜線,再根據斜線的座標來

原创 handsontable行高和列寬隨動

    handsontable.js是一個類似excel表格編輯器的插件,但是在handsontable下行高是固定行,無法與數據隨動,比如在將第二行高度改變,並且在第二行之前插入一行,那麼數據會到第三行而改變高度的還是第二行,導致行高

原创 基於svg.js可編輯圖像中的文本換行

    svg中的文本與一般頁面中的文本並不一樣,svg中的文本使用<text></text>標籤來包住文字,所以頁面中文本換行功能無法使用,這時候就要我們自己設置部分屬性來使其換行。     首先是基本的svg文本使用一個text標籤

原创 百度地圖顯示指定位置,點擊顯示自定義內容

    本文主要是實現百度地圖上標出指定位置的點,點擊百度地圖的覆蓋物顯示自定義的文本內容。具體如下圖所示:     首先是頁面部分,要先引入百度地圖以及jQuery(jQuery不是必須,只是個人習慣)。 <script type

原创 基於svg.js實現可編輯的圖像(2)

本篇將介紹基於svg.js下實現可拖動、修改的二維碼。 一、二維碼的繪製 首先要先了解下jquery.qrcode.js這個插件,主要功能是用於生成二維碼,所生成的二維碼主要有兩種,一種是table格式另一種是canvas格式,在這裏主要

原创 border-top、border-style、border-color屬性的順序

css樣式記錄:     在同時設置border-style: solid;border-color: #f00;border-top: 1px;時發現樣式邊框並沒有顯示,經過測試發現,如果border-style與border-col

原创 在魅族、vivo手機下Amaze UI底部導航消失問題

    在使用Amaze UI寫手機頁面的時候發現底部導航欄在魅族和vivo手機下不顯示,但是點擊底部導航的位置卻可以觸發事件,針對這個問題做下記錄。     在查詢過資料得知,魅族的手機是默認的瀏覽器不支持position: fixe

原创 tracking.js 下的人臉檢測與截取圖像

    tracking.js是頁面識別人臉的一個插件,首先是tracking.js的git地址:https://github.com/eduardolundgren/tracking.js。     在下載完tracking.js後,

原创 基於XMPP協議的WebIM

本篇主要介紹的是XMPP協議與strophe.js的使用 一、導入必須的文件及編寫頁面     首先我們需要一個基礎的頁面,然後導入必須的文件,基本上要導入的就是jquery和strophe.js。頁面基本上可以仿照微信的網頁版來製作。

原创 頁面的兩種打印方式

一、使用window.print()的方式打印 第一種方法可以使用瀏覽器自帶的window.print()方式打印,如下: function winPrint(){ bdhtml = window.document.bo