原创 扁平化立體字教程

首先看看最終效果圖 有點類似於扁平化的風格,但立體的感覺卻更加明顯,雖然看起來不難做,但實際操作的時候卻會發現不少的問題,這裏不僅涉及到了構圖,也涉及到了有關色彩灰度與色彩明暗的問題,而且網絡上這類設計的教程並未出現多少,廢

原创 簡單的正片疊底字教程

作爲教程系列的文章,這裏拿Y字母來做示例,其他的方法相同 工具:ps6 鋼筆工具 爲什麼會選擇Y這個字母呢,主要是因爲製作起來比較快捷 1.新建一個畫布 2.使用鋼筆工具繪製Y的一條邊,我是直接繪製的一條直線,不填充,

原创 css3實現loading

HTML <div class="loading"> <span></span> </div> css .loading{ width: 80px;

原创 MBE風格圖標3步速學教程

首先,看看效果圖 感覺圖有點大哈 1.創建想要畫布的大小 2.用基本的形狀構建出基本的圖形形狀 主要就是基本形狀,取消填充,打開描邊 相機前部的形狀需要使用布爾運算來做,我們這裏不做詳細的講解,會在後面做專節講解

原创 Reverse Integer算法

題目 Reverse digits of an integer. Example1: x = 123, return 321 Example2: x = -123, return -321 click to show spoi

原创 原生js實現的ul li 二級聯動

git地址:https://github.com/dxiaoqi/linkage 使用方法 <script> var city={ "name":"網站",

原创 node.js第五天

querystring var querystring=require('querystring');//引入querystring模塊 1.stringify:將對象序列化成爲一個查詢字符串 var obj={ "na

原创 es6---解構賦值與字符串的拓展

變量的解構賦值 ES6 允許按照一定模式,從數組和對象中提取值,對變量進行賦值,這被稱爲解構 let [a, b, c] = [1, 2, 3]; 相當於 let a = 1; let b = 2; let c = 3; 變量也可

原创 unity小地圖的實現

1.製作遊戲環境 2.給不同物體添加Layer,提供給小地圖渲染 3.給每個物體添加一個子層,palne,平行於物體,用於設置小地圖顯示的圖標 4.通過Camera的Culing Mask來將不需要渲染的層關掉 5.把小地

原创 Node----Buffer

Buffer緩衝區 有關緩衝區的定義是這樣的avaScript 語言自身只有字符串數據類型,沒有二進制數據類型。 但在處理像TCP流或文件流時,必須使用到二進制數據。因此在 Node.js中,定義了一個 Buffer 類,該類

原创 node使用socket斷開後延遲發送的問題解決

提示報錯: Error: This socket has been ended by the other party 解決方法 socket = io.connect('http://localhost:3000',{'force

原创 一個顯示數據用的canvas

好久沒有寫代碼了,寫點東西看看有沒有忘了傻 html <script> var e=new echart([300,300],{'text':'hell','lineWidth':150,'bgcolor':'#ccc','co

原创 Node---net

在Node中,專門提供了net模塊來實現TCP服務器與TCP客戶端之間通信。 1.創建TCP服務器 var net=require('net'); //引入net模塊 var server=net.cre

原创 es5--js實現對象註冊

本來是打算放在自己的canvas庫裏用來實現圖形對象化的註冊機制,不過因爲構架紊亂,有打算後期重構,所以單獨把註冊模塊提了出來,後面準備用es6來重寫一遍 var obj=['l']; //用於註冊存儲

原创 Two sum算法

堅持每一天都刷leetcode,堅持每一天都分享一題上來 題目 Given an array of integers, return indices of the two numbers such that they add u