Time of Update: 2017-01-21
標籤:async 解析 tle node.js mat console 使用者 nim 就會 一年前,我寫了一篇《什麼是 Event Loop?》,談了我對Event
Time of Update: 2017-01-22
標籤:windows系統 java ide 串連 程式員 button 設定 isp data 本文標籤: JavaScript小技巧 JavaScript JavaScript函數
Time of Update: 2017-01-22
CSS選擇符,cssCSS選擇符【通配選擇符】*星號選取器將匹配頁面裡的每一個元素,但我建議你永遠不要再生產代碼中使用它。它給瀏覽器帶來大量不必要的負擔。*{margin:0;padding:0;}【標籤選擇符】(也叫類型選擇符):也就是把html標籤名作為選擇符demo: ul {}【id選擇符】:應該謹慎使用ID選取器。給所需樣式標籤自訂id名.然後在css檔案內寫上#自訂id名{CSS樣式}.注意:每個id名都必須不同.#IDname {width: 960px; margin:
Time of Update: 2017-01-22
CSS的優先順序和繼承問題,css優先順序繼承CSS的優先順序和繼承問題★CSS的衝突,即優先順序 CSS本身的設定可以同時應用多個樣式在同一個元素,此時樣式之間可能出現衝突而達不到使用者所想要的效果。 ★解決CSS衝突的優先順序規則: ● CSS層疊樣式表引入方法的優先順序:內聯式>內嵌式>連結式>匯入式 ● 在多個外部樣式中,後出現的樣式的優先順序高於先出現的樣式,也就是俗稱的覆蓋 ●
Time of Update: 2017-01-22
選項卡製作,axure選項卡製作<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>選項卡</title> </head> <style> /*複位*/ *{padding:0;margin:0;} div#tabs{ width:6
Time of Update: 2017-01-22
CSS常用屬性,cssCSS常用屬性☛關於CSS屬性個人建議查看手冊更加詳細方便,我這裡就幾種常用屬性進行分類並簡單取幾個常用屬性值,僅供跟我一樣剛學習前端的人作為入門而用。 1.字型樣式字型的縮寫,寫法是font:font-style|| font-variant ||font-weight||font-size||/ line-height||font-family,一定要按照順序來寫字型的斜體(font-style):正常 normal || 常用斜體
Time of Update: 2017-01-22
js實現表格篩選功能,js表格篩選本應用就兩個主要實現:1.表格的id 和 class之間的命名關係請看圖: 將組名和個人資訊聯表格聯絡起來,這樣會很好的動作表格HTML代碼: <tr class="parent" id="row_01"><td colspan="3">前台設計組</td></tr> <tr class="child_row_01"><td>張三</td><td>男</
Time of Update: 2017-01-22
詳解小程式開發之——wx.showToast(OBJECT)的使用,wx.showtoastobjectwx.showToast API是顯示訊息提示框的作用。 先讓我們看一下官方的文檔說明: 注意:其中的表徵圖,只支援”success”、”loading”範例程式碼:wx.showToast({ title: '成功', icon: 'success', duration: 2000})接下來示範如何使用,先開啟web開發人員工具,建立快速項目,刪除掉首頁沒用的內容,保留如下部分。
Time of Update: 2017-01-22
小程式的動畫效果詳解,小程式動畫詳解前言由於公司計劃有變,所以從H5頁面改成去小程式寫。所以在著手開發小程式。本人也不是什麼前端高手,只是一名寫後端偶爾寫寫前端的渣渣。請前端大神們勿噴。一、什麼是小程式? 小程式在我的理解中只是高度封裝的H5,封裝了各種組件。根據官方的說法小程式運行不是在瀏覽器當中。姑且算是的外掛程式吧。二、小程式不能操縱DOM 小程式不能直接操縱DOM,鼓勵的是資料繫結。例如vue.js這種。所以個人而言感覺跟如果習慣了用JQ去操縱DOM的開發人員很不習慣。需要一個習慣的
Time of Update: 2017-01-22
JS產生一維碼(條碼)功能樣本,js樣本本文執行個體講述了JS產生一維碼(條碼)功能的方法。分享給大家供大家參考,具體如下:1、js代碼:(function() { if (!exports) var exports = window; var BARS = [212222,222122,222221,121223,121322,131222,122213,122312,132212,221213,221312,231212,112232,122132,122231,113222,1231
Time of Update: 2017-01-22
原生js實現返回頂部緩衝效果,js返回頂部運行原理通過定時器30毫秒執行一次捲軸上升,每次上升的高度為當前高度的80%,這樣就達到了上升緩衝的動畫效果。判斷當捲軸高度超過一屏時,按鈕顯示,預設隱藏知識要點scrollTop//擷取捲軸高度 需要寫相容clientHeight//可視視窗高度 需要寫相容setInterval//定時器window.onscroll//滾動觸發事件完整代碼<!DOCTYPE html><html lang="en"><head>&
Time of Update: 2017-01-22
原生JS實現幾個常用DOM操作API執行個體,jsdomapi執行個體原生實現jQuery的sibling方法<body><span>我是span標籤</span><div>我是一個div</div><h1 id="h1">我是標題</h1><p>我是一個段落</p><script type="text/javascript">//擷取元素的兄弟節點function
Time of Update: 2017-01-22
AngularJS使用angular.bootstrap完成模組手動載入的方法分析,angularjsbootstrap本文執行個體分析了AngularJS使用angular.bootstrap完成模組手動載入的方法。分享給大家供大家參考,具體如下:之前我們看到使用ng-app指令,可以實現模組的自動載入。現在我們看下,angular中如何手動載入模組。需要使用到angular.bootstrap這個函數。<html> <head> <script src=
Time of Update: 2017-01-22
bootstrap組件之導航組件使用方法,bootstrap組件導航在上篇文章給大家介紹了bootstrap組件之按鈕式下拉式功能表小結,下面通過本文給大家介紹bootstrap導航組件的使用方法,一起看看吧!Bootstrap 中的導航組件都依賴同一個 .nav 類和ul,狀態類也是共用的。改變修飾類可以改變樣式。1、標籤頁.nav-tabs<ul class="nav nav-tabs" role="tablist"> <li role="presentation"
Time of Update: 2017-01-22
react.js 翻頁外掛程式執行個體代碼,react.js翻頁廢話不多說了,下面給大家分享react.js翻頁外掛程式的代碼,具體代碼如下所示: varPage = React.createClass({render:function(){//中間代碼更新vartotalRows = this.props.totalRows;varlistRows = this.props.listRows;varnowPage =
Time of Update: 2017-01-22
bootstrap輸入框組件使用方法詳解,bootstrap輸入框本文執行個體為大家分享了bootstrap輸入框組的具體使用方法,供大家參考,具體內容如下1、基本用法我們有時需要在輸入框一側或兩側添加額外的元素 這個時候只需要把所有元素都包裹在一個.input-group的div裡面就可以 但是每個輸入框組只能有一個input<div class="input-group"> <span class="input-group-addon">@</span>
Time of Update: 2017-01-22
js實現漫天星星效果,js實現星星效果本文執行個體為大家分享了漫天小星星效果的實現代碼,供大家參考,具體內容如下:實現代碼:<html onclick="init(event)"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <script
Time of Update: 2017-01-22
詳解前端構建工具gulpjs的使用介紹及技巧,詳解gulpjsgulpjs是一個前端構建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數,API也非常簡單,學習起來很容易,而且gulpjs使用的是nodejs中stream來讀取和操作資料,其速度更快。如果你還沒有使用過前端構建工具,或者覺得gruntjs太難用的話,那就嘗試一下gulp吧。1、gulp的安裝首先確保你已經正確安裝了nodejs環境。然後以全域方式安裝gulp:npm install -g
Time of Update: 2017-01-22
小程式 頁面跳轉和資料傳遞執行個體詳解,小程式和數小程式 頁面跳轉和資料傳遞1.先導在Android中,我們Activity和Fragment都有棧的概念在裡面,小程式頁面也有棧的概念在裡面。小程式頁面跳轉有四種方式: 1.wx.navigateTo(OBJECT); 2.wx.redirectTo(OBJECT); 3.wx.switchTab(OBJECT); 4.wx.navigateBack(OBJECT) 5.使用實現對應的跳轉功能;分析:
Time of Update: 2017-01-22
BootStrap組件之進度條的基本用法,bootstrap組件1、進度條基本用法主要依賴.progress和.progress-bararia-valuenow表示當前值aria-valuemin表示最小值aria-valuemax表示最大值width:60%表示當前進度條位置<div class="progress"> <div class="progress-bar" aria-valuenow="60" aria-valuemin="0" aria-valuemax=