![](https://img-blog.csdnimg.cn/7635c3f25aea4d5aa5dcdfbb3f2970fd.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端知识图谱
文章平均质量分 93
该专栏内容参考与 https://gitee.com/jishupang/web_atlas
博客zhu虎康
把最实用的经验,分享给最需要的读者,希望每一位来访的朋友都能有所收获!
展开
-
实现歌词滚动效果
有一段音频和一个字符串格式的歌词,现欲将二者结合做到歌词随音乐播放歌词滚动的效果,如下图所示。原创 2024-01-17 16:17:55 · 1052 阅读 · 0 评论 -
篇章十二 Vue3开发
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。创建一个hooks文件夹,里面创建文件import {//实现鼠标“打点”相关的数据 let point = reactive({x: 0 ,y: 0 , });//实现鼠标“打点”相关的方法 function savePoint(event) {原创 2023-07-03 09:21:22 · 618 阅读 · 1 评论 -
篇章十一 Vuex
Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应用中多个组件的共享状态进行集中式的管理(读 / 写),适用于任意组件间的通信。备注:mapActions 与 mapMutations 使用时,若需要传递参数需要:在模板中绑定事件时传递好参数,否则参数是事件对象。mapGetters 方法:用于帮助我们映射`getterrs·中的数据为计算属性。开启命名空间后,组件中读取 getters 数据。开启命名空间后,组件中读取 state 数据。对话的方法,即:包含。原创 2023-06-25 10:30:53 · 129 阅读 · 0 评论 -
篇章十一 路由 Vue-router
第6章:vue-router6.1 相关理解6.1.1 vue-router 的理解vue的一个插件库,专门用来实现SPA应用6.1.2 对SPA应用的理解单页Web应用(single page web application,SPA)。整个应用只有一个完整的页面(index.html)。点击页面中的导航链接不会刷新页面,只会做页面的局部更新。数据需要通过 ajax 请求获取。6.1.3 路由的理解1. 什么是路由?一个路由就是一组映射关系(key - value)key 为路原创 2022-03-02 21:40:34 · 897 阅读 · 0 评论 -
篇章十 VueCLI 脚手架
Vue 脚手架隐藏了所有 webpack 相关的配置,若想查看具体的 webpack 配置原创 2022-02-20 10:36:49 · 1290 阅读 · 0 评论 -
篇章九(3)Vuejs补充版
Vuejs补充版一、区分 js 表达式和 js 代码(语句)一、区分 js 表达式和 js 代码(语句)原创 2022-01-28 22:37:33 · 1113 阅读 · 0 评论 -
篇章九(2)Vuejs进阶版
说明:Vuejs进阶版继承Vuejs基础版上一篇:Vuejs基础版目录大纲二十一、组件化开发1、组件化的实现和使用步骤1.1、什么是组件化?1.2、Vue组件化思想1.3、注册组件的基本步骤2、全局组件和局部组件3、父组件和子组件4、注册组件语法糖4.1、全局组件注册的语法糖4.2、局部组件注册的语法糖5、组件模板抽离写法6、父子组件的通信7、父传子——props数据验证8、子传父——自定义事件9、父子组件的访问9.1、父组件访问子组件:使用 $children 或 $refs9.2、子组件访问父组件:原创 2021-11-19 10:30:41 · 1647 阅读 · 0 评论 -
篇章九(1) Vuejs基础版
目录大纲VueVue.js安装方式一:直接CDN引入方式二:下载和引入方式三:NPM安装VueVue.js安装方式一:直接CDN引入<!-- 开发环境版本,包含了有帮助的命令行警告--><script src ="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本,优化了尺寸和速度,上架产品的时候需要--><script src ="https://cdn.j原创 2021-11-19 10:29:49 · 826 阅读 · 0 评论 -
篇章八(副)Git详细使用说明++
1、安装git2、创建文件夹learngit3、初始化仓库4、新建readme.txt文件并编辑内容5、添加readme.txt到缓存git add filename6、提交并查看是否成功git commit -m “file描述”git status7、修改文件后打印修改记录当修改文件之后再次add和commit之后看修改记录8、查看文件内容9、撤销修改修改出错想要返回上一次修改状态或让这个文件回到最近一次git commit或git add时的状态。原创 2022-04-30 10:09:52 · 1148 阅读 · 28 评论 -
篇章八 Git 详细使用说明
Git : 版本控制、版本管理器Gi t和 SVN 最主要的区别SVN 是集中式版本控制系统,版本库是集中放在中央服务器的,而工作的时候,用的都是自己的电脑,所以首先要从中央服务器得到最新的版本,然后工作,完成工作后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,对网络带宽要求较高,或直接内网开发。Git 是目前世界上最先进的分布式版本控制系统,没有中央服务器,每个人的电脑就是一个完整的版本库,工作的时候不需要联网,因为版本都在自己电脑上。原创 2023-03-31 21:23:43 · 1363 阅读 · 0 评论 -
篇章七 ES6-ES11新特性
ES 即 ECMAScript,是脚本语言的规范,而平时经常编写的JavaScript,是 EcmaScript 的一种实现,所以 ES 的新特性其实指的就是 JavaScript 的新特性为什呢要学习 ES6。原创 2023-03-31 21:25:33 · 218 阅读 · 0 评论 -
篇章六 网络请求模块选择——axios
文章目录一、为什么选择 axios?一、为什么选择 axios?axios = ajax i/o system在浏览器中发送 XMLHttpRequests 请求在 node.js 环境中发送 http 请求支持 Promise API拦截请求和相应转换请求和相应数据等等...原创 2021-11-19 10:33:10 · 726 阅读 · 0 评论 -
篇章五 AJAX 课程学习笔记
AJAX一、应用AJAX目的是向服务器发请求,返回结果懒加载:用则加载,不用则不加载搜索框输入关键词会提醒相关搜索结果百度注册页面,输入不正确的用户名会有红色字体信息提示京东、淘宝的二级菜单栏,路由的切换今日头条内容滚动到底部实现了刷新,导航栏切换,内容会变化,但是网页并没有重新刷新AJAX向服务器发送的就是http请求二、原生AJAX1、AJAX简介AJAX是异步的JS和XML通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势是无刷新获取数据AJAX不是新的编程原创 2022-05-29 23:32:18 · 211 阅读 · 0 评论 -
篇章四 JS 进阶
script>element.getAttribute(‘属性’) ,get 得到获取 attribute 属性的意思,我们程序员自己添加的属性我们称为自定义属性。原创 2023-03-31 21:25:09 · 583 阅读 · 0 评论 -
篇章三 层叠样式表CSS
强大的CSS3选择器抛弃图片的视觉效果盒模型变化(多列布局和弹性盒模型)阴影效果Web 字体和 web Font 图标CSS3 过渡与动画交互效果媒体查询,响应式布局。原创 2023-03-31 21:24:43 · 408 阅读 · 0 评论 -
篇章二 走进HTML
美化表单案例原创 2023-03-31 21:23:59 · 55 阅读 · 0 评论 -
篇章一 HBuilderX下载与使用
HBuilder目前有两个版本,一个是windows版,一个是mac版。原创 2023-01-31 14:13:54 · 519 阅读 · 0 评论 -
走进 jQuery
jQuery学习笔记一、初识jQuery及公式1、导入1.1、cdn导入1.2、本地导入2、使用,公式为`$(selector).action()`2.1、jQuery选择器2.2、jQuery事件二、jQuery操作Dom元素1、节点文本操作2、CSS的操作3、元素的显示和隐藏,本质 `display:none`jQueryAPI 中文文档 一、初识jQuery及公式1、导入1.1、cdn导入<!DOCTYPE html><html lang="en"><hea原创 2021-08-08 22:25:51 · 136 阅读 · 0 评论 -
走进JavaScript基础语法
CSS 预处理器SASS:基于 RubyLESS:基于 NodeJS,简单上手1、JavaScript1.1 概述JavaScript是一门世界上最流行的脚本语言,不同于Java。开发周期为网景-10days原创 2021-08-08 13:04:18 · 333 阅读 · 6 评论 -
走进CSS—II
CSS学习笔记一、走进CSS1、CSS的简单介绍1、什么是CSS1.1、什么是CSS1.2、发展史2、CSS快速入门3、CSS的优势:4、CSS的3种导入方式外部样式(外链式)2、CSS选择器(重点+难点)2.1、基本选择器1、标签选择器2、类选择器 clsss3、id 选择器2.2、层次选择器2.3、结构伪类选择器2.4、属性选择器【常用】3、美化网页元素(文字、阴影、超链接、列表、渐变)3.1、为什么要美化网页3.2、字体样式3.3 文本样式3.4 阴影3.5 CSS伪类3.6 列表3.7 背景3.8原创 2021-08-02 12:32:05 · 177 阅读 · 0 评论 -
走进CSS—I
CSS学习笔记一、走进CSS1、CSS的简单介绍什么是CSS2、CSS快速入门3、四种CSS导入方式4、二、一、走进CSS1、CSS的简单介绍网页 = HTML结构 + CSS表现 + JavaScript交互什么是CSS2、CSS快速入门3、四种CSS导入方式4、二、...原创 2021-08-02 12:31:38 · 261 阅读 · 0 评论 -
走进HTML学习
HTML学习笔记初识HTML什么是HTMLW3C网页基本标签标题标签段落标签换行标签水平线标签字体样式标签特殊符号图像,超链接,网页布局图像标签超链接标签及其应用文字链接图像链接页面间链接锚链接从一个页面链接到另一个页面功能性链接邮件链接mailtoQQ链接行内元素和块元素列表,表格,媒体元素列表无序列表有序列表(order list)自定义列表表格媒体元素视频元素 video音频元素 audio页面结构页面结构分析表单及表单应用【重点】表单初级验证网页的最基本结构是HTML,CSS是用来美化网页,JS能原创 2021-07-27 21:10:45 · 322 阅读 · 0 评论