xiaxiaolong666
xiaxiaolong666

大前端的学习路径 转自b站up主技术胖

感谢技术胖up主的推荐 能够更加有效率的学习

技术胖的个人空间_哔哩哔哩_Bilibili

（Internet）

1. 网络工作原理

计算机网络原理：视频去哪了呢？_哔哩哔哩_bilibili

2. 什么是HTTP

HTTP协议详解：HTTP协议详解_哔哩哔哩_bilibili

3. 浏览器及工作方式

浏览器是如何运作的？：【干货】浏览器是如何运作的？_哔哩哔哩_bilibili

4. DNS 及其工作原理

DNS基本工作原理：DNS基本工作原理、配置使用_哔哩哔哩_bilibili

直观DNS科普：超直观的DNS科普，一个视频搞懂DNS是啥，是怎么运作的_哔哩哔哩_bilibili

5. 域名相关知识

域名解析完整讲解：域名解析完整讲解视频课程_哔哩哔哩_bilibili

6. 云服务相关知识

揭秘阿里云服务器：【黑马程序员】揭秘阿里云服务器_哔哩哔哩_bilibili

超文本标记语言

（HTML）

1. HTML基础知识学习

HTML全套基础教程：HTML全套基础教程-html实战开发-深入浅出HTML_哔哩哔哩_bilibili

2. HTML 编写规则 和语义化写法

HTML 速成：为初学者准备的：HTML 速成_哔哩哔哩_bilibili

3. 表单和验证

html5表单验证：html5表单验证系列课程_哔哩哔哩_bilibili

4. 公约和最佳实践方法

前端代码规范秘籍：9个前端代码规范秘籍 让你也能写出诗一样的代码_哔哩哔哩_bilibili

5. SEO 基础知识

SEO优化学习教程：【全套SEO优化学习教程】从SEO是什么到网站优化排名_哔哩哔哩_bilibili

层叠样式表

（CSS)

1. CSS 基础知识学习

CSS3基础教程：黑马程序员前端CSS3基础教程，前端必备基础_哔哩哔哩_bilibili

CSS3全套教程：CSS3免费视频教程_哔哩哔哩_bilibili

2. 页面切图和布局实现

  • 浮动布局

  • 浮动布局：【HTML网页制作教程】-页面布局-浮动布局_哔哩哔哩_bilibili

  • 定位布局

  • CSS定位布局：动画解释CSS定位布局-Static, Relative, Absolute, Fixed, Sticky, 五大定位模式实现自由布局_哔哩哔哩_bilibili

  • Display

  • display&visibility：5_display&visibility_哔哩哔哩_bilibili

  • 盒子模型

  • CSS盒子模型与定位：css小白入门编程课程 —— css盒子模型与定位_哔哩哔哩_bilibili

  • Grid 布局

  • 如何用grid：css grid布局实例讲解，手把手教你如何用grid一步步去写页面_哔哩哔哩_bilibili

  • Flex 布局

  • Flex伸缩布局：黑马2019pink老师Flex伸缩布局_哔哩哔哩_bilibili

3. 页面响应式布局设计

六个案例学会响应式布局：六个案例学会响应式布局_哔哩哔哩_bilibili

浏览器脚本语言

(JavaScript)

1. JavaScript基础语法和知识

JavaScript基础语法：JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续_哔哩哔哩_bilibili

2. 使用JavaScript 操作 DOM元素

JS必会的DOM BOM操作：黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作_哔哩哔哩_bilibili

3. Ajax 异步请求相关知识学习

Ajax入门到精通：【尚硅谷】3小时Ajax入门到精通_哔哩哔哩_bilibili

4. ES6 以上版本 的JavaScript

ES6-ES11新特性：尚硅谷Web前端ES6教程，涵盖ES6-ES11_哔哩哔哩_bilibili

版本控制管理系统

Version Control System

1. Git的基本用法

Git最新教程：【狂神说Java】Git最新教程通俗易懂_哔哩哔哩_bilibili

