2021你应该了解的前端知识体系

没有经过系统的学习、归纳和总结，任何知识都是掌握不牢固的。

对于始终要保持学习的程序员来说，学习的新技术不仅要进行实践，还要经常进行反思和复盘，然后通过笔记或者博客将自己的思考记录下来，只有这样做才能真正掌握新技术。

前端开发是非常特殊的一个职业，在大学没有前端开发专业，大部分做前端开发的同学都是学计算机或者其他专业通过自学而入行的，这样半路出家就会造成一个问题，前端的基础不牢固，掌握的知识也没有形成体系，无法将所有前端相关的知识串起来，而且工作之后大部分时间可能都在写业务代码，如果工作之外又没有进行思考或者总结的话，那么将来被淘汰、被别人取代是必然的。

本文就从前端开发基础知识到高级应用、再到前端项目管理各个方面来聊聊如何构建自己的前端知识体系。本文既适合准备转行前端的同学阅读，也适合刚入行前端的同学阅读，更适合做前端开发1~3年的同学。

基础知识

万丈高楼平地起，没有扎实的基础，前端开发这条路走不远。那么需要扎实掌握的基础知识有哪些呢？

编程基础

  • HTML(HTML5)
    掌握常用标签、标签语义化的意义、meta属性、DOM、Canvas、前端存储
  • CSS(CSS3)
    掌握CSS选择器、布局、浮动与定位、BFC（块格式上下文）、CSS3动画

  • JavaScript

    1. 数据类型
    2. 原型与原型链
    3. 作用域与作用域链
    4. 闭包
    5. this
    6. 执行上下文
    7. call、apply、bind 方法
    8. 事件冒泡、事件委托
    9. 防抖与节流
    10. ajax 异步请求
    11. 跨域
    12. 浏览器事件循环机制，宏任务与微任务
    13. 浏览器渲染原理、回流与重绘
    14. 浏览器缓存策略、CDN
    15. HTTP 状态码

  • ES6

    1. let、const
    2. 箭头函数
    3. 解构赋值
    4. 模板字符串
    5. Symbol与Symbol属性
    6. Set和Map数据结构
    7. Iterator 和for...of 循环
    8. 异步编程，Generator函数、Promise对象、async函数
    9. Class类，Class类、对象创建、继承、静态方法与属性
    10. Module模块化
  • 微信小程序

开发与调试工具

  • VS Code 常用快捷键
  • Chrome 开发者工具
  • Postman
  • Fiddler 、Charles 抓包工具

类库与框架、组件库

  • jQuery
  • Bootstrap
  • underscore
  • Lodash

  • Vue

    1. vue
    2. vuex
    3. vue-router
    4. element-ui

  • React

    1. react
    2. redux
    3. mobx
    4. react-router
    5. antd-design
  • Angular
  • 小程序框架：taro、mp-vue、uni-app

高级进阶

仅仅掌握基础知识是远远还不够的，这些基础知识只能保证你能顺利完成日常开发工作。而想要进大厂，想要更好的工作，那就还得深入学习。

阅读框架源码

  • jQuery/underscore 等 JS 库的源码
  • element-ui/Ant Design 等 UI 组件库的框架源码
  • Vue 源码
  • React 源码
  • Webpack 源码

网络相关

  • OSI七层/四层模型
  • HTTP协议
  • HTTPS

前端安全

  • CSRF 攻击与防御
  • XSS 攻击与防御

性能优化

  • 性能指标

    1. 首次绘制（FP）
    2. 首次内容绘制（FCP）
    3. 首次有效绘制（FMP）
    4. 每秒传输帧数（FPS）
    5. 用户可交互时间
    6. DNS解析时间
    7. TCP连接时间
    8. HTTP请求响应时间

  • 评估工具

    1. Lighthouse
    2. Chrome 开发者工具

前端工程化

  • webpack
  • gulp
  • 模块化
  • 组件化
  • 规范化
  • 自动化

设计模式

  • 创建型：
    抽象工厂模式、工厂模式、单例模式、建造者模式、原型模式
  • 结构型：
    桥接模式、代理模式、装饰器模式、适配器模式、享元模式、组合模式、门面（外观）模式
  • 行为型：
    观察者模式、模板模式、迭代模式、状态模式、命令模式、中介者模式、解释器模式、职责链模式、访问者模式、策略模式、备忘录模式

V8引擎机制

  • JS 执行机制
  • V8垃圾回收
  • V8优化

