Time of Update: 2017-10-23
標籤:cursor style padding 限制 ntop rgba isp fun leave 實現效果 實現代碼:<!DOCTYPE
Time of Update: 2017-09-24
標籤:影響 使用者輸入 定位字元 也會 中括弧 分享 代碼 使用 對齊 楊輝三角的演算法還是比較簡單易懂的,只是要想在控制台更好的實現三角輸出就沒那麼簡單了。根據目前所學,使用了二維數組實現楊輝
Time of Update: 2017-08-27
標籤:覆蓋 his 建立 false 建構函式 ret 寫入 過程 color 1 /* 2 *
Time of Update: 2017-08-27
標籤:doc 串連 write 迴圈 nbsp text 相同 while 進入 一、JS中的迴圈結構迴圈結構的執行步驟1、聲明迴圈變數;2、判斷迴圈條件;3、執行迴圈體操作;4、更新迴圈變數;
Time of Update: 2017-08-21
標籤:window oct ++ asc title innerhtml java tle func <!DOCTYPE html><html><head
Time of Update: 2017-10-25
你所不知道的 CSS 濾鏡技巧與細節,css濾鏡技巧細節本文主要介紹 CSS 濾鏡的不常用用法,希望能給讀者帶來一些乾貨!OK,下面直接進入本文。本文所描述的濾鏡,指的是 CSS3 出來後的濾鏡,不是 IE 系列時代的濾鏡,文法如下,還未接觸過這個屬性的可以先簡單到 MDN —
Time of Update: 2017-09-06
jQuery實現base64前台加密解密功能詳解,jquerybase64本文執行個體講述了jQuery實現base64前台加密解密功能。分享給大家供大家參考,具體如下:關於加密,很多人想到encodeURI和escape。這個對加密url,尤其是帶中文參數的url很有用。如果只是想做加密解密,類似於Java的DES,網上jQuery有個jquery.base64.js。(關於js的md5加密可以用jquery.md5.js,有興趣可以找來測試一下)。下面是測試:<html><
Time of Update: 2017-09-06
移動端Ionic App 資訊上下迴圈滾動的實現代碼(跑馬燈效果),ionic跑馬燈在ionic App中遇到一個文字上下迴圈滾動的效果實現,網上查了之後才知道有個通俗的名字-跑馬燈。這裡藉助了jQuery庫的選取器和動畫函數,並且把jquery的操作封裝到指令裡。先看指令代碼:angular.module('starter') .directive('slideScroll', function ($window, $timeout) { return {
Time of Update: 2017-09-05
sublime中css輸入分號後自動提示的煩惱,sublimecss輸入分號sublime開發前端確實好用,有好多些個的外掛程式,輕量便捷,但是在使用sublime中的一些外掛程式的時候總是會遇到困擾,跟自己想象中的不一樣,比如在使用SublimeCodeIntel外掛程式的時候,就會遇到一個煩人的問題:在css中輸入分號要換行的時候,總是彈出自動提示,按下斷行符號就會確認提示,很是煩人。 為此:特意上網查了2個小時,終於找到解決方案: 開啟Sublime預設設定
Time of Update: 2017-09-06
js實現圖片放大展示效果,js實現放大展示圖片放大展示效果的實現代碼,可動態產生圖片,每次點擊看原圖的時候為當前id裡面的圖片HTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="node_modules/jquery/jquery.js"></script>
Time of Update: 2017-08-29
spectre.css知識點(一)時間軸的實現,spectre.css知識點spectre.css是一個輕量級的css架構,只要使用過bootstrap,那麼這個使用起來就不是問題,不過現在網路上的文檔大都是英文,而且寫的比較概括,所以查閱起來不是很方便,今天是我第一天學習這個架構,把所學到的知識點記錄下來。使用步驟:1.引用方法下載spectre.css,地址:https://github.com/picturepan2/spectre/releases,然後解壓,將裡面的dist的css檔案
Time of Update: 2017-08-15
BootStrap Fileinput外掛程式和Bootstrap table表格外掛程式相結合實現檔案上傳、預覽、提交的匯入Excel資料操作步驟,bootstrapfileinputbootstrap-fileinput源碼:https://github.com/kartik-v/bootstrap-fileinputbootstrap-fileinput線上API:http://plugins.krajee.com/file-inputbootstrap-fileinput Demo展示:
Time of Update: 2017-08-15
詳解Vue的computed(計算屬性)使用執行個體之TodoList,computedtodolist最近倒騰了一會vue,有點迷惑其中methods與computed這兩個屬性的區別,所以試著寫了TodoList這個demo,(好土掩面逃~);1. methodsmethods類似react中組件的方法,不同的是vue採用的與html綁定事件。給個例子 /*html*/ <input type="button" value="點擊" v-on:click='handlClick'
Time of Update: 2017-08-15
React Native仿美團下拉式功能表的執行個體代碼,reactnative本文介紹了React Native仿美團下拉式功能表的執行個體代碼,最近也在學習React Native,順便分享給大家在很多產品中都會涉及到下拉式功能表選擇功能,用的最好的當屬美團了,其效果如下: 要實現上面的效果,在原生中比較好做,直接使用PopWindow組件即可。如果使用React Native開發上面的效果,需要注意幾個問題: 1、 在下拉的時候有動畫過度效果;
Time of Update: 2017-08-15
Vue項目中quill-editor帶樣式編輯器的使用方法,vuequill-editorvue-quill-editor預設插入圖片是直接將圖片轉為base64再放入內容中,如果圖片比較大的話,富文本的內容就會很大。插入視頻是直接彈框輸入URL地址,某些需求下我們需要讓使用者去本地選擇自己的視頻,我們可以通過vue-quill-editor內部的某些方法變更該方法使用了 element-ui 和 檔案上傳七牛一、npm 安裝
Time of Update: 2017-08-15
ES6模組化的import和export用法方法總結,es6exportES6之前已經出現了js模組載入的方案,最主要的是CommonJS和AMD規範。commonjs主要應用於伺服器,實現同步載入,如nodejs。AMD規範應用於瀏覽器,如requirejs,為非同步載入。同時還有CMD規範,為同步載入方案如seaJS。ES6在語言規格的層面上,實現了模組功能,而且實現得相當簡單,完全可以取代現有的CommonJS和AMD規範,成為瀏覽器和伺服器通用的模組解決方案。ES6模組主要有兩個功能:e
Time of Update: 2017-08-12
angular中的cookie讀寫方法,angularcookie讀寫AngularJS中對cookie的操作封裝了一個單獨的模組,模組名為ngCookies,若想使用需在頁面中先引入angular-cookies.js:<script src="js/angular.min.js"></script><script
Time of Update: 2017-08-12
詳解JavaScript按機率隨機建置事件,詳解javascript機率最近做了一個JavaScript按機率隨機建置事件,於是整理了一下思路,寫了一個小demo:/**在抽獎的活動中經常會用到這個演算法,不同獎項的擷取機率不同,要按機率去隨機產生對應的獎品**/function random(arr1, arr2) { var sum = 0, factor = 0, random = Math.random(); for(var i = arr2.length - 1; i
Time of Update: 2017-08-06
使用travis-ci如何持續部署node.js應用詳解,travis-cinode.js前言在開始之前,我們先來簡單介紹下Travis-ci,Travis-ci是一款持續整合(Continuous Integration)服務,它能夠很好地與Github結合,每當代碼更新時自動地觸發整合過程。Travis-ci配置簡單,很多nodejs項目都用它做自動化的測試。然而,對於持續整合,僅做到自動化的測試是不夠的,還要有後續的自動部署,才能完成“提交代碼 => 自動化的測試 =>
Time of Update: 2017-08-05
二十三、css如何?鋸齒形---border-image,css---border-imagecss如何?這樣的樣式:解決方案:這裡需要用到的技術是border-image的靈活運用,首先需要一張圖片,這裡我選中的是這樣子的,此後 的圖片可以拿這個更改圓形的顏色以更改鋸齒顏色: 底部透明,正方形,ps如下:好了,下面咱們就開始真正的代碼:html:<section class="ele-card"> <div