【右一的开发日记】全导航,持续更新...

文章目录

  • 📚前端【跟课笔记】
    • 🐇核心技术
    • 🐇高级技术
  • 📚捣鼓捣鼓
    • 🐇小小案例
    • 🐇喵喵大王立大功
    • 🐇TED自用学习辅助网站
    • 🐇世界top2000计算机科学家可视化大屏
    • 🐇基于CBDB的唐代历史人物分析

  • 记录一些网站开发的学习过程及超有趣的实操瞎捣鼓 记录O(∩_∩)O~
  • 当前主要是记录一些前端的内容,包括跟课笔记实操过程小结。
  • 欢迎光临个人博客网站,因为是使用hexo + Github Page搭建的,所以暂时还比较卡o(╥﹏╥)o,推荐使用魔法👀。腾讯云域名还在备案,后续部署好了再更新喔~

📚前端【跟课笔记】

🐇核心技术

  • 前端|HTML | pink老师
  • 前端|CSS(一)| pink老师
  • 前端|CSS(二)| pink老师
  • 前端|项目实操流程|学成在线项目实操 | pink老师
  • 【HTML4】(一)前端简介
  • 【HTML4】(二)各种各样的常用标签
  • 【HTML4】(三)表单及HTML4收尾

  • 【CSS2】(四)CSS基础及CSS选择器
  • 【CSS2】(五)CSS三大特性及常用属性
  • 【CSS2】(六)CSS盒子模型
  • 【CSS2】(七)浮动
  • 【CSS2】( 八)定位与布局
  • 【实操】( 九)尚品汇实操练习
  • 【HTML5】( 十)HTML5简介及相关新增属性
  • 【CSS3】( 十一)CSS3简介及基本语法(上)| 相关新增属性
  • 【CSS3】( 十二)CSS3简介及基本语法(中)| 变换、过渡与动画
  • 【CSS3】 (十三)CSS3简介及基本语法(下)| 伸缩盒模型
  • 【canvas】 | (十四)canvas基本用法 | 尚硅谷前端HTML5教程(html5入门经典)

  • JavaScript |(一)JavaScript简介及基本语法
  • JavaScript |(二)JavaScript自定义对象及函数
  • JavaScript |(三)内建对象 | 数组 | string对象
  • JavaScript |(四)正则表达式
  • JavaScript |(五)DOM简介
  • JavaScript |(六)DOM事件
  • JavaScript |(七)BOM及JSON简介 | 轮播图

🐇高级技术

  • Node.js |(一)Node.js简介及计算机基础
  • Node.js |(二)Node.js API:fs模块 | 尚硅谷2023版Node.js零基础视频教程
  • Node.js |(三)Node.js API:path模块及Node.js 模块化 | 尚硅谷2023版Node.js零基础视频教程
  • Node.js |(四)HTTP协议 | 尚硅谷2023版Node.js零基础视频教程
  • Node.js |(五)包管理工具 | 尚硅谷2023版Node.js零基础视频教程
  • Node.js |(六)express框架 | 尚硅谷2023版Node.js零基础视频教程
  • Node.js |(七)express案例实践:记账本 | 尚硅谷2023版Node.js零基础视频教程
  • ES6 | (一)ES6 新特性(上) | 尚硅谷Web前端ES6教程
  • ES6 | (二)ES6 新特性(下) | 尚硅谷Web前端ES6教程
  • Vue | (一)Vue核心(上) | 尚硅谷Vue2.0+Vue3.0全套教程
  • Vue | (二)Vue核心(下) | 尚硅谷Vue2.0+Vue3.0全套教程
  • Vue | (三)Vue组件化编程 | 尚硅谷Vue2.0+Vue3.0全套教程
  • Vue | (四)使用Vue脚手架(上) | 尚硅谷Vue2.0+Vue3.0全套教程
  • Vue | (五)使用Vue脚手架(中)| 尚硅谷Vue2.0+Vue3.0全套教程
  • Vue | (六)使用Vue脚手架(下)| 尚硅谷Vue2.0+Vue3.0全套教程

📚捣鼓捣鼓

🐇小小案例

  • 一个带切换的登录注册界面
  • OpenShare | 前端三件套初识案例实践
  • 可视化 | echarts中国地图散点图
  • 可视化 | 3D文字球状标签云
  • 可视化 | echarts饼图改编

