原创 vue.js實戰實現購物車的單選全選--第五章購物車練習(一)
本例介紹《vue.js實戰》第五章最後的購物車練習一, 練習1:在當前示例基礎上擴展商品列表,新增一項是否選中該商品的功能,總價變爲只選中商品的總價,同時提供一個全選按鈕 截圖如下: html: <div id="app" v-cl
2019-05-06 00:39:48
原创 vue.js實戰實現購物車的單選全選和二維數組分類--第五章購物車練習(二)
本例介紹《vue.js實戰》第五章最後的購物車練習二, 練習2:將商品列表list改爲一個二維數組來實現商品的分類,比如分爲"電子產品","生活用品","果蔬",同類商品聚合在一起.提示,你可能用到兩次v-for. 提醒:二維數組可以採用
2019-05-06 00:39:48
原创 媒體查詢在iPhone iPod touch中使用safari瀏覽器失效的原因
在iphone和ipod touch中使用的Safari瀏覽器會出現媒體查詢失效這是爲什麼呢 這是因爲在iphone中使用Safari瀏覽器在進行頁面顯示時，將窗口寬度當做980px像素進行顯示。所以即使在界面中已經寫好了頁面在小尺寸窗口
2019-04-27 09:33:23
原创 label 標籤的for的作用和構建表單結構時改善用戶體驗的建議
一般我們在構建表單的時候，會用到label標籤，label標籤頁通常是下面兩種用法： 1.for綁定的時name屬性裏面的值， <div class="form-group"> <label for="name">用戶名：</lab
2019-04-17 01:54:19
原创 Canvas學習和基本屬性介紹以及判斷瀏覽器是否支持canvas
一、 創建canvas元素 如果要向界面中添加canvas元素，可以使用以下代碼 <canvas id="myCanvas" style="border:1px solid;" width="300" height="150"></c
2019-04-02 01:19:19
原创 js實現檢測瀏覽器音頻和視頻格式的支持情況
要使用JavaScript檢測瀏覽器支持哪些音頻格式可使用下面代碼，使用audio元素的canPlayType方法 該方法粗塗鴉板MIME類型與編碼/解碼器參數，並返回下列三個字符串之一：1.probably，2.maybe，3.空字符串
2019-04-02 01:19:09
原创 ie8及以下瀏覽器使用HTML5新標籤
由於有些瀏覽器並不支持HTML5中新增的元素（header,footer, section,article,nav等），如早期的IE8或更早版本。爲了讓其支持新增的HTML5元素， 可以使用document.createElement 的
2019-03-23 01:30:07
原创 前端js實現上傳圖片大於2M時壓縮,預覽
最近有個需求,用戶在上傳圖片預覽時,需要顯示大小爲2M一下,大於2M的需要壓縮後上傳,小於2M的原圖顯示 一.先說下限制圖片大小的好處 直接上傳特別佔用帶寬，上傳速度慢,對程序考驗以及影響用戶的體驗 圖片資源直接上傳,佔用的服務器空間過大
2019-02-27 20:40:17
2
原创 前端中的hack是什麼意思?常見的hack技術以及以及hack技術的利弊
前端中的hack,很多人的回答如下: 由於不同的瀏覽器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，
2019-02-20 20:02:46
原创 微信小程序百度地圖報錯:APP Referer校驗失敗
今天用自己編寫的小程序時發現,地圖一直在拼命加載中,然後看了下代碼,報錯如下 app referer校驗失敗 於是找到上網找到兩種解決方法 1.更改百度地圖白名單內容爲* 2.查看自己授權的小程序appId是否發生改變 如果
2019-01-09 20:24:34
6
原创 iframe根據子界面高度自適應的情況--子界面table異步
iframe根據子界面高度自適應的情況--子界面table ajax異步請求 最近筆者遇到一個問題,需要在後臺管理系統界面中右側區域iframe根據子界面的高度進行自適應.開始用的方法是這樣的 <iframe scrolling="n
2018-10-27 05:32:41
原创 淺談webpack
淺談webpack入門學習 本文主要介紹webpack入門以及筆者對webpack的一些理解： 一.爲什麼要使用webpack 現在的前端界面具有豐富的JavaScript代碼和很多依賴包,爲了簡化開發的複雜度,通常採用以下思路: 模塊
2018-08-22 19:01:42
2
原创 Windows 下 MongoDB的安裝,配置,刪除以及RoboMongo(Robo 3T)的安裝和使用教程
Mongodb安裝教程 一.下載 1.1 mongodb下載 Mongodb下載地址: https://www.mongodb.com/download-center?jmp=nav#community 默認下載msi安裝版的,可
2018-08-22 19:01:14
3
原创 win10回覆誤刪的原生應用(以應用商店爲例)
1、點擊開始菜單，按下空格鍵,在搜索框輸入“powershell”，右鍵以管理員身份運行Windows Powershell組件。 2、輸入命令“Get-AppxPackage -allusers | Select Name, Packa
2018-08-22 19:01:14
4