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