Jun222019
Swoole实践：3-使用Swoole批量发送邮件
在上一节中我们介绍了使用Swoole发送单个邮件，那么如果是大量的邮件需要发送，比如给2万个用户发送优惠活动邮件，这是一个比较耗时的过程，而PHP本身不适合处理这种耗时多任务场景。本节为给大家介绍使用Swoole+Redis来实现发送批量邮件的例子。
建立任务
接上一节代码，编辑src/App/Mail.php文件代码，在public function onTask()方法中增加批量队列发送邮件的代码：
public functi...阅读全文
抢沙发
Jun212019
React 18 Server Components技术预研：未来前端架构的革命性变化及对现有项目的影响评估
React 18 Server Components技术预研：未来前端架构的革命性变化及对现有项目的影响评估
引言
React 18作为React生态的重要里程碑，不仅带来了性能提升和新特性，更重要的是引入了Server Components这一革命性的概念。Server Components的出现标志着前端架构的一次重大变革，它将传统的客户端渲染模式推向了一个全新的维度，让开发者能够在服务端执行组件逻辑，从而实现更高效、更安全的W...阅读全文
Jun192019
掌握使用Web Components创建可重用的自定义元素
Web Components是一种现代的Web开发技术，通过它可以创建可重用的自定义元素，以增强Web应用的可维护性和可扩展性。本文将介绍如何使用Web Components创建自定义元素，并提供一些实用的示例。
Web Components概述
Web Components是由W3C提出的一组标准，包括Custom Elements、Shadow DOM、HTML Templates和HTML Imports。这些标准的目标是使开发者能够创建可重用的组件，使其在不同的Web...阅读全文
Jun142019
如何使用jQuery实现图片切换效果
在网页开发中，图片切换效果是非常常见的需求之一。利用jQuery库，可以轻松实现各种图片切换效果，为网站增添动态和吸引力。本文将介绍如何使用jQuery实现图片切换效果。
准备工作
首先，确保你已经引入了jQuery库。你可以在HTML文件头部中添加以下代码：
<script src="https://cdn.jsdelivr.net/jquery/3.5.1/jquery.min.js"></script>
HTML 结构
我们需要一个包含图片的容...阅读全文
Jun142019
整理前端最常用的函数工具方法
我们经常要用到验证输入、计算数值、排序数组、检测客户端、字符串转换等等相关的函数方法，经常需要用到的时候又去找资料，那么有了这篇文章，为您整理好了最常用的函数工具方法，收藏好了，拿来即用。
1.验证是否为邮箱
export const isEmail = (s) => {
return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)
}
2.验证手机号码
export const isMo...阅读全文
Jun132019
前端开发中的图片优化和Lazy Load技术及相关标签拼接方法
在现代的网页开发中，图像是页面中不可或缺的一部分。然而，大量的图像可能导致网页加载速度变慢，影响用户体验。为了解决这个问题，前端开发经常会使用图片优化和 Lazy Load 技术来提高网页性能和用户体验。本文将介绍图片优化的几种常见技术和 Lazy Load 技术，以及与其相关的标签拼接方法。
图片优化
1. 选择正确的图片格式
在选择适当的图像格式时，需要权衡图像质量和文件大小。常用...阅读全文
Jun122019
如何处理CSS中常见的Selector not found报错
在开发过程中，我们经常会遇到 CSS 中的 Selector not found 报错。这个错误通常表示在 CSS 文件中引用了一个不存在的选择器。本文将介绍常见的 Selector not found 报错，并分享一些解决方法。
1. 错误示例
当一个选择器在 CSS 文件中找不到对应的元素时，会产生 Selector not found 报错。下面是一些常见的错误示例：
/* 错误示例 1 - 使用了不存在的元素选择器 */
.foo {
color: red...阅读全文
Jun082019
Vue.js与React的比较及选型指南
引言
Vue.js和React是两个流行的JavaScript库，用于构建交互式的Web应用程序。它们都有着广泛的用户基础和活跃的社区支持，但在一些方面有着不同的设计和使用方式。本文将比较Vue.js和React的特点，并提供一些选型指南，帮助你选择适合自己项目的技术栈。
Vue.js简介
Vue.js是一个用于构建用户界面的渐进式框架。它的核心库只关注视图层，可以与其他库或现有项目集成。Vue.js提供了一套灵...阅读全文
Jun082019
如何使用jQuery实现瀑布流布局
瀑布流布局是一种常见的页面布局方式，它能够让内容以类似瀑布流的方式逐列排列，给人一种流畅的感觉。本篇博客将介绍如何使用jQuery实现瀑布流布局，让你的网页更加丰富多彩。
步骤一：引入jQuery库
首先，在你的HTML文件中引入jQuery库。你可以通过在标签中插入以下代码来实现：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>...阅读全文
Jun042019
nginx+php设置自定义404页面
运行环境为nginx+php时，当web服务器找不到文件的时候会报出404的错误。如果不想让用户看到系统的错误提示，设置自定义的页面，可以增加安全性和友好度体验。
配置nginx的自定义404页面，需要在nginx.conf配置两个地方。
一个是nginx报出的404错误，当一些前端的静态文件如html文件、css文件等，直接是nginx去查找文件，如果没有这个文件nginx会报出404 Not Found nginx的错误。
一个是php...阅读全文