歡迎您光臨深圳塔燈網絡科技有限公司！
余先生：13699882642
余先生：13699882642
余先生：13699882642
最近空閑下來在研究微信小程序。以前我們都是直接負責后端這部分的，這兩天公司的兩個前端先后離職，前端目前還沒有找到合適的人選。但是在業務這塊，有一個小的需求需要調整。需要增加一個 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 同學訂閱了。可以說非常的受歡迎！也總有人問我，前端技術更新太快，學不動了啊，有什么好辦法？都 2019 年，前端應該怎么學？說實話，除了學，還真沒啥辦法。回看2018年，微信小程序就不說了、支付寶小程序、百度小程序還來湊熱鬧。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，過一會這個報紅錯誤就好消息。…
你的位置：塔燈網絡 > 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：讀取（Read）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 萬。可見大家對于音樂播放器的熱情從未減少。下面我們就一起看看這款音樂播放器吧！谷粒音樂是使用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）是目前最流行的跨域認證解決方案，本文介紹它的原理和用法。跨域認證的問題互聯網服務離不開用戶認證。一般流程是下面這樣。1、用戶向服務器發送用戶名和密碼。2、服務器驗證通過后，在當前對話（session）里面保存相關數據，比如用戶角色、登錄時間等等。3、服務器向用戶返回一個 session_id，寫入用戶的 Cookie。4、用戶隨后的每一次請求，都會通過 Cookie，將 session_id 傳回服務器。5、服務器收到 session_id，找到前期保存的數據，由此得知用戶的身份…
一、概述隨著瀏覽器的功能不斷增強，越來越多的網站開始考慮，將大量數據儲存在客戶端，這樣可以減少從服務器獲取數據，直接從本地獲取數據。現有的瀏覽器數據儲存方案，都不適合儲存大量數據：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.
企業建站知識
推廣知識
小程序
微信營銷
APP開發
