原创 js仿密碼格子
思路1：盒子數量=密碼的長度。盒子可用li, div, span等等充當，普遍用li元素。用li標籤舉例： 將input和li標籤放於同一個ul下。 設置input樣式，寬高佔滿父盒子，這樣點擊ul實際是觸發input事件（或者
2020-06-29 08:06:30
原创 js 圖片預加載
預加載目的 解決在網絡環境比較差的情況下，圖片加載緩慢的過渡狀態 html // data-img 自定義屬性，用於保存圖片真實路徑，不影響圖片顯示 <img id="test" src=“本地佔位圖路徑” data-img="圖
2020-06-29 08:06:30
原创 echarts動態展示數據
Demo直接在前端mock數據，實際使用需要從服務器拿取數據渲染。以下Demo代碼對使用到的屬性進行了說明，更多詳情請查看echarts官方文檔。 github鏈接：https://github.com/Biu-Huang/ech
2020-06-29 08:06:30
原创 leetcode -- 1 - 兩數之和
給定一個整數數組 nums 和一個目標值 target，請你在該數組中找出和爲目標值的那 兩個 整數，並返回他們的數組下標。 你可以假設每種輸入只會對應一個答案。但是，數組中同一個元素不能使用兩遍。 兩層循環 const tw
2020-06-29 08:06:30
原创 隱藏input的光標
android和瀏覽器： input { opacity: 0; } //在ios上仍會顯示輸入框光標 ios: input { opacity: 0; text-indent: -999rem; //文本向左縮進，根據自
2020-06-29 08:06:30
原创 onclick元素不能使用tapmode的情形
onclick與$api.removeAttr(ele, ‘onclick’)，onclick元素不能有tapmode; 通過元素的onclick執行一個輸入框的focus，onclick元素不能有tapmode; onclic
2020-06-29 08:06:19
原创 js獲取內網ip
需求要獲取到用戶的內網ip。 查閱網上資料，找到一些方法，通過代碼實測，只有一種方法能得到實際結果。可能是我的測試方法或代碼有誤，這兒不深究。希望看到此文章的小夥伴們分享實測有效的其他方法。 通過script標籤引入url <sc
2020-06-29 08:06:19
原创 JQuery成績添加和排序
JQuery成績添加和排序 <html> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <body> <div> <labe
2020-06-29 08:06:19
原创 ios與android代碼注意事項
ios 1. input的line-height與height相等時，光標高度會佔滿input； 2. 若頁面沒有設置bounce爲true，並且body沒有超出一屏，scrolltobottom無效；超出一屏時，scrollto
2020-06-29 08:06:18
原创 canvas - 矩形
效果圖： 完整代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #cv
2020-06-29 08:06:18
原创 Node服務器讀取文件並響應
使用http模塊搭建簡易服務器，使用fs模塊讀取文件。 var http = require('http'); var fs = require('fs'); var server = http.createServer(); /
2020-06-29 08:06:18
原创 並列的多個元素，讓其中一個元素撐滿剩餘空間
思路：使用flex佈局，父盒子設置display: flex; 需要自適應的盒子設置flex: 1。 <style> .box1{ width: 100%; display: flex; } .box4{ flex:1;
2020-06-29 08:06:18
原创 ios + input/textarea + disabled
頁面代碼裏應用了input或textarea，需求使其不可點擊，此時若使用disabled，會發現ios上的input/textarea顏色會變淺很多，而安卓上樣式是正常的。解決辦法，就是對處於disabled狀態的input/t
2020-06-29 08:06:18
原创 javascript 中 this 指向
JS 環境下的 this 指向於方法執行的上下文 上下文：上下級的代碼定義關係 var user = { fun1: function () { console.log(this) // fun1 的上下文
2020-06-29 08:06:18
原创 win7安裝CentOS 8虛擬機
1. 下載VMware Workstation軟件並安裝 軟件鏈接：http://www.zdfans.com/html/23250.html 安裝步驟：https://www.jianshu.com/p/a979f489b47b
2020-06-29 08:06:18