2. 相关平台/软件的使用

  • GitHub

  • 十分钟学会Github：GitHub 到底怎么用？十分钟学会 GitHub 基础知识_哔哩哔哩_bilibili

  • GitLab

  • gitlab使用说明：叮～，你收到一份最全的gitlab使用说明_哔哩哔哩_bilibili

  • Gitee

  • 这个看中文网址就可以了，目前B站还没有很好的视频介绍

网络安全相关知识

Web Security Knowledge

1. HTTPS 原理和使用

你连HTTPS原理都不懂：你连HTTPS原理都不懂，还给我讲“中间人攻击”?_哔哩哔哩_bilibili

2. CORS 跨域请求和安全知识

什么是CORS：【跨域请求】【前端】什么是CORS，教你解决跨域问题_哔哩哔哩_bilibili

3. 内容安全策略

网络渗透：学完能渗透色情网站，净化网络空间【网络安全】持续更新~_哔哩哔哩_bilibili

4. OWASP 安全风险知识

OWASP TOP10：【实操教学】OWASP TOP10 网络渗透测试系列课程_哔哩哔哩_bilibili

包管理工具

Package Managers

1. npm

包管理工具：【NPM】包管理工具 #node package manager_哔哩哔哩_bilibili

2. yarn

Yarn入门：Yarn构建工具入门基础_视频教程-慕课网 (B站没有，推荐这个免费)

CSS 预处理 语言

CSS Preprocessors

1. Sass

SCSS从入门到实战：SCSS从入门到实战_哔哩哔哩_bilibili

2. PostCSS

B站没太好的视频，建议买书《深入PostCSS Web设计》

3. Less

前端less教程：尚硅谷前端less教程_哔哩哔哩_bilibili

构建工具

Build Tools

1. 任务执行命令

[Task Runners]

  • npm scripts

  • npm包管理应用：https://www.bilibili.com/video/BV1Dv411W7XP

  • Gulp

  • Gulp入门：千锋教育_JS项目构建工具Gulp入门全套教程_哔哩哔哩_bilibili

2. 打包工具

  • Webpack

  • Webpack从入门到精通：尚硅谷新版Webpack5实战教程(从入门到精通)_哔哩哔哩_bilibili

  • Parcel

  • Parcel初体验：Parcel & Preact 初体验_哔哩哔哩_bilibili

3. 代码格式化工具

  • Prettier

  • Prettier和ESLint使用：【建议收藏】全网最全的讲清eslint和prettier关系的视频！！！前端开发的利器！！！_哔哩哔哩_bilibili

  • ESLint

  • ESLint基础入门：colin3dmax的个人空间_哔哩哔哩_Bilibili

三大前端框架

Web Framework

React.js

React基础视频：React16免费基础视频教程_哔哩哔哩_bilibili

React全家桶：尚硅谷React技术全家桶全套完整版（零基础入门到精通/男神天禹老师亲授）_哔哩哔哩_bilibili

React实战博客：React实战技术博客系统_哔哩哔哩_bilibili

React商城实战：https://www.bilibili.com/video/BV1i5411c7xp

Vue.js

Vue2全家桶：https://www.jspang.com/detailed?id=57

Vue3全家桶：https://www.jspang.com/detailed?id=67

vuejs从入门到精通：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili

Angular

Angular基础：某马Angular 39(全) 学到这里就会感觉自己离大佬越来越近了 嘿嘿_哔哩哔哩_bilibili

Web 组件化编程

Web Components

HTML Templates

Custom Elements

Shadow DOM

概要: 此部分内容没有找到合适视频

CSS 相关框架

CSS Frameworks

BootStrap

一周学会BootStrap：【极客学院】一周学会Bootstrap_哔哩哔哩_bilibili

Material UI

Material UI入门教程：react.js & material-ui 入门中文教程 全_哔哩哔哩_bilibili

Materialize CSS

Materialize CSS Crash Course：Materialize CSS Crash Course_哔哩哔哩_bilibili

