王钰峰
王钰峰

0基础web前端学习路线

买了一些前端入门书籍，好像也看不太明白？看了好多视频教程似乎也是似懂非懂？如果你现在是初学前端，入门的话，可以看看下面内容……或者有一点帮助学习前端，前端就好比如盖房子html就充当了房子结构这部分，也是房子的基础。css呢，就好比咱们房子的装修，墙面什么颜色，什么风格，什么地板...这些给房子改变风格，样式的就是cssjavascript呢，就好比这个房子的功能，房子需要制冷吧，需要暖气吧，也需要上下水吧。这些功能性的就相当于是javascript例子可能不是很恰当，只是帮助大家有个初步的认识

1.前端工具（dreamwear/sublime/editplus/SVN）
2.零基础入门（html css）

前端开发概况、代码入门
页面基本结构、文档声明、编码声明、css语法、style属性、link和style标签、id属性、基本样式、Border 、Background、 Font、盒模型、文本设置...常用标签集合header、article、aside、section、footer、nav、h1-h6、p、ul、ol、li、img、dl、dt、dd...绝对路径、相对路径、标签语义化、标签嵌套规范、SEO...

常用选择器&标签类型划分
d、class、类型选择、包含选择、群组选择、通配符、选择器优先级、标签样式初始化订制方案、超链接及伪类划分、标签类型划分及特性、inline、inline-block、block..

浮动进阶
浮动的作用、浮动的特性、文档流、浮动的各种问题、clear、BFC(块级格式化上下文)、触发BFC的条件、Haslayout、Haslayout的触发条件...

定位
relative相对定位、Absolute绝对定位、Absolute绝对定位、Fixed 固定定位、inherit 继承、static静态定位、默认值、zIndex层级问题、margin负值、透明度...

表格和表单
表格标签、表格样式重置、单元格合并、表单元素、表单相关的属性操作、表单默认样式初始...

兼容性问题处理
兼容性问题总结、浮动在IE6，7下的各种问题、表单在低版本IE的问题、处理低版本IE对新增标签的支持、CssHack、条件注释语句、PNG问题、透明度的问题、固定定位在IE低版本的处理方式...

整站进阶
样式规划、favicon、Css Sprite、Data URI、隐藏元素、测试工具使用、滑动门、等高布局、三列布局、未知宽高图片在容器内水平垂直居中、文本水平垂直居中、多行文本水平垂直居中...

css3入门
transition、属性选择器、nth-of-type、nth-child、backgroundSize、box-sizing、圆角，盒模型阴影、文字阴影、rgba、表单高级、H5表单新增属性、E:not(s)、E:target、E::selection、background-clip...

移动端布局
测试环境Emulation、viewport、window.devicePixelRatio、物理分辨率、Media Queries、rem、window.screen、移动端布局相关问题、window.deviceorientationevent、横竖屏判断...

Animation和Transform
浏览器前缀、keyFrames、Animation调用、播放次数设置、动画偶数次调用顺序、Animation的问题、无缝滚动、动画播放|暂停、rotate旋转、deg、skew斜切、scale缩放、translate位移、transform-origin、transform的执行顺序问题...

Bootstrap前端开发框架
Html语法规范、CSS语法规范、Less 和 Sass 中的嵌套、class 命名、选择器、Normalize.css、栅格系统、排版、代码、响应式工具...

3.项目实战

PC端的企业网站布局（例：sony官网）PC端的电商类网站布局（例：京东商城）移动端常见页面布局（例：微信活动页/商城）
个人认为学习前端可能又分为下面几个阶段

第一阶段——HTML标签的学习

超文本标记语言(HyperText Mark-up Language 简称HTML)，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

html是一个网页的骨架，就好比是盖房子的结构~这也是前端页面的基础。试着想一下，如果一个房子连砖头和水泥都没有，后面的步骤又有什么意义呢？所以我们必须完全掌握HTML的基本结构和常见的标签，属性。有了一个好的开始，距离成功已经一小半啦

