原创 微信小程序 教程之wxapp視圖容器 scroll-view
scroll-view 可滾動視圖區域。 屬性名 類型 默認值 說明 scroll-x Boolean false 允許橫向滾動 scroll-y Boolean false 允許縱向滾動 upper-threshold
2020-02-22 07:12:38
原创 微信小程序 前端源碼邏輯和工作流詳解
看完微信小程序的前端代碼真的讓我熱血沸騰啊，代碼邏輯和設計一目瞭然，沒有多餘的東西，真的是大道至簡。 廢話不多說，直接分析前端代碼。個人觀點，難免有疏漏，僅供參考。 文件基本結構： 先看入口app.js，app(obj)註冊
2020-02-22 07:12:38
原创 客戶端js判斷文件類型和文件大小即限制上傳大小
由於項目需要！需要腳本在客戶端判斷大小和文件類型！自己網上找資料找的好辛苦！索性自己寫了一個並測試 文件上傳大小限制的一個例子，兼容ie6，ie7，ie8 ，Google Chrome，ff等瀏覽器 轉自：http://www.jb51
2020-02-22 07:12:38
1
原创 移動端css公共樣式
@charset "utf-8"; /* 禁用iPhone中Safari的字號自動調整 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 10
2020-02-22 07:12:38
原创 canvas學習筆記——關於css設置canvas畫布大小的問題
canvas的繪製會是畫布大小爲準的。canvas的默認畫布大小爲300×150。 通常，我們可能想要改變畫布的大小，以下是大家最容易想到的方法： //方法一：內聯樣式 <canvas style="width:450px;heigh
2020-02-22 07:12:38
原创 淺談自適應網站的設計
移動化的浪潮席捲而來，自適應網站也應運而生。擺在程序員的面前只有一條路，那就是怎麼實現它。 根據小編的經驗，僅提供以下3種自適應網站方案，且最後會簡要分析下其優劣，以供讀者分析使用什麼形式的自適應網站。 第一種：跳轉適配——兩套界面
2018-09-03 18:20:49
原创 CSS中可以和不可以繼承的屬性
一、無繼承性的屬性 1、display：規定元素應該生成的框的類型 2、文本屬性： vertical-align：垂直文本對齊 text-decoration：規定添加到文本的裝飾 text-shadow：文本陰影效果 wh
2018-09-03 18:20:49
1
原创 Jquery超簡單遮罩層實現代碼
在開發中，爲了避免二次提交，遮罩層的運用越來越普遍看了很多代碼，下面跟大家分享一下我認爲最簡單的遮罩層實現方式：1.樣式如下設置：CSS代碼：[html] view plain copy<style type="text/css">
2018-09-03 18:20:49
原创 js實現視頻截圖
完整代碼: <!doctype html> <html lang="zh-CN"> <head> <title>測試頁</title> <meta charset="utf-8">
2018-09-03 18:20:49
3
原创 幾種比較和諧的文字背景顏色搭配
1背景色：＃F1FAFA″———做正文的背景色好，淡雅A2背景色：＃E8FFE8″———做標題的背景色較好A3背景色：＃E8E8FF″———做正文的背景色較好，文字顏色配黑色A4背景色：＃8080C0″———上配黃色白色文字較好A5背景色
2018-09-03 18:20:49
原创 HTML行內元素、塊狀元素、行內塊狀元素的區別
HTML可以將元素分類方式分爲行內元素、塊狀元素和行內塊狀元素三種。首先需要說明的是，這三者是可以互相轉換的，使用display屬性能夠將三者任意轉換： (1)display:inline;轉換爲行內元素 (2)disp
2018-09-03 18:20:49
原创 HTML 5 Canvas
HTML5 <canvas> 標籤用於繪製圖像（通過腳本，通常是 JavaScript）。 不過，<canvas> 元素本身並沒有繪製能力（它僅僅是圖形的容器） - 您必須使用腳本來完成實際的繪圖任務。 getContext()
2018-09-03 18:20:49
2
原创 看完讓你徹底搞懂Websocket原理
偶然在知乎上看到一篇回帖，瞬間覺得之前看的那麼多資料都不及這一篇回帖讓我對 websocket 的認識深刻有木有。所以轉到我博客裏，分享一下。比較喜歡看這種博客，讀起來很輕鬆，不枯燥，沒有佈道師的陣仗，純粹爲分享。廢話這麼多了，最後再贊一
2018-09-03 18:20:49
原创 大前端必備網站
01.前端這個圈子 社區/組織W3C TPAC w3ctech WebReBuild HTML5研究小組 阿里技術嘉年華 京/滬JS 前端圈HTML5夢工場 無障礙聯盟 國內綜合前端觀察 阮一峯 W3CPLUS W3CFUNS 大前
2018-09-03 18:20:49
原创 JavaScript 中的apply（）和call（）
Js apply方法詳解 我在一開始看到javascript的函數apply和call時,非常的模糊,看也看不懂,最近在網上看到一些文章對apply方法和call的一些示例,總算是看的有點眉目了,在這裏我做如下筆記,希望和大家分享..
2018-09-03 18:20:49