🐇喵喵大王立大功

  • 喵喵大王立大功(1.0) | 一个带便利贴功能的todolist面板
    在这里插入图片描述
    • 演示视频

  • 喵喵大王立大功(2.0) | 新增白噪音喇叭、喵喵木鱼、猫猫神抽签、便利贴重写(codepan权限问题)
    在这里插入图片描述
    1. 指路地址(emmm,很卡的话建议魔法┭┮﹏┭┮

🐇TED自用学习辅助网站

  • TED自用学习辅助网站(1.0)
    在这里插入图片描述
    1. 演示视频

  • TED自用学习辅助网站(2.0)| 细化统计项,新增单篇抽查及易混词词卡
    在这里插入图片描述
    1. 指路地址(emmm,很卡的话建议魔法┭┮﹏┭┮

🐇世界top2000计算机科学家可视化大屏

  • 世界top2000计算机科学家可视化大屏
    在这里插入图片描述
    1. 演示视频

🐇基于CBDB的唐代历史人物分析

  • 可视化 | 基于CBDB的唐代历史人物分析
    在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

    因为是小组作业,所以只会给出我个人制作部分的解析博客哦~

    1. 演示视频
    2. 可视化理论
    3. 框架搭建
    4. 关于iframe框架标签的实际应用
    5. echarts条形折线复合图
    6. echarts金字塔图
    7. echarts中国地图热力图
    8. echarts气泡图
    9. echarts堆叠条形图&多组条形图
    10. 可视化大屏快速布局
    11. d3桑基图
    12. d3力导向关系图
    13. d3力导向关系图优化(搜索+刷新)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/588358.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

GitHub Copilot 简单使用

因为公司安全原因,并不允许在工作中使用GitHub Copilot,所以,一直没怎么使用。最近因为有一些其它任务,所以,试用了一下,感觉还是很不错的。(主要是C和Python编程) 一:常…

python中的进程线程和协程

目录 进程(Process)多进程代码实例 线程(Thread)多线程存在原因及其缺点多线程代码实例 协程(Coroutine)协程的优点协程代码实例 进程、线程和协程适合的任务性质和环境多进程更适合的场景多线程更适合的场…

LeetCode 11—— 盛最多水的容器

阅读目录 1. 题目2. 解题思路一3. 代码实现一4. 解题思路二5. 代码实现二 1. 题目 2. 解题思路一 暴力法,遍历所有可能的垂线对 ( i , j ) (i, j) (i,j),求取最大面积: a r e a m i n ( h [ i ] , h [ j ] ) ∗ ( j − i ) area min(h[i]…

Node.js -- MongoDB

文章目录 1. 相关介绍2. 核心概念3. 命令行交互3.1数据库命令3.2 集合命令3.3 文档命令 4. 数据库应用场景4.1 新增4.2 删除4.3 更新4.4 查询 1. 相关介绍 一、简介 Mongodb是什么 MongoDB是一个基于分布式文件存储的数据库,官方地址https://www.mongodb.com/try/d…

一个C++小程序调试过程记录

Top 20 C Projects With Source Code [2024 Update]https://www.interviewbit.com/blog/cpp-projects/ 这个网页有一些简单的C程序的源码,闲来无事,把第一个程序(Bookshop Management System Using C)的源码下载了下来。 源文件…

第N1周:one-hot独热编码

🍨 本文为🔗365天深度学习训练营 中的学习记录博客🍖 原作者:K同学啊 一、OneHot独热编码原理 独热编码(One-Hot Encoding)是一种将分类数据转换为二进制向量的方法,其中每个类别对应一个唯一的…

如何下载AndroidStudio旧版本

文章目录 1. Android官方网站2. 往下滑找到历史版本归档3. 同意软件下载条款协议4. 下载旧版本Androidstudio1. Android官方网站 点击 Android官网AS下载页面 https://developer.android.google.cn/studio 进入AndroidStuido最新版下载页面,如下图: 2. 往下滑找到历史版本归…

Delta lake with Java--利用spark sql操作数据2

上一篇文章尝试了建库,建表,插入数据,还差删除和更新,所以在这篇文章补充一下,代码很简单,具体如下: import org.apache.spark.sql.SaveMode; import org.apache.spark.sql.SparkSession;publi…

谈一谈电影《飞驰人生》

文章目录 1.概述2.电影情节3.观后感 1.概述 电影《飞驰人生》是一部关于赛车的电影,主要演员是沈腾,因此电影中有不少的喜剧片段,不过电影整体偏向于剧情类电影。该电影的导演是韩寒,就是哪个曾经写出高分高考作文的考生&#xf…

【跟我学RISC-V】(一)认识RISC-V指令集并搭建实验环境

写在前面 现在计算机的体系架构正是发展得如火如荼的时候,占领桌面端市场的x86架构、占领移动端市场的arm架构、在服务器市场仍有一定地位的mips架构、国产自研的指令集loongarch架构、还有我现在要讲到的新型开源开放的RISC-V指令集架构。 我先说一说我的学习经历…

十二、视觉内容生成模型

1 判别式模型和生成式模型 1. 判别式模型 学习策略函数 Y f ( X ) Yf(X) Yf(X)或者条件概率 P ( Y ∣ X ) P(Y|X) P(Y∣X)不能反映训练数据本身的特性学习成本低,需要的训练样本少无法转为生成式 2. 生成式模型 学习联合概率密度分布 P ( X ∣ Y ) P(X|Y) P(X∣…

C++ 矩阵

目录 了解矩阵的数学原理(大学线性代数) 矩阵及转置矩阵 矩阵乘法 矩阵快速幂 相伴矩阵模板 [相伴矩阵,快速矩阵幂]CSES1722 Fibonacci Numbers 了解矩阵的数学原理(大学线性代数) 矩阵及转置矩阵 这里A就是一个矩阵&…

动态数据结构中的表扩张性:摊还分析、伪代码与C语言实现

动态数据结构中的表扩张性:摊还分析、伪代码与C语言实现 引言表扩张性的概念摊还分析在表扩张性中的应用伪代码示例:TABLE-INSERT操作C语言实现结论 引言 在处理数据结构时,尤其是表(或数组),我们经常面临…

Swift - 可选项(Optional)

文章目录 Swift - 可选项(Optional)1. 可选项(Optional)2. 强制解包(Forced Unwrapping)3. 判断可选项是否包含值4. 可选项绑定(Optional Binding)5. 等价写法6. while循环中使用可选…

DVWA 靶场命令注入通关解析

介绍 命令注入(Command Injection)是一种常见的安全漏洞,它允许攻击者通过在应用程序中执行恶意命令来获取系统权限或执行非授权操作。 命令注入通常发生在需要将用户输入作为命令执行的地方,例如Web应用程序的输入框、参数传递…

制作一个RISC-V的操作系统十五-软件定时器

文章目录 定时器分类定时器相关分类软件定时器设计初始化创建删除触发流程图形示意 优化代码 定时器分类 硬件定时器:由硬件频率和触发限制的大小决定,只有一个,精度高 软件定时器:基于硬件定时器实现,精度大于等于硬…

搭建vue3组件库(三): CSS架构之BEM

文章目录 1. 通过 JS 生成 BEM 规范名称1.1 初始化 hooks 目录1.2 创建 BEM 命名空间函数1.3 通过 SCSS 生成 BEM 规范样式 2. 测试 BEM 规范 BEM 是由 Yandex 团队提出的一种 CSS 命名方法论,即 Block(块)、Element(元素&#xf…

AngularJS 的生命周期和基础语法

AngularJS 的生命周期和基础语法 文章目录 AngularJS 的生命周期和基础语法1. 使用步骤2. 生命周期钩子函数3. 点击事件4. if 语句1. if 形式2. if else 形式 5. for 语句6. switch 语句7. 双向数据绑定 1. 使用步骤 // 1. 要使用哪个钩子函数,就先引入 import { O…

Flutter笔记:Widgets Easier组件库(4)使用按钮组

Flutter笔记 Widgets Easier组件库(4):使用按钮组 - 文章信息 - Author: 李俊才 (jcLee95) Visit me at CSDN: https://jclee95.blog.csdn.netMy WebSite:http://thispage.tech/Email: 291148484163.com. Shenzhen ChinaAddress…

vue3 vite 路由去中心化(modules文件夹自动导入router)

通过路由去中心化可实现多人写作开发,不怕文件不停修改导致的冲突,modules中的文件可自动导入到index.js中 // 自动导入模块 const files import.meta.globEager(./modules/**.js); const modules {} for (const key in files) {modules[key.replace…
最新文章