前端開發小樂趣
開發者的一點小樂趣
今天發現了一個比較有趣的東西,在控制檯打印出屬於自己風格的。。。程式碼,並沒有什麼鳥用,真的是在無聊之中找點樂趣。
常規在控制檯除錯程式碼直接使用console.log()
現在我們重新定義一套列印風格
- 使用console.log(“%c 文字”,”style”);
- 注意%後面有空格
//自定義控制檯
function Console(){
this.log = function(text){
console.log("%c "+text,"color:#00a09d;font-size:18px;");
}
}
//使用方法
//全域性格式化列印函式
var Console = new Console();
Console.log("biubiubiu~~~")
效果對比:
試試吧
我現在去搞搞多圖片上傳的外掛去了bey~~~
相關推薦
前端開發小樂趣
開發者的一點小樂趣 今天發現了一個比較有趣的東西,在控制檯打印出屬於自己風格的。。。程式碼,並沒有什麼鳥用,真的是在無聊之中找點樂趣。 常規在控制檯除錯程式碼直接使用console.log() 現在我們重新定義一套列印風格 - 使用console.log(“%c 文字”,”
JavaScript前端開發小遊戲之智慧拼圖
HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /
前端開發小技巧一
1、為形參y設定初始值。 function log(x, y = 'World') { console.log(x, y); } log('hello') //hello world log('hello', false) //hello false (如果不用這種
前端開發小獅子使用github展現個人網站專案(第一篇:安裝Git以及配置環境)2018.12.11
前端開發小獅子使用github(第一篇:安裝Git以及配置環境) 背景:個人使用的電腦系統為 win10 1、下載安裝git,官網下載地址:https://git-scm.com/download/win 下載速度可能有點慢,稍作休息 2、安裝過程直接預設就可以,一直
前端開發小知識點
1. <button></button>標籤內可以放置內容,比如文字和圖片,而<input type="button" value="確定">是單標籤,則不可以,只能通過value屬性設定按鈕文字。二者均可設定文字大小和顏色。 2. Ajax請求資料渲染頁面,這時要注意,
小程序前端開發基礎框架,可直接用於開發
orien 以及 markdown 技術分享 tor ogr get back ref 項目介紹 對於微信小程序開發,一直想開源一個可以直接拿來使用的開源框架,這樣可以方便大家在此基礎上可以叠代開發,簡化了寫樣式,發起Http請求以及和簡化調用微信接口的麻煩,其中對於樣式采
程序與頁面—微信小程序前端開發工具
註冊 cti .json 更多 page ini 回調 new href 你可以觀察到 pages/logs/logs 下其實是包括了4種文件的,微信客戶端會先根據 logs.json 配置生成一個界面,頂部的顏色和文字你都可以在這個 json 文件裏邊定義好。緊接著客
微信小程序用戶身份-微信小程序前端開發工具
png 聯系 tro 文字 前端 clas 無需 回退 .com 一個團隊進行小程序的開發,那麽團隊成員的身份管理是很有必要的。 管理員可在小程序管理後臺統一管理項目成員(包括開發者、體驗者及其他成員)、設置項目成員的權限,包括:開發者/體驗者權限、登錄小程序管理後臺、
微信小程序前端開發教程-個人中心
方法 load src 小程序前端 mdk 視頻 XML 工作效率 css 小程序前端制作-個人中心,內含服務器端、小程序所有文件、切片文件(可以用小程序切片軟件打開再次編輯)、效果圖 內含以下欄目: 會員頭像 會員名稱 會員類型
微信小程序前端開發架構
https 問題 bindview xtend 原則 最小化 log code cut 一、目標 1、提升開發速度2、更好的響應需求變化 二、面臨的問題 業務需求的變化是永恒的,而變化勢必會引發代碼的變化,新增代碼或修改代碼。 改動的地方越多,引入新的錯誤幾率就越大。 三
零基礎小白如何學好前端開發?
開始 獲取 知識體系 忽略 ava script 變化 搜集 培訓 有些零基礎小白覺得前端簡單想自學,然後不停的買書、看視頻,最後卻是越學越迷茫。比如,在初學的時候,可能沒有同學一起交流,對很多問題容易忽略,但恰恰是這些問題,積累多了就成為了大問題;再比如,由於沒有專業的老
前端小團隊建設(實用前端開發規範,推薦收藏)
一、命名規則(英文-直譯) 1、檔案命名 資料夾/檔案的命名統一用小寫 保證專案有良好的可移植性,可跨平臺 2、檔案引用路徑 因為檔案命名統一小寫,引用也需要注意大小寫問題 3、js變數 3.1 變數 命名方式:小駝峰 命名規範:字首名詞 命名建議:語
微信小程式前端開發踩坑(一)
之前由於不瞭解微信小程式的整個的執行開發機制,走了很多的彎路,腦子靈光的可能不會遇到,這個主題系列的帖子希望可以幫助到像我一樣理解能力慢的孩子。 不論是開發微信小程式還是說學習任何一門程式語言,最重要的一點是要夯實基礎,不是隻是去看看概念,從hello word開始就要好好的去對待每一行程式碼,軟工是工科,
Web 前端開發之小白入門
Web 前端筆記 HTML 指的是超文字標記語言 (Hyper Text Markup Language) HTML 不是一種程式語言,而是一種標記語言 (markup language) 標記語言是一套標記標籤 (markup tag) HTML 使用標記標籤來描
最新小程式前端開發工具!快!快!快!
《微信小程式自動切片生成佈局軟體》,微信小程式前端開發必備的軟體之一。 功能如下: 1、切片功能:原來手寫的這部分工作,可以用切片軟體的方法來切。切好後,可以自動生成wxml,wcss,js檔案。 2、文字識別功能:效果圖上的文字可以通過自動文字識別識別出
記錄:小程式前端開發之tab選項卡與swiper高度自適應的問題與解決記錄
小白前端,記錄一下自己平時遇到的問題與解決方案,方便用到的時候檢視。 今天,自己弄了一個選項卡,選項卡內容沒有問題,可是到了選項卡下面的swiper的時候,就卡住了,我的需求是swiper裡面的內容可以根據資料來自適應高度。因為swiper小程式必須要有固定的高度,不然就得
關於前端開發學習中的一些小記錄
瀏覽器解析CSS是從上至下,當CSS衝突時以最後定義的CSS為準。 佈局應用的是盒子原理,由上到下,左到右,外到內,層層巢狀。期間用到很多不同的標籤,標籤分為內聯元素,塊狀元素,內聯塊狀元素。 什麼是塊級元素?在html中<div>、 <p>、<
適合新手小白學習的web前端開發學習大綱,值得收藏!
州千鋒12-25 09:40 小白怎麼學習web前端?下面就跟著一起來看看適合新手小白學習的web前端開發學習大綱。 Web前端幾年是越來越火熱了,讓更多的人看到了前端的高薪資,更看到了前端行業的發展前景,所以紛紛投入到學習前端技術學習中來,那麼有沒有一份適合新手小白學習的web前端
前端開發----微信小程式入門級教程(前篇)
前言 前段時間,憑藉著出生牛犢不怕虎的勁頭,憑藉著一點Java基礎和前端入門的知識水平,買了域名和伺服器準備搭建自己的一個技術站點,初衷是旨在打造自己成為一個T形全站工程師。後經過各種百度,各種折騰終於大概在半個月左右的時間寫好了幾個基本介面,能上傳圖片,釋出
[小Tip]ABP擴充套件對前端開發的影響
提醒:本文最後更新於 2478 天前,文中所描述的資訊可能已發生改變,請謹慎使用。 ABP全稱是Adblock Plus,是一個基於預設規則過濾Web廣告的瀏覽器擴充套件,支援 Firefox(Adblock Plus版)、Chrome(Adblock Plus版 | Adblock版) 和 Saf