大前端

  • Flutter
  • React Native

软技能

  • 学习能力
  1. 知识储备
  2. 知识分享
  • 技术能力
  1. 解决问题
  2. 带领新人

  • 团队协作

    沟通技巧

  • 项目管理
  1. 业务理解
  2. 需求分析
  3. 项目评估
  4. 风险评估
  • 架构设计能力
  1. 交互设计
  2. 可用性
  3. 扩展性
  4. 安全性
  5. 性能
  6. 微前端
  7. 前端基础建设
  8. 前端性能监控
  9. 前端埋点

水平有限，文中难免有不足之处，欢迎大家与我交流。（前端民工）

83e465de864e4894ac864954e05ffa8e_tplv-k3u1fbpfcp-watermark.png

你可能感兴趣的:(2021你应该了解的前端知识体系)

  • 锥面箍接/快拆环突破！拆装效率飙升200%，终结机器人螺丝拆装时代 CodePatentMaster 机器人人工智能
    颠覆性散热革新！宇树科技弹性散热架构让四足机器人稳定性提升40%核心价值杭州宇树科技通过弹性接触式散热仓盖与导流件协同设计，实现计算单元散热效率提升32%且抗冲击性能增强40%，攻克四足机器人高热工况下的核心组件易损难题[1][4]。一、技术原理深度剖析1.痛点定位：高动态场景下的散热与防护两难当前四足机器人的计算单元面临两大挑战：散热瓶颈：传统刚性固定导致接触热阻增加30%以上（见热成像对比数据
  • [模拟实现]unique_ptr、shared_ptr智能指针--C++版本的代码实现 北顾南栀倾寒 c++开发语言
    一、unique_ptrunique_ptr是在auto_ptr的基础之上，解决了多个智能指针同时指向一个对象，发生管理权转移，只有一个智能指针指向了对象，其他的都是管理的空对象的行为。这里的多个智能指针指向同一个对象是通过拷贝构造或者赋值重载实现的，unique_ptr的解决办法就是将这两种方式禁用掉，不让其进行这类操作，保证了同一时间只有一个智能指针指向该对象。1.构造函数与析构函数std::
  • 【金丹境】巧解mysql的事务与隔离级别 jstart千语 mysql数据库
    目录事务的特性（ACID）原子性（Atomicity）一致性（Consistency）隔离性（Isonlation）持久性（Durability）事务的隔离级别未提交读（READUNCOMMITTED）读已提交（READCOMMITTED）可重复读（REPEATABLEREAD）可序列化（SERIALIZABLE）事务并发问题脏读——读到别的事务修改但未提交的内容不可重复读——单条数据两次读取到的
  • 一文弄懂Python 变量初始化与内存管理 宇寒风暖 python编程python开发语言笔记学习
    在Python中，变量的初始化并不一定会开辟新的内存空间。Python的内存管理机制非常灵活，它会根据变量的值、类型以及Python的内部优化策略来决定是否复用已有的内存空间。1.变量初始化的基本概念在Python中，变量是对象的引用。当你初始化一个变量时，Python会执行以下操作：创建一个对象（如果该对象不存在）。将变量名绑定到该对象。例如：a=10b="hello"a是一个整数对象的引用。b
  • C++ :try 语句块和异常处理 愚戏师 c++java开发语言
    C++异常处理机制：try、catch和throw异常处理是C++中处理运行时错误的机制，通过分离正常逻辑与错误处理提升代码可读性和健壮性。1.基本结构异常处理由三个关键字组成：try：包裹可能抛出异常的代码块。catch：捕获并处理特定类型的异常。throw：主动抛出异常对象。try{//可能抛出异常的代码if(error_condition){throwexception_object;//抛
  • CLR 线程池 Jditinpc windows
    一、线程池基础线程池是应用程序能使用的线程集合。每CLR一个线程池；这个线程池由CLR控制的所有AppDomain共享。如果一个进程中加载了多个CLR，那么每个CLR都有它自己的线程池。CLR初始化时，线程池中没有线程。线程池维护了一个操作请求队列。创建和销毁线程是一个费时间的操作。应用程序执行一个异步操作时，就调用某个方法，将一个记录项追加到线程池的队列中。线程池的代码就从这个队列中提取记录项，
  • 【新品发售】NVIDIA 发布全球最小个人 AI 超级计算机 DGX Spark segmentfault
    GTC2025大会上，NVIDIA正式推出了搭载NVIDIAGraceBlackwell平台的个人AI超级计算机——DGXSpark。赞奇可接受预订，直接私信后台即刻预订！DGXSpark(前身为ProjectDIGITS)支持AI开发者、研究人员、数据科学家和学生，在台式电脑上对大模型进行原型设计、微调和推理。用户可以在本地运行这些模型，或将其部署在NVIDIADGXCloud或任何其他加速云或
  • 什么是通配符SSL证书？ https
    随着网络攻击手段的不断升级，保护用户数据、确保传输安全已成为网站运营者的首要任务。而通配符SSL证书，作为网站安全领域的一项重要技术，正以其独特的优势，成为越来越多网站的选择。一、通配符SSL证书概述通配符SSL证书，是一种能够保护一个主域名及其所有子域名的SSL证书。它通过使用星号作为通配符，实现了对主域名下所有子域名的统一保护。这意味着，无论你的网站有多少个子域名，都只需要一张通配符SSL证书
  • Bell-1量子计算机分析：开启量子计算2.0时代的创新引擎 Allen_Lyb 行业智库分析与报告量子计算与量子学习量子计算
    Bell-1量子计算机：开启量子计算2.0时代的创新引擎一、引言1.1研究背景在当今科技飞速发展的时代，量子计算作为前沿领域，正深刻地改变着科技格局，引领新一轮科技革命与产业变革。自20世纪80年代量子计算概念被提出以来，历经多年的理论探索与技术攻坚，已取得了众多突破性进展。从最初理论设想的提出，到逐步构建出量子计算机，每一次进展都吸引着全球科学界和产业界的高度关注，其发展历程见证了人类对计算能力
  • BRAM消耗与FIFO的关系：有效利用FPGA资源的策略 kanhao100 HLSfpga开发
    BRAM消耗与FIFO的关系：有效利用FPGA资源的策略引言在FPGA设计中，BRAM（BlockRAM）是用于存储数据的重要资源。有效管理和利用BRAM对于实现高性能数字系统至关重要。特别是对于需要频繁读写数据的应用，FIFO（先进先出）缓冲区的使用与BRAM的消耗之间存在着密切的关系。本文将探讨BRAM的消耗、FIFO的特性，以及如何正确利用BRAM以优化设计效率。1.BRAM的基本概念1.1
  • GreatSQL 为何选择全表扫描而不选索引 数据库mysql
    GreatSQL为何选择全表扫描而不选索引1.问题背景在生产环境中，发现某些查询即使有索引，也没有使用索引，反而选择了全表扫描。这种现象的根本原因在于优化器评估索引扫描的成本时，认为使用索引的成本高于全表扫描。2.场景复现2.1环境信息机器IP：192.168.137.120GreatSQL版本：8.0.32-262.2环境准备通过脚本创建了一个包含100万条数据的表，并在age列上创建了索引id
  • 如何用大模型评估大模型——PAI-Judge裁判员大语言模型的实现简介 人工智能机器学习大模型llm
    背景：为什么需要一个「裁判员大语言模型」？随着大模型（LLM）技术的爆发式应用，如何快速、客观评估模型回复质量成为行业痛点。对于回答客观问题的LLM，目前业内已经有比较成熟的数据集进行效果评测与模型打榜。但是如何对一个开放式生成LLM进行效果评估，尤其在知识问答、客服对话、内容合规、RAG（检索增强生成）等场景中，目前主流的评测方式仍存在一定的局限性：人工标注：成本高昂、效率低下；传统的自动化评估
  • -5V、-3V...这种负电压是怎么产生的？附电路详解！ 捷配科技 PCB大全制造pcb工艺捷配
    在电子电路领域，负电压常常是不可或缺的元素，尤其在运算放大器等应用场景中，为其建立稳定的负电压供电至关重要。以常见的正5V转负5V为例，来探讨负电压产生的电路原理。通常情况下，若要获取负电压，专用的负压产生芯片是首选，如ICL7600、LT1054等，但这些芯片成本相对较高。在单片机电子电路中，有几种常用的负压产生电路，且这些电路往往能巧妙利用单片机的PWM输出功能。很多单片机的PWM输出功能未被
  • API item_get 在电商平台的核心作用以及如何测试 index_all 数据供应商京东apijava大数据开发语言
    在电商行业蓬勃发展的今天，跨平台运营已成为众多商家的必然选择。然而，随之而来的数据孤岛问题却成为了制约电商企业进一步发展的瓶颈。为了解决这一问题，电商大数据平台应运而生，而item_getAPI作为获取商品详情的关键接口，在其中扮演着至关重要的角色。本文将深入探讨item_getAPI在跨平台电商数据整合中的应用与优势，为电商企业在数据驱动的道路上提供有力支持。一、跨平台电商数据整合的挑战在跨平台
  • AI编程系列 之Claude 3.5 Sonnet：编码的未来已无限改变！ Claude 3.5 Sonnet 即将改变一切！ 知识大胖 NVIDIAGPU和大语言模型开发教程AI编程信息可视化claude
    简介“编程并不是让你成为一个成功人士的必要条件。”Nvidia首席执行官黄仁勋。正如JensenHuang所说，LLM的最新特点让我们意识到了解编码可能并不像我们想象的那么重要。你知道吗，你可以在2分钟内创建一款贪吃蛇或俄罗斯方块游戏？在本文中，我们将探索Claude3.5Sonnet，你将明白为什么最近每个人都在谈论它。推荐文章《AnythingLLM教程系列之05AnythingLLM允许您创
  • 收集整理了一些wordpress开发中常用到的实用代码 wodrpress资源分享 wordpresswordpress
    wordpress调用全站热门文章代码”,‘post_status’=>‘publish’,//只选公开的文章.‘post__not_in’=>array($post->ID),//排除当前文章‘caller_get_posts’=>1,//排除置顶文章.‘orderby’=>‘comment_count’,//依评论数排序.‘posts_per_page’=>$post_num);$query_
  • 13 异常处理的使用大全 希望_睿智 C++基础知识精讲c++windowsc语言开发语言异常处理
    概述异常是指程序在执行的过程中，没有按照预定的流程和逻辑去运行，从而导致数组越界、内存溢出、甚至程序崩溃等各种非正常的情况。在C++、Java和C#等高级语言中，都提供了对于异常的处理机制。异常处理，实际上是一种转移程序控制权的方式。当程序中抛出了异常时，我们可以捕获异常，进而进行相应的处理。处理模型一般有两种：一种是终止模型，表示该异常是致命的，无法恢复，会直接终止程序；另一种是恢复模型，表示该
  • Pydantic配置继承抽象基类模式
    title:Pydantic配置继承抽象基类模式date:2025/3/21updated:2025/3/21author:cmdragonexcerpt:Pydantic模型配置系统支持通过嵌套Config类定义字段校验、序列化等行为。配置继承需显式指定父类Config，子类可覆盖或扩展配置项。动态配置管理允许运行时通过工厂函数创建带特定设置的模型，支持热更新验证规则。企业级架构中采用基类配置继
  • 《深度剖析：BERT与GPT——自然语言处理架构的璀璨双星》 人工智能深度学习
    在自然语言处理（NLP）的广袤星空中，BERT（BidirectionalEncoderRepresentationsfromTransformers）与GPT（GenerativePretrainedTransformer）系列模型宛如两颗最为耀眼的星辰，引领着NLP技术不断迈向新的高度。它们基于独特的架构设计，以强大的语言理解与生成能力，彻底革新了NLP的研究与应用范式，成为学界和业界竞相探索
  • 消息中间件：RabbitMQ、Kafka 和 Redis如何选择？一文让您了解！ 写bug如流水 架构设计rabbitmqkafkaredis中间件
    RabbitMQ、Kafka和Redis是三种常见的消息中间件，它们各自具有不同的特点和适用的场景。以下是对它们使用场景及选择的分析：1.RabbitMQRabbitMQ是一个基于AMQP（AdvancedMessageQueuingProtocol）的消息队列系统，主要用于消息传递和任务分发，具有可靠的消息传递机制。使用场景：复杂的路由机制：RabbitMQ支持多种交换器类型（如fanout、d
  • 【FAQ】HarmonyOS SDK 闭源开放能力 —Push Kit（10）
    1.问题描述：离线推送，锁屏的时候没有弹出消息，只有下拉在通知中心里面显示。请问是否是正常的？解决方案：检查一下是否存在图片风控：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...2.问题描述：1.请问纯鸿蒙系统的远程推送，自分配如何配置？2、纯鸿蒙系统的远程推送，有没有高透传？3、Android华为推送如果切到鸿蒙推送
  • 如何将丝杆升降机与PLC控制系统集成 demaichuandong 制造人工智能自动化
    将丝杆升降机与PLC（可编程逻辑控制器）控制系统集成，通常涉及以下几个关键步骤：一、明确需求与设计确定控制要求：根据丝杆升降机的功能需求，明确PLC需要控制的动作、状态监测以及故障报警等功能。选择合适的PLC型号：根据控制要求的复杂性和输入输出点的数量，选择合适的PLC型号。设计控制系统架构：绘制控制系统方框图，明确PLC、传感器、执行器等组件之间的连接关系。二、硬件连接与配置连接传感器与执行器：
  • 消息中间件选型: kafka与rabbitmq的对比 HS_Henry 消息中间件rabbitmqkafka消息中间件选型
    RabbitMQ总结_陈海龙的格物之路-CSDN博客https://blog.csdn.net/chl87783255/article/details/122606212kafka总结_陈海龙的格物之路-CSDN博客kafka，仅支持拉取的分布式流式平台。本文从简介、使用场景、设计、实现四个方面阐述kafka。https://blog.csdn.net/chl87783255/article/de
  • 月薪7万招工程师，小米汽车APP启动华为鸿蒙版开发工作；马化腾深夜回复网友对元宝的建议；苹果重组AI高管团队 | 极客头条 极客日报 华为汽车harmonyos
    「极客头条」——技术人员的新闻圈！CSDN的读者朋友们好，「极客头条」来啦，快来看今天都有哪些值得我们技术人关注的重要新闻吧。整理|苏宓出品|CSDN（ID：CSDNnews）一分钟速览新闻点！马化腾深夜回复网友对元宝的建议京东外卖：全职骑手已突破10000人逐步落实五险一金缴纳工作李开复谈中美AI竞争：三家中国公司、四家美国公司将脱颖而出王化回应小米工厂参观资格被炒至2000元：资格不可转让华为
  • RabbitMQ常见面试题及解析 chi_666 面试RabbitMQ面试
    1、什么是RabbitMQ？RabbitMQ是一个开源的消息队列系统，它实现了高级消息队列协议（AMQP）。它允许不同的应用程序之间进行异步通信，通过将消息发送到队列中，让消费者从队列中获取消息并进行处理，从而实现解耦、异步和削峰填谷等功能。2、核心组件与流程**Producer：**发送消息的应用。**Exchange：**接收消息并路由到队列（类型：Direct，Fanout，Topic，He
  • IP归属地查询API：数字世界中的“定位神器” api
    前言在数字时代，IP地址如同网络世界的“身份证”，记录着每个设备的网络足迹。而IP归属地查询API，则是解读这张“身份证”的关键工具，它能够将一串串枯燥的数字转化为具体的地理位置信息，为各行各业提供精准的数据支持。IP归属地查询API：技术原理与应用场景IP归属地查询API的工作原理并不复杂。它通过庞大的IP地址数据库，将IP地址与地理位置信息进行匹配，从而返回查询结果。这些数据库通常由专业的网络
  • C语言的setjmp和longjmp ADM实验室 编程语言c语言c++
    摘要本文描述了C语言中setjmp和longjmp函数的功能和原理，目的是为学习SRS协程原理打下基础。异常处理我们知道，在C++语言中，我们可以通过trycatch机制来捕获函数中的异常，然后从代码正常执行流程突然跳出到catch关键词描述的异常处理代码分支中。在C语言中，没有C++语言这种内置的异常捕获机制，该如何实现类似的功能呢？方法有两个，一是用操作系统提供的异常处理机制，但是这个破坏了C
  • SM系列密码算法在网络空间安全中的体系化应用研究 安全
    一、算法架构与技术特性解析1.1SM2椭圆曲线公钥算法基于Fp-256r1椭圆曲线构建，采用Weierstrass方程形式：y²≡x³+ax+b(modp)，其核心安全参数满足：素数模p：256位大素数基域Fp上椭圆曲线阶n满足n>2^191抗MOV约化攻击特性支持高效标量乘运算优化密钥协商协议采用改进的ECMQV机制，通过两步验证实现前向安全性，计算流程包含：临时密钥对生成：(d_A,P_A)←
  • Python 静态方法和类方法 a540366413 Pythonpython
    静态方法我们知道在其他语言中静态方法一般使用static修饰，静态方法的主要特点是不需要new出对象，直接通过类名就可以访问，也可以通过对象访问。需要使用staticmethod装饰器装饰方法举例：classA:@staticmethoddefstaticfunc():print("A")A.staticfunc()#A类方法类方法和静态方法类似，也可以直接通过类名访问，不过要使用classmet
  • 25年申报工商年报前先看这篇笔记，帮你避坑，少走弯路！ 搬砖小杨聊资质 笔记
    又到工商年报申报的时候了（25年截止日期6月30日）,今年年报申报与去年有点区别，我特意整理出来与大家分享，帮助大家避坑。笔记不长，5分钟时间让你事半功倍，你就是老板眼中最靓的仔！！1、今年国家企业信用信息公示系统做了个更新，未完成年报填写或有多家公司需要申报的，一定要点击退出登录，不要直接关闭网页。否则当你想要继续填写年报或申报其他公司的，需要等待系统【自动退出登录】，时间2-3个小时，会大大影
  • java的(PO,VO,TO,BO,DAO,POJO) Cb123456 VOTOBOPOJODAO
    转: http://www.cnblogs.com/yxnchinahlj/archive/2012/02/24/2366110.html   -------------------------------------------------------------------  O/R Mapping 是 Object Relational Mapping（对象关系映
  • spring ioc原理（看完后大家可以自己写一个spring） aijuans spring
             最近，买了本Spring入门书：spring In Action 。大致浏览了下感觉还不错。就是入门了点。Manning的书还是不错的，我虽然不像哪些只看Manning书的人那样专注于Manning,但怀着崇敬 的心情和激情通览了一遍。又一次接受了IOC 、DI、AOP等Spring核心概念。 先就IOC和DI谈一点我的看法。IO
  • MyEclipse 2014中Customize Persperctive设置无效的解决方法 Kai_Ge MyEclipse2014
    高高兴兴下载个MyEclipse2014，发现工具条上多了个手机开发的按钮，心生不爽就想弄掉他！ 结果发现Customize Persperctive失效！！ 有说更新下就好了，可是国内Myeclipse访问不了，何谈更新... so~这里提供了更新后的一下jar包，给大家使用！ 1、将9个jar复制到myeclipse安装目录\plugins中 2、删除和这9个jar同包名但是版本号较
  • SpringMvc上传 120153216 springMVC
      @RequestMapping(value = WebUrlConstant.UPLOADFILE) @ResponseBody public Map<String, Object> uploadFile(HttpServletRequest request,HttpServletResponse httpresponse) { try { //
  • Javascript----HTML DOM 事件 何必如此 JavaScripthtmlWeb
    HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 注：DOM： 指明使用的 DOM 属性级别。 1.鼠标事件 属性               
  • 动态绑定和删除onclick事件 357029540 JavaScriptjquery
    因为对JQUERY和JS的动态绑定事件的不熟悉，今天花了好久的时间才把动态绑定和删除onclick事件搞定!现在分享下我的过程。      在我的查询页面，我将我的onclick事件绑定到了tr标签上同时传入当前行(this值)参数，这样可以在点击行上的任意地方时可以选中checkbox，但是在我的某一列上也有一个onclick事件是用于下载附件的，当
  • HttpClient|HttpClient请求详解 7454103 apache应用服务器网络协议网络应用Security
    HttpClient 是 Apache Jakarta Common 下的子项目，可以用来提供高效的、最新的、功能丰富的支持 HTTP 协议的客户端编程工具包，并且它支持 HTTP 协议最新的版本和建议。本文首先介绍 HTTPClient，然后根据作者实际工作经验给出了一些常见问题的解决方法。HTTP 协议可能是现在 Internet 上使用得最多、最重要的协议了，越来越多的 Java 应用程序需
  • 递归 逐层统计树形结构数据 darkranger 数据结构
    将集合递归获取树形结构: /** * * 递归获取数据 * @param alist:所有分类 * @param subjname:对应统计的项目名称 * @param pk:对应项目主键 * @param reportList: 最后统计的结果集 * @param count:项目级别 */ public void getReportVO(Arr
  • 访问WEB-INF下使用frameset标签页面出错的原因 aijuans struts2
    <frameset rows="61,*,24" cols="*" framespacing="0" frameborder="no" border="0">        
  • MAVEN常用命令 avords
    Maven库： http://repo2.maven.org/maven2/ Maven依赖查询： http://mvnrepository.com/ Maven常用命令： 1. 创建Maven的普通java项目：    mvn archetype:create    -DgroupId=packageName 
  • PHP如果自带一个小型的web服务器就好了 houxinyou apache应用服务器WebPHP脚本
    最近单位用PHP做网站，感觉PHP挺好的，不过有一些地方不太习惯，比如，环境搭建。PHP本身就是一个网站后台脚本，但用PHP做程序时还要下载apache，配置起来也不太很方便，虽然有好多配置好的apache+php+mysq的环境，但用起来总是心里不太舒服，因为我要的只是一个开发环境，如果是真实的运行环境，下个apahe也无所谓，但只是一个开发环境，总有一种杀鸡用牛刀的感觉。如果php自己的程序中
  • NoSQL数据库之Redis数据库管理(list类型) bijian1013 redis数据库NoSQL
    3.list类型及操作         List是一个链表结构，主要功能是push、pop、获取一个范围的所有值等等，操作key理解为链表的名字。Redis的list类型其实就是一个每个子元素都是string类型的双向链表。我们可以通过push、pop操作从链表的头部或者尾部添加删除元素，这样list既可以作为栈，又可以作为队列。   &nbs
  • 谁在用Hadoop？ bingyingao hadoop数据挖掘公司应用场景
    Hadoop技术的应用已经十分广泛了，而我是最近才开始对它有所了解，它在大数据领域的出色表现也让我产生了兴趣。浏览了他的官网，其中有一个页面专门介绍目前世界上有哪些公司在用Hadoop，这些公司涵盖各行各业，不乏一些大公司如alibaba,ebay,amazon,google,facebook,adobe等，主要用于日志分析、数据挖掘、机器学习、构建索引、业务报表等场景,这更加激发了学习它的热情。
  • 【Spark七十六】Spark计算结果存到MySQL bit1129 mysql
    package spark.examples.db import java.sql.{PreparedStatement, Connection, DriverManager} import com.mysql.jdbc.Driver import org.apache.spark.{SparkContext, SparkConf} object SparkMySQLInteg
  • Scala: JVM上的函数编程 bookjovi scalaerlanghaskell
        说Scala是JVM上的函数编程一点也不为过，Scala把面向对象和函数型编程这两种主流编程范式结合了起来，对于熟悉各种编程范式的人而言Scala并没有带来太多革新的编程思想，scala主要的有点在于Java庞大的package优势，这样也就弥补了JVM平台上函数型编程的缺失，MS家.net上已经有了F#，JVM怎么能不跟上呢？     对本人而言
  • jar打成exe bro_feng java jar exe
    今天要把jar包打成exe，jsmooth和exe4j都用了。 遇见几个问题。记录一下。 两个软件都很好使，网上都有图片教程，都挺不错。 首先肯定是要用自己的jre的，不然不能通用，其次别忘了把需要的lib放到classPath中。 困扰我很久的一个问题是，我自己打包成功后，在一个同事的没有装jdk的电脑上运行，就是不行，报错jvm.dll为无效的windows映像，如截图 最后发现
  • 读《研磨设计模式》-代码笔记-策略模式-Strategy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 策略模式定义了一系列的算法，并将每一个算法封装起来，而且使它们还可以相互替换。策略模式让算法独立于使用它的客户而独立变化 简单理解： 1、将不同的策略提炼出一个共同接口。这是容易的，因为不同的策略，只是算法不同，需要传递的参数
  • cmd命令值cvfM命令 chenyu19891124 cmd
         cmd命令还真是强大啊。今天发现jar -cvfM aa.rar @aaalist 就这行命令可以根据aaalist取出相应的文件   例如：      在d：\workspace\prpall\test.java 有这样一个文件，现在想要将这个文件打成一个包。运行如下命令即可比如在d：\wor
  • OpenJWeb(1.8) Java Web应用快速开发平台 comsci java框架Web项目管理企业应用
        OpenJWeb(1.8) Java Web应用快速开发平台的作者是我们技术联盟的成员，他最近推出了新版本的快速应用开发平台  OpenJWeb(1.8)，我帮他做做宣传   OpenJWeb快速开发平台以快速开发为核心，整合先进的java 开源框架，本着自主开发+应用集成相结合的原则，旨在为政府、企事业单位、软件公司等平台用户提供一个架构透
  • Python 报错：IndentationError: unexpected indent daizj pythontab空格缩进
        IndentationError: unexpected indent 是缩进的问题，也有可能是tab和空格混用啦     Python开发者有意让违反了缩进规则的程序不能通过编译，以此来强制程序员养成良好的编程习惯。并且在Python语言里，缩进而非花括号或者某种关键字，被用于表示语句块的开始和退出。增加缩进表示语句块的开
  • HttpClient 超时设置 dongwei_6688 httpclient
    HttpClient中的超时设置包含两个部分： 1. 建立连接超时，是指在httpclient客户端和服务器端建立连接过程中允许的最大等待时间 2. 读取数据超时，是指在建立连接后，等待读取服务器端的响应数据时允许的最大等待时间   在HttpClient 4.x中如下设置：   HttpClient httpclient = new DefaultHttpC
  • 小鱼与波浪 dcj3sjt126com
    一条小鱼游出水面看蓝天，偶然间遇到了波浪。　　小鱼便与波浪在海面上游戏，随着波浪上下起伏、汹涌前进。　　小鱼在波浪里兴奋得大叫：“你每天都过着这么刺激的生活吗？简直太棒了。”　　波浪说：“岂只每天过这样的生活，几乎每一刻都这么刺激！还有更刺激的，要有潮汐变化，或者狂风暴雨，那才是兴奋得心脏都会跳出来。”　　小鱼说：“真希望我也能变成一个波浪，每天随着风雨、潮汐流动，不知道有多么好！”　　很快，小鱼
  • Error Code: 1175 You are using safe update mode and you tried to update a table dcj3sjt126com mysql
    快速高效用：SET SQL_SAFE_UPDATES = 0；下面的就不要看了！ 今日用MySQL Workbench进行数据库的管理更新时，执行一个更新的语句碰到以下错误提示： Error Code: 1175 You are using safe update mode and you tried to update a table without a WHERE that
  • 枚举类型详细介绍及方法定义 gaomysion enumjavaee
    转发 http://developer.51cto.com/art/201107/275031.htm 枚举其实就是一种类型，跟int, char 这种差不多，就是定义变量时限制输入的，你只能够赋enum里面规定的值。建议大家可以看看，这两篇文章，《java枚举类型入门》和《C++的中的结构体和枚举》，供大家参考。 枚举类型是JDK5.0的新特征。Sun引进了一个全新的关键字enum
  • Merge Sorted Array hcx2013 array
    Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array. Note:You may assume that nums1 has enough space (size that is
  • Expression Language 3.0新特性 jinnianshilongnian el 3.0
    Expression Language 3.0表达式语言规范最终版从2013-4-29发布到现在已经非常久的时间了；目前如Tomcat 8、Jetty 9、GlasshFish 4已经支持EL 3.0。新特性包括：如字符串拼接操作符、赋值、分号操作符、对象方法调用、Lambda表达式、静态字段/方法调用、构造器调用、Java8集合操作。目前Glassfish 4/Jetty实现最好，对大多数新特性
  • 超越算法来看待个性化推荐 liyonghui160com 超越算法来看待个性化推荐
             一提到个性化推荐，大家一般会想到协同过滤、文本相似等推荐算法，或是更高阶的模型推荐算法，百度的张栋说过，推荐40%取决于UI、30%取决于数据、20%取决于背景知识，虽然本人不是很认同这种比例，但推荐系统中，推荐算法起的作用起的作用是非常有限的。       就像任何
  • 写给Javascript初学者的小小建议 pda158 JavaScript
    　　一般初学JavaScript的时候最头痛的就是浏览器兼容问题。在Firefox下面好好的代码放到IE就不能显示了，又或者是在IE能正常显示的代码在firefox又报错了。 　　如果你正初学JavaScript并有着一样的处境的话建议你：初学JavaScript的时候无视DOM和BOM的兼容性，将更多的时间花在 了解语言本身（ECMAScript）。只在特定浏览器编写代码（Chrome/Fi
  • Java 枚举 ShihLei javaenum枚举
    注：文章内容大量借鉴使用网上的资料，可惜没有记录参考地址，只能再传对作者说声抱歉并表示感谢！   一 基础 1）语法      枚举类型只能有私有构造器（这样做可以保证客户代码没有办法新建一个enum的实例）      枚举实例必须最先定义 2）特性     &nb
  • Java SE 6 HotSpot虚拟机的垃圾回收机制 uuhorse javaHotSpotGC垃圾回收VM
    官方资料，关于Java SE 6 HotSpot虚拟机的garbage Collection，非常全，英文。 http://www.oracle.com/technetwork/java/javase/gc-tuning-6-140523.html   Java SE 6 HotSpot[tm] Virtual Machine Garbage Collection Tuning &
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他