原创 js 對象 key 變量

項目中有遇到根據點擊的不同按鈕將它們的class作爲key傳進data對象內,那麼此時key 就是個變量,在開始寫的時候是這樣: var data={ id:id, classNameTitle:buttonType,

原创 div 模擬text area 高度自適應,不要滾動條

因爲text area的高度不能自適應,但是項目又是需要回顯文本加又可輸入並且不要滾動條的需求,試了很多方法都不行,最終get到: 用div模擬text area去實現高度自適應,並且可輸入: <div class="test_box

原创 echarts重複加載

如上圖所示,項目中需要點擊開關按鈕時控制圖表上對應的類別的顯示和隱藏,但是在點擊顯示時可以渲染出來,點擊隱藏時對應部分卻不消失,代碼如下: var chart = document.getElementById('lineChar

原创 echarts X軸顯示不全

項目中有遇到X軸顯示不全的問題: 代碼如下: "xAxis": { "axisLine": { "lineStyle": { "color": "#fcead4",

原创 a標籤實現下載圖片功能

<a href="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1380400117,1753524827&fm=27&gp=0.jpg" download="">下

原创 box-shadow

.add-item{ width: 100%; overflow: hidden; background: #fff; box-shadow:0 0 46px rgba(

原创 前端動態生成二維碼 jquery.qrcode.min.js

<script type="text/javascript" src="./js/jquery.js"></script> <script src="jquery.qrcode.min.js"></script> 首先需要引入以上兩

原创 css3實現border漸變色

話不多說 ,直接上代碼: .box{ width: 100px; height: 100px; border:10px solid #ddd; border-image: -webkit-li

原创 js 獲取到number的length

1.調用toString方法轉爲字符串後取長度 var num = 123456; alert(num.toString().length); 2.隱式轉字符串後取長度 var num = 123;alert((num + '').len

原创 localStorage 本地存儲

1.什麼是localStorage ?localStorage 是H5新增的一個特性,專門用於本地存儲解決了cookie儲存空間過小的問題(cookie中每條cookie的存儲空間爲4k),而localStorage 一般瀏覽器支持的大小

原创 js判斷數字或字符串最後一位

1:字符串都具有length屬性,可以用str[length-1]拿到最後一個字符,但是這種寫法,IE低版本瀏覽器不支持2:str.charAt(length-1); charAt()方法支持所有瀏覽器3:  var str = "1

原创 iterable

iterable 字面意思:可迭代的,可重複的     iterable 是ES6標準新引入的類型,而Set,map,Array都屬於iterable 類型; 那麼爲什麼要加入iterable 類型呢? 之前對array的操作大都是基於下

原创 正則校驗URL

給大家先案例一個超級全面的,它驗證的情況包括IP,域名(domain),ftp,二級域名,域名中的文件,域名加上端口!用戶名等等信息 function IsURL (str_url) { var strRegex = '^((h

原创 js實現從本地選取照片

HTML: <span class="left-title">引用URL:</span> <input type="text" class="url-text" placeholder="請輸入URL地址" > <span class=

原创 jquery 實現開關按鈕

HTML: <div class="div1 open1"> <span class="left"></span> <span class="right"></span> <div class="div2 ope