关于HTML怎么记忆、学习？可能一上来死记硬背，也不会有太好的预期。而且还有可能被吓到？
“我去！这么多标签！怎么记得玩？”
（web前端学习交流群：328058344 禁止闲聊，非喜勿进！）

个人感觉有两点可以尝试：

  1. 语义化的去记忆。比如ul li这个就是列表，button就是按钮，table就是表格。其实这也是html5所倡导的，语义化标签。
  2. 试着写一个一个小的demo，也许就只是一个列表，一个表格，或者一个按钮。也许写着写着你就懂了呢？

学习HTML就是要自己不断的去写，去尝试。看着自己的代码能跑起来，有了心目中的效果，这种心情还是很开心的！给大家推荐一个网站，w3cSchool，这里面有在线的代码编辑器。可以边写边看到效果~　　
ok~学习完成html后，我们来到第二阶段——css　　
去给我们的房子装修一番吧~

第二阶段——CSS的学习

CSS，层叠样式表——（Cascading Style Sheets），是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
　　
CSS看似比较繁杂，其实只要掌握了CSS中的盒子模型、定位、以及页面布局，就基本上掌握了大半啦
这时我们就以及能够对网页中各个元素进行精准的排版，做出符合我们意愿的网页啦！
关于CSS的各种属性，我们还是可以参考学习HTML那样。可以说CSS的属性几乎完全是语义化的。我们需要改变边框，那就是“border”，那我们需要右侧边框做一些改变，那就是“border-right”。很明显，接下来按照我们的需求还有“右边框的宽度——border-right-with”，”右边框颜色——border-right-color”等等等，诸如此类~
完全就是我们需要什么，只要凭着需求去寻找。
说完装修，我们终于要给房子打造一些功能啦~follow me~

第三阶段——JavaScript

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

简单来说，javascript是一个可以运行在浏览器上面的语言（当然现在基于一些库/框架已经远不只是在浏览器上了），它可以操控浏览器，让浏览器听从我们的命令。这有点像一个电视剧和遥控器，而javascript就是我们的遥控器。浏览器根据javascript的指令，做出相应的反馈。比如操作DOM（也可以理解成为操作HTML），可以操作CSS。有了javascript就可以让我更加灵活&动态的操控HTML,CSS.

严格来说、HTML和CSS还算不上真正的“语言”，而javascript却是如假包换的脚本型语言，既然是语言，那就会有字符串，数组，对象等等。而我们的javascript可以处理这些与数据有关的工作，比如给数组排个序，去个重等等。而我们依靠javascript可以做些什么呢？网页上常见的轮播图，网站的注册功能，提交我们的留言，刷新获取新闻等等。

当然，我们强大的javascript远不止此啦,以后再为大家深入介绍~

然而因为历史原因，比如我们灰常“尊敬”的 IE 浏览器~出了一套自己的javascript标准，没有和主流javascript标准兼容啊！！作为一个前端er是不是应该把更多精力用在有意义的地方呢，而不是解决兼容。。。

所以，似乎我们还需要一个利器，来让我们更快速的开发~没有错，这就是我们的——jQuery！

第四个阶段——jQuery

jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。

如果继续用盖房子做例子，jQuery更像是一个装修队。我们只需要关注我们的房子设计本身，把我的想法，理念告知这个装修队，让它来给我们处理那些杂七杂八的事情。比如会不会吵到邻居？怎么协调物业？干活总得有人手的，对吧...

jQuery的优点我就不挨个说啦，一句话，jQuery是你更上一层楼的利器，也是我们前端er一大利器！

web前端的一些小建议

这里跟大家扯一扯学习前端的小方法，是我自己的学习方法，大家凑合看看，倒也不一定对~
在写css前，其实html的结构要是比较合理的，这样写css也会比较顺手。在写一个网页之前，建议先琢磨几分钟，不要上来就写。多去看看别人是怎么写的，然后结合自己的项目，心中有一个大致规划。可以先把最外层轮廓写好，先不着急去写某一个具体的部分。

