Oct262019
使用Canvas绘制文字效果
在前端开发中，Canvas是一种强大的绘图技术，可以通过它来绘制各种图形效果，包括文字效果。本文将介绍如何使用Canvas绘制文字效果，让你的网页更加炫酷。
创建Canvas元素
首先，我们需要创建一个Canvas元素，用来容纳我们绘制的文字效果。可以使用HTML的canvas标签来创建：
<canvas id="myCanvas"></canvas>
通过给canvas元素设置一个id属性，我们可以通过JavaScript代码获...阅读全文
抢沙发
Oct142019
Oct122019
如何应对HTML中的404 Not Found报错
在开发和维护网站时，我们经常会遇到HTTP状态码中的404错误，即“404 Not Found”。这意味着浏览器无法找到请求的资源。在HTML中，我们需要学会如何应对这种情况，以提供更好的用户体验。
1. 理解404错误
当浏览器发出请求时，服务器会返回一个HTTP响应。其中，200状态码表示成功，而404状态码表示请求的资源不存在。通常，404错误是由以下几种情况引起的：
文件被删除或被移动到其他位置
...阅读全文
Oct062019
使用 Canvas 绘制图形和动画效果
Canvas 是一个 HTML5 元素，提供了一种在网页上绘制图形和动画效果的方法。它通过 JavaScript 脚本来操作像素级别的画布，可以实现各种视觉效果和互动体验。
本文将介绍如何使用 Canvas 绘制图形和实现动画效果，以及一些常用的绘制方法和属性。
创建 Canvas 元素
首先，在 HTML 文件中创建一个 Canvas 元素，并指定它的宽度和高度：
<canvas id="myCanvas" width="500" height="300"&...阅读全文
Sep282019
解决404 Not Found”错误的几种常见原因
在进行网页访问时，我们有时会遇到”404 Not Found”的错误提示。这意味着所请求的资源在服务器上并不存在。造成这个错误的原因有很多，下面我们就来看看一些常见的原因以及如何解决这个问题。
1. 资源文件路径错误
最常见的原因是请求的资源文件路径错误。例如，在HTML代码中，如果链接到CSS或JavaScript文件的路径不正确，服务器就会返回”404 Not Found”错误。确...阅读全文
Sep282019
使用JavaScript实现网页中的折叠展开效果
在网页设计中，折叠展开效果常用于节省空间、减少页面显示元素的同时提供更多内容。这个效果非常适合用于FAQ、长篇文章的摘要等场景。本文将介绍如何使用JavaScript实现网页中的折叠展开效果，以及如何通过用户交互实现动态展开和折叠。
准备工作
在开始之前，我们需要准备一个HTML页面，其中包含需要折叠展开的内容。在这个示例中，我们假设有如下的HTML结构：
<div class="collapse"...阅读全文
Sep242019
读书笔记——商广明《Nmap渗透测试指南》
一 Nmap基础学习
1.简介及安装
Nmap是一款由C语言编写的、开源免费的网络发现（Network Discovery）和安全审计（Security Auditing）工具。软件名字Nmap是Network Mapper的简称。Nmap最初是由Fyodor在1997年开始创建的。随后在开源社区众多的志愿者参与下，该工具逐渐成为最为流行安全必备工具之一。
Nmap是一个开源的网络连接端扫描软件，用来扫描计算机开放的网络连接端。确定哪些服务...阅读全文
Sep242019
前端框架Vue.js与React的对比分析
介绍
前端开发中，选择一个合适的框架对于项目的成功非常重要。Vue.js和React是当前最流行的前端框架之一，它们都有自己独特的优势和适用场景。本文将对Vue.js和React进行对比分析，以帮助开发者做出合适的选择。
简介
Vue.js
Vue.js是一款轻量级的JavaScript框架，由尤雨溪开发。它通过采用组件化的方式来构建用户界面，使得开发者可以轻松地复用和组合组件。Vue.js也提供了响应式数据绑...阅读全文
Sep232019
Angular中的动画效果与过渡(Animation)实现
Angular是一种流行的JavaScript框架，用于创建Web应用程序。其中一个重要的功能是动画效果与过渡(Animation)，使页面可以更加生动和吸引人。本文将介绍Angular中如何实现动画效果与过渡，以及一些常见的应用示例。
1. Angular中的动画模块
Angular提供了一个内置的动画模块，用于实现各种动画效果和过渡。要使用动画模块，首先需要在app.module.ts中引入BrowserAnimationsModule模块：
im...阅读全文
Sep202019
Next.js 14 Server Components技术预研：React服务端组件对前端架构的革命性影响分析
Next.js 14 Server Components技术预研：React服务端组件对前端架构的革命性影响分析
引言：从客户端渲染到服务端组件的演进
在现代Web应用开发中，前端架构的设计直接影响着用户体验、性能表现与可维护性。随着用户对加载速度、交互流畅度和安全性的要求不断提升，传统的前端框架模式——尤其是基于客户端渲染（Client-Side Rendering, CSR）的单页应用（SPA）架构——逐渐暴露出诸多瓶颈。...阅读全文