原创 安裝mysql-8.0.19-winx64

現在越來越趨向全棧,作爲前端也要稍微瞭解下後端。 MySQL官網下載鏈接 :https://www.mysql.com/cn/ 一、下載安裝包   二、安裝mysql 數據庫 解壓安裝包,這裏我將安裝包解壓在D盤下 配置環境變量

原创 three.js 場景切換

查看場景切換效果 用6個面組成的立方體作爲場景圖,發現會出現變形的現象,css3DRenderer 不會變形,但是不方便增加文字,最後採用scene的背景作爲場景,背景是用cubeTextureLoader()加載的。 <button id

原创 Transform 的簡單理解

canvas裏面的transfrom與css3中的基本是一樣的,唯一的不同是原點,canvas的默認原點是圖形的左上角,css3是圖形的中心, translate(x,y)方法 是用來移動canvas和它的原點到一個不同的位置,在做變形前,

原创 bootstrap datetimepicker日期插件美化 原

需求: (1)日期面板默認展開 (2)可以根據點擊的日期,處理額外的信息,如在這天記錄一些信息等 大部分的日期插件日期面板是隱藏的,點擊input的時候日期面板顯示,基於bootstrap的datetimepicker日期插件如果是在div

原创 垂直方向margin重疊原因與解決方法 原

我們經常寫樣式的時候會遇到垂直方向margin重疊的問題,如下代碼:  <style> .container1 { color: #fff; } .first {

原创 css 總結2 原

1、背景有關 (1)background-origin:border-box、padding-box、content-box //默認是padding-box (2)background-image: url(img_flwr.gif

原创 Canvas多列表文字的顯示 原

把網頁中的多個li的內容顯示到canavas的方法 <body> <ul style="display:none"> <li>this is the first line</li> <li>th

原创 修改npm全局安裝的位置 原

不小心刪除了C:\Users\Administrator\AppData\Roaming\npm 的Roaming下面的npm ,然後npm安裝怎麼都無效,這時候把npm 與npm-cache都刪除再重新安裝node js就好了(安裝nod

原创 Bootstrap Table 插件實現固定左側列 原

Bootstrap Table 插件本身是不帶固定列功能的,需要額外引用 bootstrap-table-fixed-columns.css與bootstrap-table-fixed-columns.js 但是引用這2個文件後,列有時候不

原创 Canvas 的save()與 restore()的詳細介紹 原

save()和restore()是用來保存和恢復canvas狀態的,都沒有參數。 Canvas的狀態就是當前畫面應用的所有樣式和變形的一個快照。 Canvas狀態存儲在棧中,每當save()方法被調用後,當前的狀態就被推送到棧中保存。一個繪

原创 解決bootstrap-table-fixed-columns.js顯示列與隱藏列按鈕切換表格不對齊 原

<table class="table-striped table-hasthead nowrap" id="tableTest1" data-search="true" data-show-columns="true" data-fixe

原创 canvas之文字換行 原

當canvas的寬度不夠寬時,canvas不會自動換行,可以用下面的代碼處理 <body> <canvas id="canvas" width="200" height="200" style="background:pink;"

原创 JavaScript中淺拷貝和深拷貝的區別和實現 原 薦

要理解 JavaScript中淺拷貝和深拷貝的區別,首先要明白JavaScript的數據類型 JavaScript有兩種數據類型,基礎數據類型和引用數據類型 基礎數據類型:保存在棧內存中的簡單數據段 ,有undefined,boolean,

原创 canvas繪製鬧鐘-方法2 原

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

原创 input動態賦值後怎麼觸發change事件 原

input經常用的事件有oninput與onchange oninput:事件在用戶輸入時觸發。 onchange:事件在內容改變(兩次內容有可能還是相等的)且失去焦點時觸發 但是當我們給元素賦值時並不會觸發上面的2種事件,如果我們想賦值後