Time of Update: 2017-05-09
從零開始學習html(七)CSS樣式基本知識,css樣式一、內聯式css樣式,直接寫在現有的HTML標籤中 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>認識html標籤</title> 6 <style type="text/css"&
Time of Update: 2017-05-09
css小細節羅列,css細節羅列 有空時候把一些常見可能不是每個人都知道的css小細節總結了下,共勉。1.line-height眾多周知,line-height是行高的意思,我們時常會使用類似line-height:24px;這樣的代碼來設定絕對的行高。但是當我們的需求改變,字型大小變動的時候,可能我們還需要再次改動行高,那麼現在我們可以使用直接設定數字來設定行高,當我們使用純數字來設定行高的時候,它相對於的是字型大小的倍數,也就是說下面的h4其實設定的行高也是12*2px就是24px
Time of Update: 2017-05-09
socket.io學習教程之基本應用(二),socket.io教程前言Socket.IO支援及時、雙向與基於事件的交流。它可以在每個平台、每個瀏覽器和每個裝置上工作,可靠性和速度同樣穩定。 即時分析:將資料推送到用戶端,這些用戶端會被表示為即時計數器,圖表或日誌客戶。 即時通訊和聊天:只需幾行代碼便可寫成一個Socket.IO的”Hello,World”聊天應用。 二進位流傳輸:從1.0版本開始,Socket.IO支援任何形式的二進位檔案傳輸,例如:圖片,視頻,音頻等。
Time of Update: 2017-05-09
socket.io學習教程之深入學習篇(三),socket.io深入學習前言socket.io提供了基於事件的即時雙向通訊,本文深入的介紹了socket.io,下面來看看詳細的內容吧。靜態檔案socket.io預設情況下會通過socket.io-client包提供socket.io.min.js和socket.io.js.map下載 運行執行個體app.jslet app = require('http').createServer() let io = require('socket.io')
Time of Update: 2017-05-09
基於bootstrap實現bootstrap中文網巨幕效果,實現bootstrap中文網:實現代碼:<div class="jumbotron"> <div class="container"> <h1>Bootstrap案例開發</h1> <h2>簡潔、直觀、強悍的前端開發架構,讓web開發更迅速、簡單</h2> <p> <a href="javascript:void(0)"
Time of Update: 2017-05-09
Vuejs實現帶樣式的單檔案組件新方法,vuejs新方法本文執行個體為大家分享了Vuejs實現單檔案組件的方法,供大家參考,具體內容如下代碼如下:example.html<script src="vue.js"></script><div id="example"> <h3>Vue component<h3> <counter></counter> <counter></counter>&
Time of Update: 2017-05-09
Vue2.x中的父子組件相互連信的實現方法,vue2.x父子業務情境:(這裡指的是直接父子級關係的通訊) 美女(子組件)將訊息發送給大群(父組件) 大群(父組件)收到美女發送的訊息後再回個資訊給美女(子組件)父組件template<template> <div> <p>群訊息girl:</p> <div> {{ somebody }} 說: 我 {{ age }} 了。 </div>
Time of Update: 2017-05-09
Bootstrap實現基於carousel.js架構的輪播圖效果,bootstrap實現輪播圖本文執行個體為大家分享了Bootstrap輪播圖效果展示的具體代碼,供大家參考,具體內容如下聲明式觸發需要使用到的幾個data-*屬性1.data-ride:作用在最外層容器上,固定值:carousel2.data-target:作用在class=carousel-indicators的每個子項目li上面,標註對那個元素進行點擊輪播3.data-slide:作用在前翻頁和後翻頁的兩個a連結上,prev表
Time of Update: 2017-05-09
javascript過濾數組重複元素的實現方法,javascript過濾數組重複元素的實現方法 以下是在網上找的資料,直接在項目中可以使用,大家可以參考下:實現代碼:function filterArray(receiveArray){var arrResult = new Array(); //定義一個返回結果數組.for (var i=0; i<receiveArray.length; ++i) {
Time of Update: 2017-05-09
Angular 4.x 路由快速入門學習,angular4.x路由是 Angular 應用程式的核心,它載入與所請求路由相關聯的組件,以及擷取特定路由的相關資料。這允許我們通過控制不同的路由,擷取不同的資料,從而渲染不同的頁面。接下來我們將按照以下目錄的內容,介紹 Angular 的路由。具體目錄如下:目錄 Installing the router Base href Using the router RouterModule.forRoot
Time of Update: 2017-05-09
Vue實現雙向資料繫結,vue綁定Vue實現雙向資料繫結的方式,具體內容如下Vue是如何?雙向資料繫結的呢?答案是前端資料劫持。其通過Object.defineProperty()方法,這個方法可以設定getter和setter函數,在setter函數中,就可以監聽到資料的變化,從而更新綁定的元素的值。實現對象屬性變化綁定到UI大概的思路是: 1. 確定繫結資料,使用Object.defineProperty()對其資料變化進行監聽(對應defineGetAndSet) 2. 一旦資料發生改動,
Time of Update: 2017-05-09
詳解Vue中使用v-for語句拋出錯誤的解決方案,vuev-forVue 中使用v-for語句拋出錯誤的解決方案今天在維護以前的項目的時候遇見了下面的報錯情況,開始我以為是因為jQuery和Vue衝突了,所以把以前的jQuery改了,但是還是出現同樣的錯誤…通過查閱資料,發現是因為迴圈的變數裡面的值重複了,導致Vue報錯。複製代碼 代碼如下:Uncaught (in promise) TypeError: Cannot read property ‘removeChild' of
Time of Update: 2017-05-09
Node.js中的http請求用戶端樣本(request client),node.jsrequestNode.JS有一個request模組,可以很方便的抓取網頁內容。最簡單的一個樣本:var request = require('request');request('http://www.google.com', function (error, response, body) { if (!error && response.statusCode == 200) {
Time of Update: 2017-05-09
詳解Angular 4.x Injector,angularinjector在介紹 Angular Injector (注入器) 之前,我們先要瞭解 Dependency Injection,即依賴注入的概念。依賴注入允許程式設計遵從依賴倒置原則 (簡單的說就是要求對抽象進行編程,不要對實現進行編程,這樣就降低了用戶端與實現模組間的耦合) 調用者只需知道服務的介面,具體服務的尋找和建立由注入器 (Injector)
Time of Update: 2017-05-09
小程式開發圖片拖拽執行個體詳解,程式開發拖拽小程式開發圖片拖拽執行個體詳解1.編寫頁面結構:moveimg.wxml<view class="container"> <view class="cnt"> <image class="image-style" src="../uploads/foods.jpg" style="left:{{ballleft}}px;width:{{screenWidth}}px"
Time of Update: 2017-05-09
小程式中多個頁面傳參通訊的學習與實踐,小程式學習與實踐前言小程式越來越火,不少公司都在將原生代碼轉為小程式代碼。在開發過程中,由於小程式wx.navigateBack方法並不支援返回傳參,導致一些頁面,尤其是從列表頁面跳入詳情頁,使用者在詳情頁改變了狀態,返回後無論是否重新整理頁面,體驗都不是很好。在android中,我們一般採用setresult方法來返回參數,或者直接使用rxjava架構或者eventbus架構來解決此類問題。業務分析此類需求大概意思是:A頁面進入B頁面,B頁面返回並傳值給A
Time of Update: 2017-05-09
Jquery擷取radio選中的值,jquery擷取radio話不多說,請看代碼:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new
Time of Update: 2017-05-09
小程式 開發之全域配置,小程式全域一.app.json 使用app.json檔案來對小程式進行全域配置,決定分頁檔的路徑、視窗表現、設定網路逾時時間、設定多 tab 等. 注意在.json不能注釋,否則會出錯。二.工具列tabBar 如果我們的小程式是一個多 tab 應用(用戶端視窗的底部或頂部有 tab 欄可以切換頁面),那麼我們可以通過
Time of Update: 2017-05-09
jQuery extend()詳解及簡單一實例,jqueryextendjQuery extend()詳解及簡單一實例使用jQuery的時候會發現,jQuery中有的函數是這樣使用的:$.get(); $.post(); $.getJSON(); 有些函數是這樣使用的:$('div').css(); $('ul').find('li'); 有些函數是這樣使用的:$('li').each(callback); $.each(lis,callback); 這裡涉及到兩個概念:工具方法與執行個體方法。
Time of Update: 2017-05-09
jquery點贊功能實現代碼 點個贊吧!,jquery要實現的點贊功能比較簡單,就是實現點擊按鈕,有心向上飄,一直飄出螢幕外。首先只需要在body中定義一個button。和盛放心的盒子<div id = "demo"></div><input type = "button" id = "btn1" value = "點個贊吧" />由於還要引進心的圖片,所以在這裡我們在設定css樣式的時候還要設定圖片img的樣式。 css代碼如下: <style