这里给大家分享一些css小技巧：

  1. 使用reset.css火狐和IE这两种不同的浏览器，在绘制CSS样式方法上截然不同。这种情况下，使用reset.css重置所有的基本样式会让你得到一个全新的空样式表。（可以去网上找一下，很多的）
  2. CSS缩写CSS缩写简化了你的CSS代码，更重要的是，它让你的代码更加整洁易懂。
    不是像这样创建CSS
    css 代码效果预览
1
2
3
4
5
6
7
.header {
}

而是像这样创建CSS
css 代码效果预览

1
2
3
.header {
}
  1. 理解class和id这两个选择器总是让初学者感到迷惑。在CSS中，Class和ID分别用点“.”和井号“#”来标识。简单来说id就是用来标识那些单独不重复的样式，而class是可以重复使用的。
  2. 实用的
  4. 也叫链接列表，在与
      或
        正确搭配的时候非常好用，尤其是用在导航菜单样式上。
      • 少用多用
        CSS最大的优势之一是使用
        达到样式上的灵活多变。不同于
        ，
        里的内容不会 被锁在单元格
        中。可以说几乎所有的表格布局都可以在
        和样式的正确使用下完成。当然，有大量表格内容时，还是用 吧。
      • CSS调试工具在设计CSS时，能够得到页面布局的预览对于优化CSS样式和纠错是很有帮助的。这里有一些免费的CSS调试工具推荐给你，你可以把它装在浏览器上：比如FireFox Web Developer、DOM Inspector、Firebug等
      • !Important所有被!important 标记的样式，即使它后来被重写，浏览器也只会采用被标记的那条。
        css 代码效果预览
        • 1
