原创 js數字鍵盤亂序方法

var arr = ['1','2','3','4','5','6','7','8','9','0']; arr.sort(function(){ return Math.random()-Math.random(); });

原创 input框自動獲得焦點

autofocus 定義和用法 autofocus 屬性規定當頁面加載時 input 元素應該自動獲得焦點。 如果使用該屬性,則 input 元素會獲得焦點。 <input type="text" autofocus="autofocu

原创 js 數組排序

轉自:https://www.cnblogs.com/onepixel/articles/7674659.html 0、算法概述 0.1 算法分類 十種常見排序算法可以分爲兩大類: 比較類排序:通過比較來決定元素間的相對次序,由於其時間複

原创 itemStyle的顏色變化(某寶的收益列表效果)

對標 實現後效果 代碼實現(echarts 核心是itemStyle的設置) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>

原创 nginx 實現 404頁面

一、 404 頁面 首先需要一個 404 的頁面, 把所有的 css 和 js 以及 html 放在一個頁面中.存放位置 nginx 目錄下 /nginx/error/404.html 二、nginx配置文件 http{ ...

原创 用 async/await 來處理異步

昨天看了一篇vue的教程,作者用async/ await來發送異步請求,從服務端獲取數據,代碼很簡潔,同時async/await 已經被標準化,是時候學習一下了。   先說一下async的用法,它作爲一個關鍵字放到函數前面,用於表示函數是

原创 webpack 打包時,代碼壓縮,刪除console與註釋

new webpack.optimize.UglifyJsPlugin({ //刪除註釋 output:{ comments:false

原创 shell 腳本用到指令

進入文件夾  cd 文件夾名 返回上一目錄  cd .. 查看當前目錄下文件  ls 產看某一文件內容  cat 文件名  

原创 JavaScript數字精度丟失問題總結

本文分爲三個部分 JS 數字精度丟失的一些典型問題 JS 數字精度丟失的原因 解決方案(一個對象+一個函數)   一、JS數字精度丟失的一些典型問題   1. 兩個簡單的浮點數相加 1 0.1 + 0.2 != 0.3 // tru

原创 javascript中的異步 macrotask 和 microtask 簡介

什麼是macrotask?什麼是microtask? 在理解什麼是macrotask?什麼是microtask之前,我們先來看看javascript中的事件循環機制,先看如下面一段代碼: console.log(1); setTimeo

原创 text-align:justify對齊的使用

需求:使‘姓名’‘曾用名’‘電子郵箱’對齊 方案: 一 、使用&nbsp;加空格來使文案對齊。缺點:調試起來麻煩,而且最終結果不會太好,字間距不好分攤 二 、使用text-align:justify來調試代碼如下 <!DOCTYPE

原创 PC微信端瀏覽器js點擊失效

在開發微信公衆號內嵌網頁時,js在手機上生效,電腦端微信打開卻沒有響應,微信裏也沒法打開控制檯調試,只有使用alert斷點大法,查找問題,經過一系列alert之後發現click之後調用的一個函數處報錯。 原因是 用ES6的語法給此函數的參

原创 vue數據更改視圖不更新問題小記(響應式原理)

一、對象(用$set,直接賦值的方式視圖無法更新) 對象更改檢測注意事項 還是由於 JavaScript 的限制,Vue 不能檢測對象屬性的添加或刪除: var vm = new Vue({ data: { a: 1

原创 項目nginx部署到非根目錄下react配置(基於create-react-app的打包文件路徑問題)

  執行npm start 一切正常, 但是 npm run build 之後生成的打包文件只能在服務器根目錄訪問 若需要訪問在根目錄下的子目錄,只需修改package.json文件 添加 "homepage":".", 即可  

原创 移動端上拉加載更多demo

根據此demo可以自己封裝vue,react,微信小程序組件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" conten