随笔分类 -  前端

摘要:4. 路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 对SPA应用的理解 (1)单页web应用(single page web application,SPA) (2)整个应用只 阅读全文
posted @ 2024-03-18 23:35 coder雪山 阅读(97) 评论(0) 推荐(0)
摘要:3. VUEX 原理图: 3.1 概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 3.2 何时使用? 多个组件需要共享数据时 1.多个组件依赖于同一状态 2.来自不同组件的行为 阅读全文
posted @ 2024-03-10 20:19 coder雪山 阅读(31) 评论(0) 推荐(0)
摘要:2.1 脚手架 使用前置: 第一步(没有安装过的执行):全局安装 @vue/cli npm install -g @vue/cli 第二步:切换到要创建项目的目录,然后使用命令创建项目 vue create xxxxx 第三步:启动项目 npm run serve 脚手架文件结构 ├── node_ 阅读全文
posted @ 2024-03-05 00:24 coder雪山 阅读(1591) 评论(0) 推荐(0)
摘要:1.13 列表渲染 v-for指令 用于展示列表数据 语法:v-for="(item, index) in xxx" :key="yyy" 可遍历:数组、对象、字符串(用的很少)、指定次数(用的很少) <div id="root"> <!-- v-for指令: 1.用于展示列表数据 2.语法:v-f 阅读全文
posted @ 2024-02-17 12:07 coder雪山 阅读(114) 评论(0) 推荐(0)
摘要:1. vue基础知识和原理 1.1 初识Vue 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象 demo容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 真实开发中只有一个Vue实例,并且会配合 阅读全文
posted @ 2024-02-11 12:09 coder雪山 阅读(367) 评论(0) 推荐(0)
摘要:一. jQuery 事件注册 单个事件注册 语法: element.事件(function(){}) $(“div”).click(function(){ 事件处理程序 }) 其他事件和原生基本一致。比如mouseover、mouseout、blur、focus、change、keydown、key 阅读全文
posted @ 2023-09-02 21:37 coder雪山 阅读(217) 评论(0) 推荐(0)
摘要:jQuery简介 1.基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2023-09-02 20:46 coder雪山 阅读(505) 评论(0) 推荐(0)
摘要:一 BOM概述 1.1 什么是 BOM BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标 阅读全文
posted @ 2023-07-07 20:21 coder雪山 阅读(175) 评论(0) 推荐(0)
摘要:一 注册事件(绑定事件) 1.1 注册事件概述 给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式 1.2 addEventListener 事件监听方式 eventTarget.addEventListener(type, listener[, useCapt 阅读全文
posted @ 2023-07-05 16:52 coder雪山 阅读(79) 评论(0) 推荐(0)
摘要:一 Web APIs 和 JS 基础关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 JS 基础学习 ECMAScript 基础语法为后面作铺垫, Web APIs 是 JS 的应用,大量使用 JS 基础语法做交互效果 二 API 和 Web API 2.1 API 阅读全文
posted @ 2023-07-02 23:49 coder雪山 阅读(67) 评论(0) 推荐(0)
摘要:一 对象 1.1 对象的相关概念(python中的字典) 什么是对象? 在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数 组、函数等。 对象是由属性和方法组成的。 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象 阅读全文
posted @ 2023-06-29 23:30 coder雪山 阅读(61) 评论(0) 推荐(0)
摘要:一 函数的概念 在 JS 里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。虽然 for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用 JS 中的函数。函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。 阅读全文
posted @ 2023-06-27 11:40 coder雪山 阅读(210) 评论(0) 推荐(0)
摘要:一 数组的概念 问:之前学习的数据类型,只能存储一个值。如果我们想存储班级中所有学生的姓名,那么该如何存储呢?答:可以使用数组(Array)。数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。问:什么是数组呢?答:数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类 阅读全文
posted @ 2023-06-25 22:07 coder雪山 阅读(1020) 评论(0) 推荐(0)
摘要:一 for循环 在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句,被 称之为循环语句 1 语法结构 for循环主要用于把某些代码循环若干次,通常跟技术有关系。其语法结构如下 for(初始化变量;条件表达式;操作表达式){ //循 阅读全文
posted @ 2023-06-25 17:02 coder雪山 阅读(190) 评论(0) 推荐(0)
摘要:一 运算符(操作符) 1 运算符的分类 运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 2 算数运算符 算术运算符概述 概念:算术运算使用的符号,用于 阅读全文
posted @ 2023-06-23 19:36 coder雪山 阅读(75) 评论(0) 推荐(0)
摘要:一 Bootstrap 简介 Bootstrap 来自 Twitter(推特),是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 中文官网:http://www.bootcss.com/ 官网:http:/ 阅读全文
posted @ 2023-06-22 23:11 coder雪山 阅读(128) 评论(0) 推荐(0)
摘要:一. 数据类型简介 1.1 为什么需要数据类型 在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的。 1.2 变量的数据类型 阅读全文
posted @ 2023-06-18 21:29 coder雪山 阅读(95) 评论(0) 推荐(0)
摘要:JS(入门)一. 编程语言 1.1 编程 编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。从事编程的人员,就是程序员。 但 阅读全文
posted @ 2023-06-18 16:52 coder雪山 阅读(110) 评论(0) 推荐(0)