最近空閑下來在研究微信小程序。以前我們都是直接負責后端這部分的,這兩天公司的兩個前端先后離職,前端目前還沒有找到合適的人選。但是在業務這塊,有一個小的需求需要調整。需要增加一個 if else 的判斷。幾經周折,查了官方資料,現在給摘錄下來記個筆記。<view><block wx:for="{{list}}" wx:key="id"><view> <view wx:if="{{item.type == 1}}">www.xttblog.com</view><view wx:elif="{{item.type == 2}}&qu…
前端時間,極客時間推出的《重學前端》課程非常的受歡迎。這門課程以專欄的形式給大家講解重新學習前端知識,值得注意的是這門課程的作者是,程劭非(winter) ,前手機淘寶前端負責人。目前該課程已經有?22909 同學訂閱了??梢哉f非常的受歡迎!也總有人問我,前端技術更新太快,學不動了啊,有什么好辦法?都 2019 年,前端應該怎么學?說實話,除了學,還真沒啥辦法?;乜?018年,微信小程序就不說了、支付寶小程序、百度小程序還來湊熱鬧。React Native、Flutter、Weex等跨平臺開…
即 Github 移除 jQuery 后,Bootstrap 最近也宣布將在 V5 版本剔除 jQuery,以后將不再依賴 jQuery 了。再見 jQuery !jQuery 作為非常優秀的開源基礎類庫,為什么先后被各大組織剔除了呢?這是因為國外已經全部開始支持和使用 HTML5 了,而我們還有些在用 IE 6。拋棄 jQuery 這股風,早晚會吹到國內的技術圈!正所謂:“時代拋棄你時,連一聲再見都不會跟你說”!對此,有網友評論道:“再見 jQuery,意味著再見 IE?!薄疤蕹?jQuery 是因為有相同的技術取代它”“減少一個依賴,網絡…
今天拉了同事的一段代碼,發現 Idea 中報錯,CSS 文件報錯。這不是語法錯誤,也不是代碼錯誤,就是純粹的 idea 不識別“!”這個符號。我將鼠標懸浮到報紅內容上,提示:“a term expected”。具體如下:然后,我谷歌百度了很久都沒有很好的解決辦法。于是,只能將這個報錯內容給忽略了。忽略的辦法如下:對應的快捷鍵是:ctrl+alt+shift+h。只需將?Highlighting Level 設置為?none,過一會這個報紅錯誤就好消息?!?/p>
你的位置:塔燈網絡 > HTML5 > Script already launched, add -f option to force re-execution解決 pm2 報?Script already launched, add -f option to force re-execution 問題的方法我今天總結一下。其實也算不上總結,因為大家可以根據這個提升就知道是什么問題了,這個問題其實也沒什么好些的。主要是因為網上關于 pm2 的文章是在太少,可能都是大牛在用 pm2,所以撐著它在爆發之前,先給大家來點簡單的!根據“Script already launched, add -f option to force re-execu…
PM2是node進程管理工具,可以利用它來簡化很多node應用管理的繁瑣任務,如性能監控、自動重啟、負載均衡等,而且使用非常簡單。但是很多程序員還不熟悉它,尤其是對它的一些常用命令都記不住,不會用。很難嗎?雖然它命令多,命令不好記,但是我們只需要記住常用的幾個就行了。沒必要死記硬背!一定要活學活用!下面是我經常使用的幾個命令:$ pm2 logs 顯示所有進程日志$ pm2 stop all 停止所有進程$ pm2 restart all 重啟所有進程$ pm2 reload all 0秒停機重載進程 (用于 NETWORKED …
你的位置:塔燈網絡 > HTML5 > 關于正則表達式你只需要做到3點即可!關于正則表達式有人覺得難,有人覺得簡單。其實就是難的覺得不會,會的覺得不難!除了前面我的公眾號里分享的那套“正則表達式”視頻教程外,今天我在給大家分享一張照片,你記住照片上的招式,你就會了正則表達式!照片雖然大,但是內容非常的全!現在想想為什么別人比你強,別人比你會?那算因為別人善于總結。就拿上面這張圖來說,別人總結這張圖,雖然花了不少時間,但是作用非常的明顯,事半功倍!所以說…
RESTful?是目前最流行的 API 設計規范,也是各公司招聘面試的項目之一。很多人對 RESTful API 的設計還不是很規范,于是便有了本文。URL 的設計,一般我們會采用:動詞 + 賓語的形式表示。RESTful 的核心思想就是,客戶端發出的數據操作指令都是"動詞 + 賓語"的結構。比如,GET /articles這個命令,GET是動詞,/articles是賓語。動詞通常就是五種 HTTP 方法,對應 CRUD 操作。GET:讀?。≧ead)POST:新建(Create)PUT:更新(Update)PATCH:更新(Update),通常是部分更…
很多人在公眾號后臺給我留言需要nodejs 的視頻教程。我看了一下,網上大多都是需要積分下載,而且內容還殘缺不全。于是我上某寶上買了一套比較全的,現在拿出來分享給大家,希望能幫助到大家!Node.js 是一個基于 Chrome V8 引擎的 JavaScript 運行環境。?Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。?Node.js 的包管理器 npm,是全球最大的開源庫生態系統。即使你不了解 nodejs ,你也可以看看各大招聘網站對 nodejs 的需求,火的是一塌糊涂!因此,想學 no…
經常訪問阮一峰網站的人都知道,他網站的主頁的背景圖經常變,每刷新一下都不一樣。這是怎么實現的呢?如果我網站上存儲這么多照片,那需要多大的存儲空間啊。顯然阮老師的網站上不可能存儲這么多照片的。那么該如何模仿阮老師的網站實現動態刷新網站背景圖呢?而且每次還不一樣。其實實現起來很簡單,我們只需要找一個提供大量圖片的網站即可。最近我在無意之間發現了 https://picsum.photos/ 這個網站,它提供了很多免費的圖片,而且這些圖片可以根據你的需要獲取指定大小的圖片。還…
自從網絡誕生以來,我們需要登錄的網址基本上都需要驗證碼進行驗證,用來防止一些攻擊無限登錄和注冊行為。以往的驗證碼驗證體驗非常的不好,而且容易破解。隨著近幾年的發展,類似 12306 這樣的網站上的二維碼經常被吐槽。隨著阿里的滑動驗證碼的推出,越來越多的網站采用這種方式,后來各種推拽驗證碼也如雨后春筍般的冒了出來。這些驗證碼的使用都比較復雜,而且局限性比較多,最近我發現了 vaptcha 驗證碼非常的不錯,于是便通過本文推薦給大家!VAPTCHA是“Variation Analysis ba…
尚硅谷谷粒音樂是一款基于前端 HTML5 + CSS3 + JavaScript 打造的音樂 APP 應用,這款應用深受好評,對于這款音樂 APP ,尚硅谷專門的推出了一套視頻教程,現在免費開放分享給大家!希望對大家的學習有所幫助!根據百度搜索指數得知,音樂播放器的搜索指數平均每天超過 2000 多次的搜索展示量。其他與音樂相關的搜索指數平均每天超過 2.5 萬??梢姶蠹覍τ谝魳凡シ牌鞯臒崆閺奈礈p少。下面我們就一起看看這款音樂播放器吧!谷粒音樂是使用WEB技術(HTML、JavaScript、CSS)直接構建的移動…
JSON 已經占領了全世界。如今,任何兩個應用程序通過互聯網相互通信時,他們很可能使用的就是 JSON。JSON 已被所有大型企業采用。在十大最受歡迎的網絡 API 中,主要由 Google,Facebook 和 Twitter 等主要公司提供的 API 列表,只有一個 API 以 XML 而不是 JSON 的形式公開數據。 Twitter 從在 API 列表中作了一個說明,它支持 XML 直到 2013 年,當時它發布了一個新版本的 API,它刪除了 XML,轉而專門使用 JSON。JSON 也被編程等級和文件廣泛采用。根據 Stack Overflow 上的數據顯示…
尚硅谷不僅有后端的 java 視頻、還推出了很多涉及前端 HTML5 的視頻教程。本文將給大家免費分享一份來自尚硅谷HTML5前端視頻_React視頻教程,希望能對大家有所幫助!前面我分享過尚硅谷 vue 視頻教程《尚硅谷HTML5前端視頻_Vue核心技術視頻免費下載》。VUE 和 React 是很火的一對冤家,學習 vue.js 的肯定了解過 React。所以大家可以通過這套視頻好好理解理解它們之間的相同點和區別。React 是一個用于構建用戶界面的 JAVASCRIPT 庫。React主要用于構建UI,很多人認為 React 是 MVC 中…
自從張小龍宣布微信小程序后,BAT 目前也在陸續的推廣各自的小程序,可見小程序的重要程度。目前各大招聘網站如:51job,前程無憂、boss直聘、拉勾網等都在大量的招各種小程序開發人員??梢娦〕绦蜷_發是我們每個人人都需要必須的一項技術。正是小程序如此的火熱,尚硅谷推出了一套基于微信的小程序開發視頻教程。后面可能還會陸續的推出支付寶小程序、百度小程序的視頻教程。我們先來看看尚硅谷推出的微信小程序視頻教程吧!微信小程序是一種全新的連接用戶與服務的方式,它可以在微信…
一、概述SVG 是一種基于 XML 語法的圖像格式,全稱是可縮放矢量圖(Scalable Vector Graphics)。其他圖像格式都是基于像素處理的,SVG 則是屬于對圖像的形狀描述,所以它本質上是文本文件,體積較小,且不管放大多少倍都不會失真。SVG 文件可以直接插入網頁,成為 DOM 的一部分,然后用 JavaScript 和 CSS 進行操作。<!DOCTYPE html><html><head></head><body><svgid="mysvg"xmlns="http://www.w3.org/2000/svg"viewBox="…
HTML 代碼的空格通常會被瀏覽器忽略。<p>??hello??world??</p>上面是一行 HTML 代碼,文字的前部、內部和后部各有兩個空格。為了便于識別,這里使用半圓形符號?表示空格。瀏覽器的輸出結果如下。hello world可以看到,文字的前部和后部的空格都會忽略,內部的連續空格只會算作一個。這就是瀏覽器處理空格的基本規則。如果希望空格原樣輸出,可以使用<pre>標簽。<pre>??hello??world??</pre>另一種方法是,改用 HTML 實體表示空格。<p&g…
JSON Web Token(縮寫 JWT)是目前最流行的跨域認證解決方案,本文介紹它的原理和用法??缬蛘J證的問題互聯網服務離不開用戶認證。一般流程是下面這樣。1、用戶向服務器發送用戶名和密碼。2、服務器驗證通過后,在當前對話(session)里面保存相關數據,比如用戶角色、登錄時間等等。3、服務器向用戶返回一個 session_id,寫入用戶的 Cookie。4、用戶隨后的每一次請求,都會通過 Cookie,將 session_id 傳回服務器。5、服務器收到 session_id,找到前期保存的數據,由此得知用戶的身份…
一、概述隨著瀏覽器的功能不斷增強,越來越多的網站開始考慮,將大量數據儲存在客戶端,這樣可以減少從服務器獲取數據,直接從本地獲取數據?,F有的瀏覽器數據儲存方案,都不適合儲存大量數據:Cookie 的大小不超過4KB,且每次請求都會發送回服務器;LocalStorage 在 2.5MB 到 10MB 之間(各家瀏覽器不同),而且不提供搜索功能,不能建立自定義的索引。所以,需要一種新的解決方案,這就是 IndexedDB 誕生的背景。通俗地說,IndexedDB 就是瀏覽器提供的本地數據庫,它可以被網頁腳本創…
HTML5 是下一代的 HTML。HTML5草案的前身名為 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的 HTML 工作團隊。HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而,大部分現代瀏覽器已經具備了某些 HTML5 支持。應大部分粉絲要求,博主特意整理了一些關于前端 HTML5 的視頻教程,供大家免費下載。本套視頻適合零基礎并且對前端知識感興趣的網友。內容涵蓋HTML基礎、標簽、CSS 選擇器、盒子模型、浮動、定位、圖片整合、PS 切圖…
layui,是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。layui 首個版本發布于2016年秋,她區別于那些基于 MVVM 底層的 UI 框架,卻并非逆道而行,而是信奉返璞歸真之道。準確地說,她更多是為服務端程序員量身定做,你無需涉足各種前端工具的復雜配置,只需面對瀏覽器本身,讓一切你所需要的元素…
尚硅谷最近推出了不少帶有誠意的視頻,比如前面的 Springboot,Springcloud,VUE等視頻教程。終于在今天又推出了《硅谷外賣》視頻教程。本文將免費分享視頻給大家!《硅谷外賣》視頻教程是尚硅谷 Vue 技術棧的項目實戰視頻。該視頻有以下特點:基于 Vue 的最新版本;項目是關于外賣業務的前后臺分離Web App,功能模塊包含商家, 商品, 購物車, 用戶管理等多個模塊;后臺應用技術架構為: Node + Express + Mongodb + Mongoose;前臺應用技術架構為: vue + vuex + vue-router + webpack +…
Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態,并以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方調試工具 devtools extension,提供了諸如零配置的 time-travel 調試、狀態快照導入導出等高級調試功能。Vue.js(讀音 /vju?/, 類似于 view)是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。它不僅易于上手,還便于與第三方庫或既…
網上有很多使用 JavaScript 來模擬冒泡排序排序過程的動畫。今天我們再借助目前最火的 Vue.js 來實現一個冒泡排序動畫效果。vue.js 是一款輕量級的漸進式 JavaScript 框架,在實現動畫效果方面非常方便。本文實現的最終動畫效果如下:實現代碼非常的簡單,總共不超過100行。主要代碼如下:<div id="app"><div class="cards"><sort-card v-for="(card, index) in store.state.cards" :key="index" :value="card.value&quo…
你的位置:塔燈網絡 > HTML5 > 使用 Vue.js 實現 Tooltip 氣泡提示框、用戶通知彈出框插件借助 Vue.js 我們再來實現一款彈出框、冒泡提示插件。效果類似于?Notifications,安卓吐司的形式。整個插件的運行效果如下:整個實現的過程很簡單,主要代碼如下:<div class="container"><div class="notification"><a v-on:click="show = !show" class="tooltip-bell"><i class="far fa-2x fa-bell"></…
Vue.js 這兩年很火。阿里的飛冰 ICE 好像就是基于 Vue.js 實現的。今天我們使用 Vue.js 來實現一款科學計算器。這款計算器還可以對模式進行切換,有標準型和科學型兩種,完全是模仿 Windows 系統自帶的計算器一樣。運行效果如下:實現原理還是很簡單的。先使用 table 把加減乘除等符號以及0到9的數字給畫出來,然后在通過計算,把結果顯示在最上面的 DIV 中即可。因此相關的實現代碼我就不貼了。感興趣的網友,可以關注我的個人微信公眾號,回復“vue計算器”即可對源代碼進行下載學習…
Symbol.for機制有點類似于單例模式,首先在全局中搜索有沒有以該參數作為名稱的Symbol值,如果有,就返回這個Symbol值,否則就新建并返回一個以該字符串為名稱的Symbol值。和直接的Symbol就點不同了。var s1 = Symbol.for('foo');var s2 = Symbol.for('foo');s1 === s2 // trueSymbol.keyFor方法返回一個已登記的Symbol類型值的key。實質就是檢測該Symbol是否已創建var s1 = Symbol.for("foo");Symbol.keyFor(s1) // "foo"var s2 = Symbol(&q…
Symbol這個詞在IT軟件領域實際上是個常見角色,在傳統前端技術領域,這個詞出現頻率有限,但是,隨著現代web技術的發展,Symbol這個詞開始在不同前端語言中出現。symbol的中文意思是:符號;象征;標志;記號等。我最早知道是在Adobe Illustrator軟件中,作為一個矢量符號存在。在SVG中,就有專門的<symbol>標簽,用來指代SVG小圖標。在這里,Symbol又有了另外的角色,作為一個JavaScript的原生數據類型(primitive data type)存在。說到JavaScript原生數據類型,我們通常想到的…
越來越多的人在學習研究?Canvas,然后使用?Canvas 制作各種各樣的動畫。為了驗證 Canvas 動畫的可用性,我特意制作了一些 demo,分享給大家!下面我們一起來進入今天的學習內容,Canvas圖片水平鏡像翻轉效果。該效果的最終運行截圖如下:?而相關的實現代碼非常簡潔,總共不超過100行。HTML 實現代碼如下:<canvas width="256" height="192"></canvas>相關 JavaScript 代碼如下:<script src="animation.js"></script><sc…
W3C推出一組嶄新的css樣式規則:all:default。All標簽下設initial、inherit和default三種屬性值。Initial意為“最初”,采用all:initial規則強調子類樣式屬性繼承自起始類,直接越過父類樣式屬性的沖突部分;inherit是all標簽默認值,其意為“繼承”,css樣式規則默認父類樣式屬性遺傳給子類;default的意思是“默認”,all:default是重新設定css樣式屬性,清除所有上級類的影響。上面講了一堆好像很拗口的樣子,所以我們還是舉例說明吧。首先依舊是html代碼部分:在html頁面當中,位于…
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.