原创 一個域名自適應用戶屏幕展現不同內容

目前有兩種方法: 一種是利用媒體查詢@media,查詢用戶的屏幕大小,根據用戶屏幕大小實現一套代碼兼容pc與移動端 主要運用的CSS框架有bootstrap。 其優點是:一套代碼實現PC與移動端,維護成本較低 其缺點是:用戶會

原创 javascript 的正則表達式

定義 var reg = new RegExp("hello")或 var reg = /hello/ var reg = new RegExp(/hello/) 但是不能寫成 var reg = new RegExp('/

原创 詳解vue之vuex

vuex存在的目的 由於vue爲單頁面應用,其組件之間的數據傳遞如果單單依賴storage,很容易出現數據被覆蓋,被串改的情況發生,vuex正是爲解決這個問題而生,提供一個空間供所有的組件讀寫。 1.安裝vuex npm i vu

原创 詳解vue之better-scroll實現輪播圖和頁面滾動

(該方法只針對移動端使用效果較好,PC端不推薦,使用的版本是[email protected],其他版本會出錯) 1.安裝better-scroll 在根目錄中package.json的dependencies中添加: "b

原创 詳解 JSONP

JSONP 被用於跨域獲取數據。在講解它之前,先講講它與 JSON 之間的區別 什麼是JSON? JSON 是一種基於文本的數據交換方式,或者叫做數據描述格式。 其優點是: 1、基於純文本,跨平臺傳遞極其簡單; 2、Javascr

原创 meta標籤詳解

meta標籤的作用 meta標籤能大大提高網站被搜索到的可能性 用來爲搜索引擎robots定義頁面主題 定義用戶瀏覽器上的cookie;它可以用於鑑別作者,設定頁面格式 標註內容提要和關鍵字 設置頁面使其可以根據你定義的時間間隔

原创 canvas 實現刮刮樂

提出問題 在一個電商網站上如何實現刮刮樂的效果? 實現思路 用HTML5 的 canvas 標籤畫圖 在解決問題前,我們先來了解一下 canvas 標籤 canvas 是 html5 出現的新標籤,像所有的 dom 對象一

原创 使用prototype自定義數組方法

題目 如何實現下列代碼: [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5] 解決方法 使用array的prototype屬性,自定義duplicator()方法,js代碼如下:

原创 簡單入門小程序02

上一節我們講到《智慧插座》index 頁面的製作,本文接下來講 me 個人頁面的製作。 本文的知識點有: * 利用 wx:if 實現頁面內部 tab 切換 * wx:for 的列表遍歷 先上 me.wxss 代碼 /* pa

原创 hexo+github搭建免費個人博客

閱讀本文應具備的知識: 瞭解 git 和 github 具備 markdown 語法基礎知識 1.在 github 建立屬於自己的 github.io 你要有一個 github 賬號,並建立自己的 github.io 倉庫,

原创 簡單入門小程序03

上一節我們講到《智慧插座》me 頁面的製作,本文接下來講 pay 支付頁面的製作。 本文的知識點有: 參數在小程序內部的傳遞方法 pay.wxss 代碼 /* pages/pay/pay.wxss */ .title{

原创 quill——簡單的富文本編輯器

先介紹一下一般網頁如何實現 quill 富文本編輯器 引入 quill.js 文件 <script src="https://cdn.quilljs.com/1.3.3/quill.js"></script> 引入主題 cs

原创 懶加載

問題 一個電商網站上有大量的圖片,加載很慢,如何使用懶加載優化用戶體驗? 懶加載的原理: 先讓所有的圖片都顯示同一張圖片,在通過判斷窗口大小以及滾動距離,判斷該 DOM 元素是否在我們已視區域,如果在已視區域,則用 js 修

原创 daily-question-02(前端每日一題02)

在這裏記錄着每天自己遇到的一道印象深刻的前端問題,以及一道生活中隨處可見的小問題。 強迫自己形成積累的習慣,鞭撻自己不斷前行,共同學習。 Github 地址 2019/04/15 - 2019/04/21 1. 寫一個亂序函數 ? 遍

原创 underscore 誕生記(一)—— 基本結構搭建

1. 簡介 underscore 是一款成熟可靠的第三方開源庫,正如 jQuery 統一了不同瀏覽器之間的 DOM 操作的差異,讓我們可以簡單地對 DOM 進行操作,underscore 則提供了一套完善的函數式編程的接口,讓我們更