ReactStrap

JavaScript 语法糖

Type Checkers

TypeScript

TypeScript从入门到精通：https://www.bilibili.com/video/BV1qV41167VD

Flow

服务端渲染

Server Side Rendering （SSR）

React.js

  • Next.js

  • Next.js入门教程：React服务端渲染框架Next.js入门教程_哔哩哔哩_bilibili

  • GatsbyJS

  • GatsbyJS 实战：建立一个火爆的快速网站与 GatsbyJS 和内容_哔哩哔哩_bilibili （英文）

Vue.js

  • Nuxt.js

  • Nuxt.js入门：Nuxt.js免费视频教程 开启SSR渲染_哔哩哔哩_bilibili

Angular

  • Universal

图形化编程

GraphQL

Cocos Creator

Cocos 图形游戏开发：https://www.bilibili.com/video/BV1sA411Y7x4

Three.js

Three.js基础教程-英文：Three.js基础教程_哔哩哔哩_bilibili

Three.js教程：Three.js教程_哔哩哔哩_bilibili

静态站点生成器

Static Site Generators

Next.js

Next.js入门教程：https://www.bilibili.com/video/BV13441117KK

GatsbyJS

GatsbyJS 实战：建立一个火爆的快速网站与 GatsbyJS 和内容_哔哩哔哩_bilibili （英文）

Nuxt.js

Nuxt.js入门：Nuxt.js免费视频教程 开启SSR渲染_哔哩哔哩_bilibili

Vuepress

Vuepress入门到精通：【啰里啰嗦】一步步搭建 VuePress 及优化_哔哩哔哩_bilibili

Hugo

10分钟搭建个人网站：Hugo - 10分钟搭建 & 部署个人网站/博客，简历中的博客网站怎么建_哔哩哔哩_bilibili

移动App开发

Mobile Applications

React Native

ReactNatvie基础：3小时入门ReactNative教程_哔哩哔哩_bilibili

ReactNatvie实战：【叩丁狼教育】ReactNative实战项目演练-自学必备_哔哩哔哩_bilibili

UniApp

Uni-App从入门到实战：Uni-App从入门到实战-黑马程序员杭州校区出品_哔哩哔哩_bilibili

Uni-App美团外卖：uniapp打造美团外卖微信小程序开发，uni-app，vue中高级实战课程，提供https在线接口，可发布上线_哔哩哔哩_bilibili

Flutter

Flutter基础：Flutter基础视频教程_哔哩哔哩_bilibili

Flutter实战：Flutter20个小实例免费视频教程_哔哩哔哩_bilibili

Ionic

Ionic入门：https://www.bilibili.com/video/BV1Ub41117q5

桌面应用开发

Desktop Applications

Electron

Electron入门：https://www.bilibili.com/video/BV1QB4y1F722

Electron基础：Electron免费视频教程-从基础到实战_哔哩哔哩_bilibili

学到此处，基础部分学习已经全部完成。

