Jun172023
Angular框架快速入门教程
Angular是一款流行的前端开发框架，由Google团队开发和维护。它通过使用TypeScript构建单页应用程序(SPA)，大大简化了前端开发的过程。本教程将引导您快速入门Angular框架，并了解其基本概念和语法。
准备工作
在开始之前，您需要安装以下工具：
Node.js: Angular框架依赖于Node.js，你需要安装最新的稳定版本。
npm包管理器：当您安装Node.js时，将自动安装npm。
安装Angular CLI
...阅读全文
抢沙发
Jun162023
使用 jQuery 构建交互式网页
jQuery 是一个非常流行的 JavaScript 库，它可以简化网页开发中的许多任务，包括动态内容加载、事件处理、动画效果等等。本文将介绍如何使用 jQuery 构建交互式网页，并提供一些常见的 jQuery 技巧和代码示例。
引入 jQuery
首先，在 HTML 文件中引入 jQuery 库。你可以从 jQuery 官方网站上下载最新版本的 jQuery，或者使用一个 CDN（内容分发网络）上的 jQuery 文件。在 <head> ...阅读全文
Jun142023
使用GreenSock动画库创建流畅的动画效果
在网页设计过程中，动画效果是提高用户体验和吸引用户注意力的重要因素之一。而GreenSock动画库（GSAP）是一个功能强大而且使用方便的JavaScript库，可以帮助开发者创建流畅、高性能的动画效果。
1. 什么是GreenSock动画库？
GreenSock动画库是一个用于创建各种动画效果的JavaScript库，包括旋转、缩放、淡入淡出等常见效果，甚至可以创建复杂的动画序列。它以其流畅的效果和出色的性能而...阅读全文
Jun092023
7种常用的前端框架及其比较
前端开发已经成为现代Web开发的重要组成部分，随着技术的不断发展，出现了许多优秀的前端框架。这些框架可以帮助开发人员更高效地构建网站和应用程序。在本文中，我们将介绍7种常用的前端框架，并对它们进行比较。
1. Angular
Angular是由Google开发的一个强大的JavaScript框架，用于构建大型、高性能的Web应用程序。它使用了MVC（Model-View-Controller）的架构模式，提供了丰富的功能和...阅读全文
Jun052023
如何使用jQuery实现无缝滚动效果
在网页中，我们经常会看到一些图片或者广告在一定区域内进行无缝滚动的效果，这样可以吸引用户的注意力，同时也能更好地展示内容。本文将介绍如何使用 jQuery 实现这个无缝滚动效果。
准备工作
在开始之前，我们需要确保页面中已经引入了 jQuery 库文件。你可以在页面的 <head> 标签中使用以下代码引入 jQuery：
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery....阅读全文
Jun032023
文本区域textarea框根据输入内容自适应高度
推荐使用：
/**
* textarea高度自动适应内容的高度
* @param obj dom 元素，可以是 $('#content')[0] 或者 document.getElementById('content')
*/
function autoTextAreaHeight(obj) {
let style = window.getComputedStyle(obj, null);
obj.style.height = obj.scrollTop + obj.scrollHeight - parseFloat(style.getPropertyValue('padding-top')) - parseFloat(style.getPr...阅读全文
May222023
常见的NTP授时服务器地址
目录
一、中国科学院国家授时中心NTP授时服务器地址：
二、腾讯云NTP授时服务器地址（2022.03.03更新）：
三、阿里NTP授时服务器地址（2022.07.22更新）：
四、教育网内的授时服务器
参考文献：
一、中国科学院国家授时中心NTP授时服务器地址：
ntp.ntsc.ac.cn
具体使用方法可以参见中国科学院《关于“网络授时域名”全面试运行测试的公告》
http://www.cas.cn/tz/201809/t20180921_4664344....阅读全文
May222023
Vue-cli3.0 Config配置详解
一、背景
Vue-cli3.0是Vue.js官方推出的一套脚手架工具，旨在帮助开发者更快速地开始构建Vue项目。而其中的Config配置是一个重要的部分，可以帮助开发者根据自己的需求进行定制化配置。本文将对Vue-cli3.0的Config配置进行详细解读，并给出一些常用的配置案例。
二、配置文件
在Vue-cli3.0项目的根目录下，可以找到一个名为vue.config.js的文件。这个文件就是我们的配置文件，通过对这个...阅读全文
May192023
jQuery实现图片放大镜效果的原理及实现方法
图片放大镜效果可以通过 JavaScript 库 jQuery 来实现，它提供了丰富的功能和易于使用的 API。本篇博客将为您介绍图片放大镜效果的原理，并提供一种基于 jQuery 实现该效果的方法。
原理
图片放大镜效果的原理是通过鼠标移动来改变显示区域的位置和大小，从而实现局部区域的放大显示。具体原理如下：
监听鼠标在原图片上的移动事件。
根据鼠标的位置计算放大镜显示区域的位置。
根据放大...阅读全文
May172023
8个常见的前端安全漏洞及防范方法
在现代化的Web应用中，前端安全至关重要。前端安全漏洞可能导致用户信息泄漏、跨站脚本攻击、点击劫持等安全威胁。本文将介绍八个常见的前端安全漏洞，并提供相应的防范方法。
1. 跨站脚本攻击 (XSS)
跨站脚本攻击是最常见的前端安全漏洞之一，攻击者通过在网页中插入恶意脚本来窃取用户信息或执行某些恶意动作。以下是防范XSS攻击的方法：
输入验证：对用户输入进行验证和过滤，确保没...阅读全文