Heureka's Blog

2026-04-15 1.4k 字 7 分钟

CSS基础与选择器

04. CSS 基础与选择器CSS（Cascading Style Sheets）用于控制网页的样式和布局。掌握 CSS 选择器是前端开发的核心技能。一、CSS 引入方式1. 内联样式1<div style="color: red; font-size: 16px;">内联样式</div> 2. 内部样式表12345678<head> <style> .box { color: blue; font-size: 18px; }

2026-04-15 2.2k 字 12 分钟

ES6+新特性

1.6 ES6+ 新特性ES6（ECMAScript 2015）是 JavaScript 的一次重大更新，引入了许多新特性，极大提升了开发效率。一、let 和 constlet（块级作用域）1234567891011121314// let 声明的变量拥有块级作用域{ let a = 10; console.log(a); // 10}// console.log(a); // 报错：a is not defined// 不允许重复声明let b = 20;// let b = 30; // 报错// 不会变量提升// console.log(c); // 报

2026-04-15 1.5k 字 8 分钟

Flexbox与Grid布局

06. Flexbox 与 Grid 布局Flexbox 和 Grid 是现代 CSS 布局的两大核心，它们让复杂布局变得简单高效。一、Flexbox 弹性布局1. 基础概念123456789┌─────────────────────────────────────┐│ Main Axis（主轴） ││ ┌──────┐ ┌─────┐ ┌─────┐ ││ │ 1 │ │ 2 │ │ 3 │ ←─── ││ │ │ │ │ │ │ Cross ││ │ │ │

2026-04-15 1.1k 字 6 分钟

HTML基础

02. HTML 基础HTML（HyperText Markup Language，超文本标记语言）是构建网页的标准标记语言。一、什么是 HTMLHTML 是用于创建网页结构的标准 markup 语言，它使用标签来描述网页的内容和结构。特点标记语言：使用标签来组织内容层次结构：标签可以嵌套语义化：标签有明确的含义跨平台：所有浏览器都支持二、HTML 基本结构标准模板123456789101112<!DOCTYPE html><html><head> <meta charset="UTF-8">

2026-04-15 1.7k 字 9 分钟

JavaScript基础语法

1.1 JavaScript 基础语法JavaScript 是一种动态、弱类型的编程语言，广泛应用于网页开发、Node.js 后端等领域。一、JavaScript 简介特点动态类型（无需声明类型）脚本语言（解释执行）面向对象（基于原型）函数式编程支持引入方式1234567<script> console.log("Hello, World!");</script><script src="script.js"></scri

2026-04-15 1.8k 字 10 分钟

HTML常用标签

03. HTML 常用标签HTML（HyperText Markup Language）是构建网页结构的标记语言。掌握常用标签是前端开发的基础。一、文本标签标题标签123456<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6> 段落与文本格式1234567891011<p>这是一个段落</p><strong>

2026-04-15 168 字 1 分钟

JavaScript逻辑

04. JavaScript 逻辑小程序的 JavaScript 逻辑主要用于处理数据和事件。一、页面生命周期1234567891011121314151617181920212223242526272829Page({ onLoad(options) { // 页面加载 }, onShow() { // 页面显示 }, onReady() { // 页面渲染完成 }, onHide() { // 页面隐藏 &

2026-04-15 294 字 2 分钟

WXML与WXSS

03. WXML与WXSSWXML（WeiXin Markup Language）和 WXSS（WeiXin Style Sheets）是小程序的标记语言和样式语言。一、WXML 基础数据绑定1<view>{{message}}</view> 12345Page({ data: { message: "Hello, 小程序!" }}); 列表渲染123<view wx:for="{{list}&

2026-04-15 307 字 2 分钟

Vitepress简介

01. Vitepress 简介VitePress 是基于 Vite 的静态网站生成器，专注于文档编写。一、什么是 VitePressVitePress 是 VuePress 的继任者，使用 Vite 作为构建工具，提供更快的开发和构建速度。特点 ⚡️ 使用 Vite，极速热更新 📝 优秀的内容体验 🌐 开箱即用的主题 🔌 插件系统支持 📦 按需加载路由二、创建 VitePress 项目1. 初始化项目12345678910# 创建目录mkdir my-vitepress-sitecd my-vitepress-site# 安装依赖npm init -ynpm install

2026-04-15 1.5k 字 8 分钟

函数与作用域

1.2 函数与作用域函数是 JavaScript 的核心概念，它是可重用的代码块。作用域决定了变量的可访问范围。一、函数定义1. 函数声明（命名函数）123456function greet(name) { return "Hello, " + name + "!";}// 函数声明会被提升（可在声明前调用）console.log(greet("张三")); // "Hello, 张三!" 2. 函数表达式（匿名函数）123456const greet = function(name)