你可能感兴趣的:(笔记,前端)

  • Flink 源码笔记03—StreamGraph到JobGraph 董嘻嘻 Flink源码笔记flinkjavabigdata
    文章目录简介入口函数traverseStreamGraphAndGenerateHashesgenerateDeterministicHashgenerateUserSpecifiedHashsetChainingisChainable简介JobGraph可以认为是StreamGraph的优化图，它将一些符合特定条件的operators合并成一个operatorchain，以减少数据在节点之间序列
  • 【学习笔记】Python基础-字典Dict和Set和List与Str扩展 法迪 Python基础pythonhashmapDictsetlist
    Dict使用大括号围起来，这里提供一种键值对的list表示方法1.Dict{}2.List[]3.turple()实例代码#!/usr/bin/envpython3#-*-coding:utf-8-*-#字典dict类似Java的HashMap#Dict{}#List[]#turple()mDict={"Lava":90,"Huawei":100,"Sony":60}print(mDict['La
  • 深度求索-DeepSeek-R1本地部署指南 0小和尚化缘12 个人开发
    1、参考：部署指南2、参考：deepseek本地部署只需三步DeepSeek本地部署只需三步：1、安装运行环境：安装Ollama：Ollama官网：官网2、下载模型：参数越大，需要物里硬件越多3、安装部署前端交互程序：都是现成的开源架构
  • 设计模式 笔记10 | 适配器模式 在源码中的应用 | Spring源码的 AOP 注册中心存储了不同的适配器实现 | SpringMVC源码doDisPatch方法里的 HandlerAdapter 「已注销」 设计模式设计模式适配器模式spring
    文章目录一、适配器模式知识回顾二、类适配器使用案例之拓展登陆业务2.1模拟登陆的旧系统2.2旧系统拓展【类适配器】2.3旧系统拓展【接口适配器】三、适配器模式在Spring源码中的应用四、SpringMVC中的适配器模式五、总结参考资料一、适配器模式知识回顾适配器定义：将一个类的接口转换成另一种目标接口，使得原本由于接口不兼容而不能一起工作的类能一起工作适配器分类：类结构型模式（耦合读较高）和对象
  • Unity UI优化总结 Don里个冬 Unity3D技术分享unityunity3dugui
    UnityUI优化总结前言最近又再一次回顾总结了一下UnityUI的优化，在此作下笔记，供学习参考。核心四大问题在Unity中UI优化的核心问题就是重绘和批处理之间的平衡。虽然说可以通过一些简单的技巧单方面地减少批次或者减少重绘，但进行过一波优化之后，最终还是要面临批次和重绘的平衡问题的。常见的四大UI优化问题：1、片段着色器利用率过高（或者说GPUfill-rate填充率过高），即每个片段处理的
  • [学习笔记-SLAM篇]Ubuntu16.04+ROS下配置ORB-SLAM3——后续 warningm_dm SLAM篇
    作为一篇后记，就主要做补充之用。索引1.编译不显示warning2.LocalMapping报错3.KannalaBrandt8报错4.RGB-D设置文件1.编译不显示warning编译的过程中有报错，但是一贯的，warning太多了，所以修改一下，便于找错。参考ubuntu18.04配置ORB-SLAM3。将ORB-SLAM3的CMakeLists.txt中的-Wall后面加上-w，可屏蔽编译的
  • 请解释设备像素、CSS 像素、设备独立像素、DPR、PPI 之间的区别 ？ 程序员黄同学 前端开发Java面试题JavaScriptjavascript开发语言
    一、核心概念解释1.设备像素（PhysicalPixel）定义：屏幕物理发光点的最小单位，硬件决定不可变。例如iPhone12的屏幕分辨率2532×1170表示横向2532个物理像素点。特点：不同设备物理像素密度不同，高密度屏幕（如Retina）单位面积像素更多。2.CSS像素（CSSPixel）定义：前端开发中使用的逻辑像素单位，如width:300px。浏览器根据DPR自动换算为物理像素。特点
  • NACOS保姆笔记（2）——Spring Cloud Alibaba Nacos服务注册与发现以及负载均衡 laolitou_1024 Nacos微服务中间件服务发现微服务rpc中间件springcloud
    前面我们介绍过：NACOS保姆笔记（1）——NACOS的安装和启动本篇主要介绍下Nacos和springcloudalibaba来组合实现服务注册与发现以及负载均衡。环境具体的版本约束参见版本说明，我的环境版本如下：Nacos:2.2.0Springboot:2.6.13SpringCloudAlibaba:2021.0.5.0Loadbalancer:3.1.0Nacos端1，可以新建一个nam
  • EasyX学习笔记1：线条 ͨৡۚۨC++ۨۚ࿐๊ C++游戏开发【EasyX】c++
    目录一、线条颜色1.`setlinecolor`-设置当前线条颜色2.`getlinecolor`-获取当前线条颜色二、线条样式1.`setlinestyle`-设置线条样式（宽度、类型等）三、绘制线条1.`line`-绘制两点间直线2.`lineto`-从当前位置画线到指定点3.`linerel`-相对当前位置画线4.`polyline`-绘制多段线四、其他函数1.`getlinestyle`-
  • 防重复提交思路 harmful_sheep springbootjava
    本文将从以下几个方面展开：（1）重复提交产生的原因（2）什么是幂等性（3）针对重复提交，前后端的解决方案（4）如果实现一个防重复提交工具产生原因由于重复点击或者网络重发eg:点击提交按钮两次;点击刷新按钮;使用浏览器后退按钮重复之前的操作，导致重复提交表单;使用浏览器历史记录重复提交表单;浏览器重复的HTTP请求;nginx重发等情况;分布式RPC的try重发等;主要有2个部分：（1）前端用户操作
  • html5 二进制数据解析,JavaScript读写二进制数据的方法详解 如果有片海 html5二进制数据解析
    前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面话不多说了，来一起看看详细介绍的吧类型化数组的出现类型化数组是HTML5中引入的API，它能够让开发者使用JavaScript直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过JavaScript操作二进制数据，通常都是操作J
  • 【自学笔记】机器学习基础知识点总览-持续更新 Long_poem 笔记机器学习人工智能
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录机器学习重点知识点总览一、机器学习基础概念二、机器学习理论基础三、机器学习算法1.监督学习2.无监督学习3.强化学习四、机器学习处理流程五、机器学习常见问题与解决方法六、机器学习应用领域总结机器学习重点知识点总览一、机器学习基础概念定义：机器学习是一种人工智能技术，通过对数据的学习和分析，让计算机系统自动提高其性能。本质：找到
  • 前端如何播放二进制音频数据 尼古拉斯网页匠 音视频javascriptreact.js
    音频数据播放数据consttryListen=async(row)=>{awakenPlay(row.sid).then((res)=>{//请求接口，拿到二进制音频数据constbinaryData=atob(res.data);//将二进制数据转换为Uint8ArrayconstbyteArray=newUint8Array(binaryData.length);for(leti=0;i
  • 联想E470 双GPU笔记本部署私有AI模型方案 月光技术杂谈 大模型初探人工智能ChatGLM3联想E470Qwen-7BPhi-3-mini
    背景：手上有一台联想E470的闲置笔记本，配置如下：（IntelHD620核显+NVIDIA920MX独显，i5-7200UCPU），想用它来部署并学习AI模型。考虑到电脑的性能限制，打算采用「量化模型+知识蒸馏」的低成本部署方案。一、硬件适配优化方案显存限制突破使用4-bit量化技术压缩模型，例如加载ChatGLM3-6B的INT4版本，显存需求可降至6GB310启用CPU-GPU混合推理（通过
  • LLM论文笔记 9: Neural Networks and the Chomsky Hierarchy Zhouqi_Hua 大模型论文阅读论文阅读人工智能深度学习笔记语言模型
    Arxiv日期：2022.9.29机构：GoogleDeepMind/Stanford关键词transformer架构原理乔姆斯基体系长度泛化核心结论1.虽然Transformer理论上具有图灵完备性，但在实践中能力受到位置不变性和有限记忆的限制2.Transformer在一些任务中表现较差，例如正则语言任务（如ParityCheck），表明其与Chomsky层级的对齐性不佳3.Transform
  • [论文笔记] Cost-Effective Hyperparameter Optimization for Large Language Model Generation 大型语言模型生成推理超参优化 心心喵 论文笔记论文阅读语言模型人工智能
    成本效益高的大型语言模型生成推理的超参数优化https://openreview.net/pdf?id=DoGmh8A39OChiWang1,SusanXueqingLiu2,AhmedH.Awadallah11微软研究院，雷德蒙德2史蒂文斯理工学院摘要大型语言模型（LLMs）因其生成能力引发了广泛关注，催生了各种商业应用。使用这些模型的高成本驱使应用构建者在有限的推理预算下最大化生成的价值。本文
  • Java笔记——Java的三大体系架构:深入剖析Java的三大体系架构 啊健的影子 java笔记架构
    Java的三大体系架构概述JavaSEJavaSE的主要特点和应用场景JavaSE中的核心API和功能JavaSE的优缺点JavaSE的主要特点和应用场景JavaSE中的核心API和功能JavaSE的优缺点JavaEEJavaEE的主要特点和应用场景JavaEE中的核心API和功能JavaEE的优缺点JavaEE的主要特点和应用场景JavaEE中的核心API和功能JavaEE的优缺点JavaMEJ
  • 中华人民共和国网络安全笔记 _DT9825 笔记
    《中华人民共和国网络安全法》的考试要点总结一、基础信息1.立法时间-2016年11月7日通过，2017年6月1日起施行。2.立法目的-保障网络安全，维护网络空间主权、国家安全和社会公共利益，保护公民、法人合法权益。3.适用范围-在中国境内建设、运营、维护和使用网络，以及网络安全的监督管理。二、重点章节与核心内容第一章总则1.基本原则-网络安全与信息化发展并重，坚持积极利用、科学发展、依法管理、确保
  • Git 从入门到进阶 （只有干货，没有废话） 2401_84153158 程序员gitelasticsearch大数据
    《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！1.2.2已有的项目gitstash保存当前修改gitpull拉取远程最新代码与本地合并gitstashpop取出当前最新修改gitadd文件列表追踪文件gitcommit-m提交信息向仓库提交代码gitpushorigin分支名称推送至远程仓库具体的分支二、Git进阶操作=============
  • 【Linux探索学习】第二十九弹——线程概念：Linux线程的基本概念与线程控制详解 GG Bond.ฺ Linux探索学习linux学习算法运维
    Linux学习笔记：https://blog.csdn.net/2301_80220607/category_12805278.html?spm=1001.2014.3001.5482前言：在现代操作系统中，线程是程序执行流的最小单元。与进程相比，线程更加轻量级，创建和销毁的开销更小，且线程之间可以共享内存空间，因此在多任务处理、并发编程中，线程的使用非常广泛。Linux作为一个多用户、多任务的操
  • Python----数据结构----链表----双向链表 一盏偏灯 Python学习数据结构链表算法python
    Python学习之路，点击有全套Python笔记双向链表一种更复杂的链表是“双向链表”或“双面链表”。每个节点有两个链接：一个指向前一个节点，当此节点为第一个节点时，指向空值；而另一个指向下一个节点，当此节点为最后一个节点时，指向空值。步骤：is_empty()链表是否为空length()链表长度travel()遍历链表add(item)链表头部添加append(item)链表尾部添加insert
  • 前端面试题 阿芯爱编程 面试前端
    以下是一些前端面试题：一、HTML/CSS部分请描述HTML的语义化标签的重要性，并列举一些常用的语义化标签。答案：重要性：对搜索引擎优化（SEO）有帮助，搜索引擎能够更好地理解页面结构，从而提高网站在搜索结果中的排名。提高代码的可读性和可维护性，使开发者更容易理解页面布局和功能逻辑。对于辅助技术（如屏幕阅读器）更友好，能够准确地向用户传达页面内容。常用语义化标签：：定义页面或区域的头部内容，通常
  • C语言学习记录（4）青年歌手大奖赛_评委会打分 舌尖上的五香 C语言
    C语言学习记录前言一直自己没有学习做笔记的习惯，所以为了加强自己对知识的深入理解，决定将学习笔记写下来，希望向各位大牛们学习交流！不当之处请斧正！在此感谢！这边就先从学习C语言写起，自己本身对程序语言方面不擅长，所以决定对此从基础开始学习，大牛们对此文可以忽略！学校的OJ上的题青年歌手大奖赛_评委会打分题目描述青年歌手大奖赛中，评委会给参赛选手打分。选手得分规则为去掉一个最高分和一个最低分，然后计
  • 【linux numa】 NUMA 绑核 Dayu_log linuxlinux
    1.NUMA的前世今生NUMA（NonUniformMemoryAccess）和UMA（UniformMemoryAccess）是两种CPU相关的硬件架构。在早期的UMA架构中，CPU通过前端总线（FSB，FrontSideBus）连接到北桥芯片，然后北桥芯片连接到内存，即内存控制器集成在北桥芯片中。外部IO设备与南桥芯片相连，南桥芯片与北桥芯片通过内部总线相连。下图为UMA架构图下图为早期的UM
  • 前端高级面试题 阿芯爱编程 面试前端
    以下是一些前端高级面试可能涉及到的内容：一、前端工程化如何构建一个适合大型团队的前端代码规范和构建流程？答案：代码规范方面：使用ESLint结合Prettier来统一JavaScript和CSS（包括预处理器如Sass或Less）的语法风格。例如，规定变量命名采用驼峰命名法，函数名要有明确含义等。对于HTML结构，制定语义化标签的使用规范，如导航栏使用标签，页脚使用标签等。确定组件化的规范，包括组
  • 学习疯狂JAVA讲义——学习基本类型 红鲤鱼与绿鲤鱼与哈士奇 学习java开发语言
    笔记备忘，方便以后忘了查询（如有错误，敬请指点）★类型：↗基本类型Java的类型↘引用类型↗整形(byte、short、int、long)↗浮点型(float、double)★基本类型：→字符型(char)↘boolean型(boolean)★整型位(bit)要么是0、要么是1。字节(Byte)8个bit所谓整形，只能装整数(包括正整数和负整数)2^0→12^1→22^2→42^3→82^4→16
  • 如何训练LLM“思考”（像o1和DeepSeek-R1一样, 高级推理模型解析 果冻人工智能 AI员工人工智能chatgpt深度学习
    2024年9月，OpenAI发布了它的o1模型，该模型基于大规模强化学习训练，赋予了它“高级推理”能力。不幸的是，他们是如何做到这一点的细节从未被公开披露。然而，今天，DeepSeek（一个AI研究实验室）成功复现了这种推理行为，并公开了他们方法的完整技术细节。在这篇文章中，我将讨论这一创新背后的关键思想，并描述它们在底层是如何运作的。一台会思考的笔记本电脑OpenAI的o1模型标志着训练大语言模
  • Vue 实现全球国家国旗的使用，附全球国家的JSON数据 Song_Estelle vue前端vue.jsjsonjavascript
    有时在前端展示中需要用到全球国家的国旗图标，我们可以用到flag-icon-css这个插件。1.安装flag-icon-cssnpminstallflag-icon-css2.在main.js中全局引用import'flag-icon-css/css/flag-icons.css'3.在界面中使用换不同的国旗，将flag-icon-后的国家代码换掉就行，国家代码对照表iso-3166-1全球国家名
  • 服务器数据传输协议,详解前端websocket服务器之数据传输协议 前言 服务器发送数据 服务端接受数据 总结... weixin_39980575 服务器数据传输协议
    前言上一篇文章我们初步搭建了一个websocket，但是还不能发送和接收数据，这篇文章我们聊一聊它是如何收发数据的。websocket支持文本和二进制的传输，内部是如何接收和发送数据的对使用者来说是不可见的，虽然这不影响使用，但是为了更加深入了解websocket的原理，我们还是有必要一探究竟！我们首先来看一张数据结构的二进制图，如下：如图1，乍一看可能看不懂，我先来解释一下：图1最上面表示的是二
  • java笔记——Map循环指南 啊健的影子 java笔记python
    一、遍历Map的三种方法Java中的Map是一种以键值对形式存储数据的容器，常用的实现类有HashMap、LinkedHashMap和TreeMap。遍历Map是我们在使用Map时最常遇到的问题之一，下面介绍三种常用的遍历方法。1.通过entrySet遍历Mapmap=newHashMap();map.put(1,"one");map.put(2,"two");map.put(3,"three")
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他