2
3
4
.page {
}

        比如上面的例子，因为background-color:blue 被标记为!important ，即使后来有把背景改成红色的语句，也只采用被标记的那条。!important 用来强制使一个样式避免在之后的编码中被修改，遗憾的是IE不支持。牢记以上小技巧，也许你的css技能突然就起飞了呢？关于javascript的一些小技巧，下次我再整理给大家。一次性看太多，大家是不是也有点晕？

        学习前端需要方法，更需要一颗平常心，不要把前端想的多难，需要吃什么苦。。。既然学习这么痛苦，为什么不快乐一点学呢？~希望大家可以成为一个优秀的前端er！

        你可能感兴趣的:(0基础web前端学习路线)

        • 为什么学习Web前端一定要掌握JavaScript？ web前端学习指南
          为什么学习Web前端一定要掌握JavaScript？在前端的世界里，没有什么是JavaScript实现不了的，关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
        • JavaWeb（苍穹外卖）--学习笔记14 哈哈哈哈哈0627 学习笔记
          前言终于开始学习做项目了，本篇文章是学习B站黑马程序员苍穹外卖的学习笔记。我的学习路线是Java基础语法-JavaWeb-做项目，管理端的功能学习完之后，就进入到了用户端微信小程序的开发，这篇文章是把我觉得JavaWeb的学习中比较重要的内容写一个总结（其实因为学到下单支付太难了我复习复习前面的）Controller层（这里只讲讲几个需要注意的注解）管理服务端的动态资源：SpringFramewo
        • Web前端交互利用Python跟大模型操作 哥本哈士奇 前端交互python
          Web前端交互利用Python跟大模型操作一个简单的演示，如何把大模型应用集成到自己的应用场景当中。这里的场景我们模拟的是在吃鸡游戏中，一个作战计划，是否符合老六的行为规范。吃鸡游戏已经风靡很多年，游戏里每个人的游戏风格都不一样，有喜欢钢枪的，有喜欢随机应变的，也有喜欢当老六苟分的。每种风格的游戏方式以及游戏里的行为都不同，所以这里将演示如何应用大模型，去判断一个人的游戏方式，是否符合一个老六的行
        • Java Web开发核心技术解析与实践指南 2301_81709812 java前端开发语言
          目录一、JavaWeb开发基础1.1核心概念解析1.2开发环境搭建二、Servlet与JSP核心技术2.1Servlet编程深度解析生命周期管理（关键代码示例）：核心对象关系：2.2JSP进阶开发技巧动态页面模板示例：三、Spring框架整合开发3.1SpringMVC核心原理3.2现代开发方案对比四、项目实战：图书管理系统4.1系统架构设计4.2性能优化策略五、学习路线建议一、JavaWeb开发
        • Python爬虫实战入门：手把手教你抓取豆瓣电影TOP250 xiaobindeshijie7 python爬虫开发语言其他
          文章目录一、环境准备（5分钟搞定）二、第一个爬虫实战（超简单版）2.1基础版代码2.2代码解剖（新人必看）三、突破反爬机制（实战精华）3.1伪装大法3.2请求频率控制3.3代理IP使用四、数据存储（多种姿势）4.1CSV存储4.2MySQL存储五、进阶技巧（高手必备）5.1异步爬虫5.2Selenium动态渲染六、法律与伦理（超级重要！！！）七、下一步学习路线一、环境准备（5分钟搞定）工欲善其事必
        • Rust 全栈应用框架 Dioxus：从前端到桌面再到 WASM 的统一开发体验 掘金安东尼 字节阿里rust前端wasm
          如果你正在寻找一个能用Rust写前端、桌面应用、移动应用甚至WebAssembly的统一框架，Dioxus是目前生态中最具潜力的选择之一。为什么需要Dioxus？随着WebAssembly（WASM）与Rust的发展，越来越多开发者开始思考：Rust是否能做“全栈”？是否能有像React一样的组件模型？是否可以用Rust写桌面GUI，甚至Web前端？Dioxus正是这个愿景下的产物。它是一个受Re
        • 《FreeRTOS 入门与实战》第30章：课程总结与优化指南 ARM架构 嵌入式系统架构单片机嵌入式硬件数据库mongodbrisc-v
          目录1.FreeRTOS10大常见问题1.1任务堆栈溢出1.2内存分配失败1.3优先级配置错误1.4中断延迟过高1.5任务调度器未启动1.6队列阻塞异常1.7看门狗触发1.8低功耗模式异常1.9移植兼容性问题1.10调试信息不足2.进一步学习路线2.1AmazonFreeRTOS核心特性学习资源移植要点2.2ESP-IDFFreeRTOS增强功能开发建议典型应用1.FreeRTOS10大常见问题1
        • web前端总复习（一）：http和https 做一个暴躁的开发 web前端总复习http网络https
          http和https的基本概念http：超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一种用于从服务器传输超文本到本地浏览器的传输协议。它可以使得浏览器更加高效，减少网络传输。https：是http的安全版。是一种以安全为目标的http通道。http和https的区别①http传输信息不加密，https传输信息加密。②端口不同，http为80端口，https为443端口。③https协议
        • golang学习线路图 gopher.guo golanggogolanggo语言
          学习Go（Golang）开发，应该从基础语法开始，逐步深入到并发编程、网络编程、Web开发、微服务架构、项目部署与调试等方向。以下是一个系统性的学习路线和内容详解，适合从零到进阶的开发者参考：一、Go语言基础Go语言的安装与配置Go的安装包下载与环境变量配置（GOROOT,GOPATH,gomod）使用GoModules管理依赖基础语法变量与常量的定义（var,const，类型推断:=）数据类型：
        • JavaWeb（苍穹外卖）--学习笔记11（Filter（过滤器） 和 Interceptor（拦截器）） 哈哈哈哈哈0627 JavaWeb（苍穹外卖）学习笔记
          前言本篇文章是学习B站黑马程序员苍穹外卖的学习笔记。我的学习路线是Java基础语法-JavaWeb-做项目，管理端的功能学习完之后，又进入用户端的登陆界面的开发，我们可以看到在后续的请求当中，都会在请求头中携带能验证身份的凭证到服务端，而服务端需要统一拦截所有的请求，从而判断是否携带的有合法的JWT令牌，下面主要来说说负责拦截的Filter（过滤器）和Interceptor（拦截器）（感觉整个项目
        • C/C++ Linux 后台服务器开发高级架构师学习知识路（架构师篇） 诗筱涵
          C/C++Linux后台服务器开发高级架构师学习知识路（架构师篇）学习2019-12-18摘自：https://www.bilibili.com/read/cv4180195114阅读1点赞0评论前言：小编从事c方面10多年的工作经验、今天跟大家分享一下我总结出来的一系列C/CLinux后台服务器开发的学习路线。从Linux开发工程师-Linux后台开发工程师-Linux高级互联网架构师。上篇写编
        • 浅谈C/C++混合编程 编程小世界
          首先,在介绍C/C++混合编程之前,先思考几个问题1.C/C++混合编程是什么?2.C/C++混合编程有什么用?3.C/C++混合编程应该怎么实现?看我主页简介免费C++学习资源，视频教程、职业规划、面试详解、学习路线、开发工具每晚8点直播讲解C++编程技术。下面,简单讲讲我对C/C++混合编程的理解:1.C/C++混合编程是什么?就像问题本身所说,C/C++混合编程也就是一个工程中,在C函数中调
        • 智慧水库边缘计算技术路线与框架设计 小赖同学啊 testTechnologyPrecious边缘计算人工智能
          智慧水库边缘计算技术路线与框架设计一、边缘计算技术路线1.整体技术路线云边协同层边缘管理层边缘计算层边缘感知层设备层配置下发模型更新数据同步容器编排资源调度安全管理实时数据处理本地AI推理规则引擎协议适配数据采集设备管理水位计雨量计摄像头闸门传感器设备层边缘感知层边缘计算层边缘管理层云边协同层中心云平台2.关键技术演进路线阶段技术重点目标1.0基础建设期容器化部署、基础数据采集实现设备接入和基础数
        • 0基础纯新手小白也能成大神 之 LVS负载均衡 Wezzer linux运维负载均衡lvs
          LVS负载均衡集群理论目录LVS负载均衡集群理论一、概述1、集群概述1.1、集群介绍1.2、集群类型1.3、负载均衡技术类型1.4、负载均衡实现方式2、LVS介绍3、LVS和nginx区别4、LVS相关术语5、LVS负载均衡算法5.1、静态负载均衡5.2、动态负载均衡二、三种LVS工作模式详解1、基于NAT的LVS模式负载均衡1.1、工作原理1.2、LVS-NAT模型的特性1.3、NAT的优点1.
        • 0基础纯新手小白也能成大神 之 计算机网络概论
          目录计算机网络概论一、概述1、概念2、网络发展史3、网络的四要素4、网络的功能5、网络的类型6、网络协议与标准7、常见概念8、网络拓扑结构二、网络模型1、分层思想2、OSI七层模型1、物理层（最底层）2、数据链路层3、网络层4、传输层5、会话层6、表示层7、应用层（最高层）3、TCP/IP五层模型1物理层2数据链路层3、网络层4、传输层5、应用层4、数据的封装与解封过程4.1PUD4.2数据封装与
        • 0基础纯新手小白也能成大神 之 Linux系统权限管理
          linux系统权限管理目录linux系统权限管理一、普通权限1、概述1.1权限类型1.2文件访问者的分类1.3文件类型1.4文件属性信息2、普通权限管理命令2.1chmod2.2chown2.3umask二、特殊权限1、类型SUID（4777)SGID权限（2777）SBIT权限（1777）三、ACL权限1、概述2、管理命令2.1setfacl2.2getfacl一、普通权限1、概述1.1权限类型
        • HTTP/2：突破性能瓶颈的Web传输革命 止观止 前端http前端网络协议
          当用户面临页面加载延迟时——如在购物车或视频会议场景——根源常可追溯到HTTP/1.1协议的限制。历史实践（如CDN分发）在现代高并发需求下逐渐失效，实测显示HTTP/1.1固有缺陷导致显著性能损失。面对这一瓶颈，协议升级成为必经之路。本文将解析HTTP/2技术内核，揭示二进制分帧与多路复用如何重构传输范式。您将掌握从协议原理（RFC7540基础）到Nginx配置的实践路径，理解HPACK压缩算法
        • 【学习路线】C#企业级开发之路：从基础语法到云原生应用
          一、C#基础入门（1-2个月）（一）开发环境搭建VisualStudio安装配置VisualStudioCommunity：免费版本，功能完整VisualStudioCode：轻量级，跨平台支持JetBrainsRider：专业IDE，强大功能.NETSDK：运行时和开发工具包NuGet包管理器：第三方库管理.NET生态系统了解.NETFramework：Windows平台传统框架.NETCore
        • 前端“武林”争“盟主”？我有我的看法！ 秋风_bdfd
          了解过web前端的都知道前端的三大框架，这也是前端攻城狮们向来争论的话题。下面就由小编来发表一下自己的一点小小的看法，如有别的看法，轻喷~前端这三大框架的争议那么大，就是因为使用的人太多了。对于小白来说，一开始接触前端，学习的都是HTML、CSS、JS。但是你学完这3样之后，你还得深入的往后期学，那么要学什么呢？当然就是我们今天所说的框架啦。因为在实际工作中，基本都是直接在框架上构建网站的，很少会
        • 数学基础薄弱者的大数据技术学习路径指南 Re_Yang09 学习
          CDA数据分析师证书含金量高，适应了未来数字化经济和AI发展趋势，难度不高，行业认可度高，对于找工作很有帮助。一、大数据技术数学需求分层二、低门槛学习路线图阶段1：工具优先（3-6个月）技能学习重点替代方案Excel透视表/条件格式WPS表格SQL多表关联/窗口函数MySQL社区版Tableau仪表板制作PowerBI免费版阶段2：实战突破（6-12个月）阶段3：精准补数（1-2个月）统计学速成清
        • 零基础玩转Cadence 16.6（手把手保姆级教程） zenithdev1 其他
          文章目录写在前面（必看！）一、安装前的灵魂三问二、安装步骤（跟着做别眨眼）步骤1：解压安装包步骤2：运行安装程序步骤3：选择组件（重点！）步骤4：配置安装路径步骤5：喝杯咖啡等安装三、破解与配置（懂的都懂）1.替换破解文件2.配置环境变量（关键！）3.重启电脑（必须！）四、第一次启动（激动时刻）新手必学三连招：五、常见作死操作集锦六、学习路线建议（亲测有效）写在最后（超级重要）写在前面（必看！）刚
        • 2025 版 Java 学习路线实战指南从入门到精通全程解析
          Java学习路线实战指南（2025版）一、基础环境搭建（2025最新）JDK安装：推荐使用LibericaJDK21LTS（支持GraalVM原生编译）#macOS使用SDKMAN安装curl-s"https://get.sdkman.io"|bashsource"$HOME/.sdkman/bin/sdkman-init.sh"sdkinstalljava21.0.1-librca#Window
        • 【自动化测试】web前端组件测试范围梳理 阿槿吃糖 前端自动化测试前端
          测试组件范围划分按钮文字链接单选框多选框输入框计数器选择器级联选择器开关日期选择器上传分页弹窗导航菜单表格富文本编辑器前端组件测试范围梳理-png
        • 从软件测试到自动化测试，待遇翻倍，我整理的超全学习指南！ 软件测试山月 python压力测试单元测试jmeter自动化测试
          交流讨论：欢迎加入我们一起学习！资源分享：耗时200+小时精选的「软件测试」资料包教程推荐：火遍全网的《软件测试》教程欢迎点赞收藏⭐留言如有错误敬请指正！因为我最近在分享自动化测试技术，经常被问到：功能测试想转自动化，请问应该怎么入手？有没有好的资源推荐？那么，接下来我就结合自己的经历聊一聊我是如何在工作中做自动化测试的。（学习路线和网盘资源放在文末了）测试新人我的职业生涯开始和大多数测试人一样，
        • 学习web前端开发的经验分享 小猿圈加加
          我们不管学习什么，必不可缺少的一定是恒心和毅力，学习web也一样，更需要不断地学习和练习，因为语言嘛，就是不断地练习才能说得更好，所以不要偷懒，偷懒一定学不会，这就是计算机语言，下面看一下小编的分享吧。感想：1.学习一个技术，不是一看见源代码就是copy，而是仔细阅读后，找到自己想要的，并且自己写出来，自己理解了，下次遇到同样的问题，自己才能解决。2.在电脑上学习的过程中，我总是先建立一个txt，
        • Conda 基本使用指南（Linux 入门版） 0基础入门教学 small_jimmy Linux虚拟机condalinux
          Conda基本使用指南（Linux入门版）适合刚接触Linux和Conda的新手！1、Conda下载与安装（以Miniconda为例）①下载安装包打开终端输入：wgethttps://repo.anaconda.com/miniconda/Miniconda3-latest-Linux-x86_64.sh说明：wget是Linux常用的下载工具。如果提示没有wget，可以安装：sudoaptupd
        • 大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫） 无·糖 Web前端期末大作业html课程设计css大学生前端javascript网页设计
          HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图
        • 【学习路线】Go语言云原生开发之路：从简洁语法到微服务架构 自学也学好编程 学习路线golanggolang学习
          一、Go语言基础入门（1-2个月）（一）环境搭建与工具链Go环境安装官方安装：从golang.org下载安装包版本管理：g、gvm等Go版本管理工具环境变量：GOROOT、GOPATH、GOPROXY配置GoModules：现代依赖管理，go.mod文件工作区设置：项目结构、包管理开发工具选择VSCode：轻量级，Go插件丰富GoLand：JetBrains专业GoIDEVim/Neovim：vi
        • 数据分析必备神器：Pandas入门实战指南（零基础也能起飞[特殊字符]）
          文章目录一、为什么Pandas是数据分析的神器？Pandas的三大超能力：二、5分钟极速上手（附实战代码）三、职场人必学的五个骚操作3.1数据清洗黑科技3.2多文件合并技巧3.3智能分组统计3.4时间序列分析3.5表格颜值改造四、避坑指南（血泪教训）4.1内存爆炸陷阱4.2索引混乱之谜4.3SettingWithCopy幽灵警告五、学习路线图（亲测有效）朋友们！！！今天咱们聊聊Python数据分析
        • 网络安全自学入门：（超详细）从入门到精通学习路线&；规划，学完即可就业 2401_84264010 程序员web安全学习安全
          4.遇到实在搞不懂的,可以先放放,以后再来解决网络安全零基础入门学习路线&规划初级1、网络安全理论知识（2天）①了解行业相关背景，前景，确定发展方向。②学习网络安全相关法律法规。③网络安全运营的概念。④等保简介、等保规定、流程和规范。（非常重要）2、渗透测试基础（一周）①渗透测试的流程、分类、标准②信息收集技术：主动/被动信息搜集、Nmap工具、GoogleHacking③漏洞扫描、漏洞利用、原理
        • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
          在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
        • MySQL性能优化 bijian1013 数据库mysql
                  性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
        • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
          项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
        • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
          首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
        • 类的继承 朱辉辉33 java
          类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
        • android 悬浮窗特效 肆无忌惮_ android
          最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
        • hadoop伪分布式搭建 林鹤霄 hadoop
          要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
        • gdb调试命令 aigo gdb
          原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
        • Socket编程的HelloWorld实例 alleni123 socket
          public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
        • 线程同步和异步 百合不是茶 线程同步异步
          多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
        • JSP中文乱码分析 bijian1013 javajsp中文乱码
                  在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
        • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
                  js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
        • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
           在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
        • 【HBase十一】Java API操作HBase bit1129 hbase
          Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
        • nginx gzip ronin47 nginx gzip
          Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
        • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
          public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
        • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
          Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
        • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
              生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
        • base64编码和url编码 cuityang base64url
          import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
        • web应用集群Session保持 dalan_123 session
          关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
        • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
              public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
        • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
          StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
        • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
          那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
        • Spring之在开发中使用SpringJDBC ihuning spring
            在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
        • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
          2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
        • 网站项目建设流程概述 macroli 工作
          一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
        • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
          事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
        • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
          关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
        • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                        Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
        • fis纯前端解决方案fis-pure zccst JavaScript
          作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f