欢迎您光临深圳塔灯网络科技有限公司！
余先生：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开发
