Mr_rencp
Mr_rencp

30组常用前端开发组件库，前端组件收集整理列表

0. 前端自动化

  • 前端构建工具
    • gulp – The streaming build system
    • grunt – the JavaScript Task Runner
  • 前端模块管理器
    • Bower – A package manager for the web
    • Browserify
    • Component
    • Duo
    • RequireJS
    • Sea.js
  • css预处理器
    • Less – Less is More , Than CSS
    • Sass – Syntactically Awesome Style Sheets
    • Stylus – Expressive, dynamic, robust CSS

1. 前端框架

  • Bootstrap
  • Foundation
  • Amaze UI
  • Semantic UI
  • Pure CSS
  • topcoat
  • UIkit
  • Material UI
  • Framework7
  • mui
  • ionic framework
  • Fries
  • jQuery Mobile

2. JavaScript 框架汇总

  • JavaScript 框架
    • Angular
    • jQuery
    • Backbone.js
    • Ractive.js
    • KISSY
    • Zepto.js
    • Vanilla JS
    • Avalon
  • 轻量级JavaScript框架
    • Min.js – Super minimal selector and event library
    • skel.js – A lightweight responsive framework
  • JavaScript 工具库
    • underscore.js
    • Way.js – 双向数据绑定库
    • Keys.js – 应用快捷键

3. 前端游戏框架

  • cocos2d-html5
  • Egret Engine
  • LimeJS
  • EaselJS
  • three.js
  • AlloyStick
  • The-Best-JS-Game-Framework
  • CanvasEngine
  • Quintus

4. ui组件库

  • GMU
  • NEC
  • NEJ
  • Pure CSS Components
  • magic-of-css

5. 基础模版

  • HTML5 BOILERPLATE
  • Modernizr
  • Normalize.css

6. 排版

  • yue.css
  • typo.css

7. 网格系统

  • grid
  • Flexbox Grid

8. HTML5 API 应用

  • History.js – gracefully supports the HTML5 History/State APIs
  • jquery-pjax – pushState+ajax
  • jquery-address – Deep Linking
  • Notify.js(Web Notifications API)

9. UA 识别

  • detector

10. 表单处理

10.1 表单验证(Form Validator)

  • Validator
  • Parsley
  • jquery.form.js – jQuery Form Plugin
  • Validform
  • validator.js
  • formvalidator.js
  • Fort.js – 表单填写进度提示

10.2 < select > 相关

  • Chosen
  • Select2
  • bootstrap-select

10.3 单选框/复选框相关

  • iCheck – 增强复选框和单选按钮

10.4 上传组件

  • jQuery File Upload Plugin
  • 百度 Web Uploader
  • Uploadify
  • Plupload
  • arale-upload – 轻量级 iframe and html5 file uploader
  • Dropzone.js – drag’n’drop library拖拽上传
  • flow.js

10.5 日期选择

  • Both Date and Time picker widget based on twitter bootstrap
  • GMU 日历组件
  • Mobiscroll

10.6 取色

  • Colorpicker plugin for Twitter Bootstrap

10.7 标签插件(Tag)

  • TaggingJS – 可以灵活定制的 jQuery 标签系统插件

11. 图表绘制

  • Highcharts
  • Chart.js – Simple HTML5 Charts using Canvas
  • 百度 ECharts
  • Chartist.js
  • D3.js – A JavaScript visualization library for HTML and SVG.
    • intro-to-d3 – a D3.js tutorial

12. 日期格式化

  • Moment.js
  • Smart Time Ago – 显示相对时间

13. 页面交互

13.1 Slider

  • slick – the last carousel you’ll ever need
  • Swipe – the most accurate touch slider
  • Swiper – Most modern mobile touch slider
  • iscroll – Smooth scrolling for the web

13.2 瀑布流

  • Masonry
  • Isotope – Filter & sort magical layouts

13.3 图片懒加载/加载监听

  • imagesLoaded
  • Echo.js
  • lazySizes
  • jquery_lazyload
  • lazyload.js
  • waitForImages – 图片加载监听库

13.4 图片轮播/展示

  • FlexSlider
  • unslider – 小而美的轮播库
  • prettyPhoto

13.5 图片剪裁

  • croppic – an image cropping jquery plugin

13.6 进度条

  • NProgress.js
  • progress.js
  • Pace – Automatic page load progress bar
  • jquery-ajax-progress

13.7 侧滑插件(offcancas)

  • pushy – a responsive off-canvas navigation menu

13.8 菜单(Menu)

  • SuperFish – 基于jQuery的级联下拉菜单
  • Responsive Nav – 响应式导航

13.9 滚动侦测(ScrollSpy)

  • jquery-scrollspy(1)
  • jquery-scrollspy(2)
  • Waypoints

13.10 滚动加载更多

  • jScroll

13.11 平滑滚动插件(Smooth Scroll)

  • jquery-smooth-scroll
  • jquery.scrollTo – 平滑滚动到页面指定位置

13.12 全屏滚动

  • pagePiling.js – 全屏滚动效果

13.13 分屏滚动

  • multiscroll.js – 分屏滚动效果

13.14 转场效果

  • Animsition – 页面切换时的过渡效果

13.15 固定元素(Sticky)

  • sticky – jQuery Plugin for Sticky Objects
  • jquery.pin – 固定页面元素

13.16 触控事件

  • Hammer.JS

13.17 拖拽组件

  • Draggabilly – 专注于拖拽功能的 JS 库

13.18 隐藏或展示页面元素

  • Headroom.js – 在不需要页头时将其隐藏
  • Readmore.js – 内容显示与隐藏插件

13.19 滚动条

  • jScrollPane

13.20 视差滚动(Parallax Scrolling)

  • parallax.js
  • jparallax

14. 代码高亮插件/代码编辑器

  • google-code-prettify
  • highlight.js
  • Rainbow
  • ACE
  • CodeMirror
  • Crayon Syntax Highlighter
  • prism – Lightweight, robust, elegant syntax highlighting.

15. UI Icon 组件

  • Font Awesome
  • Glyphter: The SVG Font Machine
  • Perfect Icons
  • iconizr
  • Cikonss – 纯CSS实现的响应式Icon
  • Simple Icons

16. 动画

  • animate.css – A cross-browser library of CSS animations.
  • Transit – CSS transitions and transformations for jQuery
  • Move.js – 简化CSS3动画的JS库
  • ScrollMe – 在网页中加入各种滚动动画效果
  • Effeckt.css – A Performant Transitions and Animations Library
  • NEC动画库
  • csshake – CSS classes to move your DOM
  • magic – CSS3 Animations with special effects
  • Hover.css
  • css-loaders
  • SpinKit

17. 本地存储

  • cross-storage – Cross domain local storage
  • localForage
  • pouchdb
  • basil.js

18. 模板引擎

  • mustache.js
  • Handlebars.js
  • artTemplate
  • baiduTemplate
  • JSRender
  • EJS – JavaScript Templates
  • Juicer – A Light Javascript Templete Engine.
  • Tempo
  • json2html

19. 通知组件/弹框组件

  • alertify.js
  • AlertifyJS
  • SweetAlert
  • Messenger – 非常酷的弹框组件
  • PNotify

20. 提示控件(Tooltips)

  • qTip2 – Pretty powerful tooltips
  • tooltip – CSS Tooltips
  • tooltipster – A jQuery tooltip plugin
  • grumble.js – 气泡形状的提示（Tooltip）控件
  • Ouibounce – 离站提示控件

21. 对话框/弹出层(lightbox)

  • fancyBox – Fancy jQuery lightbox
  • jquery-lightbox – The popular lightbox script, ported to jQuery
  • Colorbox – a jQuery lightbox
  • artDialog – 经典的网页对话框组件
  • DialogEffects

22. 文档/表格

  • handsontable – 在线可编辑excel表格
  • jQuery Bootgrid – 用于ajax生成动态表格
  • DataTables – Table plug-in for jQuery

23. 目录树插件

  • zTree_v3 – jQuery Tree Plugin
  • jstree – jQuery Tree Plugin
  • fancytree – Tree plugin for jQuery

24. Ajax模块

  • fetch – A window.fetch JavaScript polyfill
  • reqwest – browser asynchronous http requests
  • minAjax.js

25. 音频/视频

  • jPlayer – HTML5 Audio & Video for jQuery
  • video.js – HTML5 & Flash video player
  • Accessible HTML5 Video Player – PayPal 开源的 HTML5 视频播放器
  • Clappr – 开源的Web视频播放器
  • Plyr – A simple HTML5 media player
  • FitVids.js – A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
  • BigVideo.js – The jQuery Plugin for Big Background Video
  • BigScreen – A simple library for using the JavaScript Full Screen API
  • Vide – 视频背景
  • winamp2-js

26. 按钮

  • Buttons – A CSS button library
  • ButtonComponentMorph
  • ProgressButtonStyles
  • CreativeButtons
  • CSS3 buttons

27. 富文本编辑器/Markdown编辑器/Markdown解析器

  • Simditor – 简单快速的富文本编辑器
  • BachEditor – 一个有情怀的编辑器
  • bootstrap-markdown
  • marked – markdown解析器

28. 内容提取(Readability)

  • Readability
  • json.human.js – Json Formatting for Human Beings

29. 颜色(CSS Colors)/SVG

  • CSS Colours
  • SVGeneration

30. 实用工具/其他插件

  • jquery-cookie
  • FastClick – 处理移动端 click 事件 300 毫秒延迟
  • screenfull.js – 全屏切换
  • Async.js – 异步操作
  • html2canvas – 实现纯JS网页截图
  • jquery.qrcode.js – 生成二维码的 jQuery 插件
  • FocusPoint.js 实现图片的响应式裁剪
  • DD_belatedPNG.js – 让IE6支持透明PNG图片
  • nakedpassword – 用脱衣女帮助检测密码强度

前端参考集

  • frontend-guidelines – Some HTML, CSS and JS best practices.
  • Codrops – Useful resources
  • Front-end Code Standards & Best Practices
相关链接：30组常用前端开发组件库

你可能感兴趣的:(常用组件,前端开发,ui,组件)

  • （二）SAP Group Reporting (GR) 核心子模块功能及数据流向架构解析
    数据如何从子公司流转到合并报表的全过程，即数据采集→合并引擎→报表输出，特别是HANA内存计算如何优化传统ETL瓶颈。SAPGroupReporting(GR)核心模块功能及数据流向的架构解析，涵盖核心组件、数据处理流程和关键集成点，适用于S/4HANA1809+版本：一、核心功能模块概览模块功能关键事务码/FioriApp数据采集(DataCollection)整合子公司财务数据（SAP/非SA
  • 实时数据流计算引擎Flink和Spark剖析 程小舰 flinkspark数据库kafkahadoop
    在过去几年，业界的主流流计算引擎大多采用SparkStreaming，随着近两年Flink的快速发展，Flink的使用也越来越广泛。与此同时，Spark针对SparkStreaming的不足，也继而推出了新的流计算组件。本文旨在深入分析不同的流计算引擎的内在机制和功能特点，为流处理场景的选型提供参考。（DLab数据实验室w.x.公众号出品）一.SparkStreamingSparkStreamin
  • 深入解析JVM工作原理：从字节码到机器指令的全过程
    一、JVM概述Java虚拟机(JVM)是Java平台的核心组件，它实现了Java"一次编写，到处运行"的理念。JVM是一个抽象的计算机器，它有自己的指令集和运行时内存管理机制。JVM的主要职责：加载：读取.class文件并验证其正确性存储：管理内存分配和垃圾回收执行：解释或编译字节码为机器指令安全：提供沙箱环境限制恶意代码二、JVM架构详解JVM由三个主要子系统组成：1.类加载子系统类加载过程分为
  • 【项目实战】 容错机制与故障恢复：保障系统连续性的核心体系 本本本添哥 004-研效与DevOps运维工具链002-进阶开发能力分布式
    在分布式系统中，硬件故障、网络波动、软件异常等问题难以避免。容错机制与故障恢复的核心目标是：通过主动检测故障、自动隔离风险、快速转移负载、重建数据一致性，最大限度减少故障对业务的影响，保障系统“持续可用”与“数据不丢失”。以下从核心机制、实现方式、典型案例等维度展开说明。一、故障检测：及时发现异常节点故障检测是容错的第一步，需通过多维度手段实时感知系统组件状态，确保故障被快速识别。1.健康检查与心
  • Redis + Caffeine 实现高效的两级缓存架构 周童學 Java缓存redis架构
    Redis+Caffeine实现高效的两级缓存架构引言在现代高并发系统中，缓存是提升系统性能的关键组件之一。传统的单一缓存方案往往难以同时满足高性能和高可用性的需求。本文将介绍如何结合Redis和Caffeine构建一个高效的两级缓存系统，并通过三个版本的演进展示如何逐步优化代码结构。项目源代码：github地址、gitee地址两级缓存架构概述两级缓存通常由本地缓存（如Caffeine）和分布式缓
  • 旧系统UI焕新陷阱：保留业务习惯与引入新交互的平衡点把控 贝格前端工场 ui交互
    摘要**想给老旧系统换上“高颜值新衣”，却遭遇员工集体吐槽“不会用”？满心期待新交互能提升效率，结果用户操作频频出错，业务进度反而被拖慢？旧系统UI焕新本是优化体验的好机会，可在保留多年养成的业务操作习惯，与引入更先进便捷的新交互方式之间，却横亘着巨大鸿沟。稍有不慎，就会陷入“改了不如不改”的尴尬境地。这场关于“守旧”与“创新”的博弈，究竟该如何破局？一、旧系统UI焕新：一场甜蜜又棘手的改造工程旧
  • Selenium 特殊控件操作与 ActionChains 实践详解 小馋喵知识杂货铺 selenium测试工具
    1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个
  • 分布式链路追踪系统架构设计：从理论到企业级实践 ma451152002 java分布式系统架构
    分布式链路追踪系统架构设计：从理论到企业级实践本文深入探讨分布式链路追踪系统的架构设计原理、关键技术实现和企业级应用实践，为P7架构师提供完整的技术方案参考。目录引言：分布式链路追踪的重要性核心概念与技术原理系统架构设计数据模型与协议标准核心组件架构设计性能优化与扩展性设计企业级实施策略技术选型与对比分析监控与运维体系未来发展趋势P7架构师面试要点引言：分布式链路追踪的重要性微服务架构下的挑战在现
  • Unity学习笔记1 zy_777
    通过一个星期的简单学习，初步了解了下unity，unity的使用，以及场景的布局，UI，以及用C#做一些简单的逻辑。好记性不如烂笔头，一些关键帧还是记起来比较好，哈哈，不然可能转瞬即逝了，（PS:纯小白观点，unity大神可以直接忽略了）一：MonoBehaviour类的初始化1，Instantiate()创建GameObject2，通过Awake()和Start()来做初始化3，Update、L
  • vue element 封装表单 影子信息 vuevue.jsjavascript前端
    背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进
  • Spark SQL架构及高级用法 Aurora_NeAr sparksql架构
    SparkSQL架构概述架构核心组件API层（用户接口）输入方式：SQL查询；DataFrame/DatasetAPI。统一性：所有接口最终转换为逻辑计划树（LogicalPlan），进入优化流程。编译器层（Catalyst优化器）核心引擎：基于规则的优化器（Rule-BasedOptimizer,RBO）与成本优化器（Cost-BasedOptimizer,CBO）。处理流程：阶段输入输出关键动
  • 深入剖析 boost::unique_lock＜boost::mutex＞ 程序员乐逍遥 C++Boost库C/C++多线程编程专题C++boost线程锁
    在高并发的C++程序中，线程安全是永恒的主题。而boost::unique_lock作为Boost.Thread库中的核心组件，为开发者提供了强大、灵活且异常安全的互斥量管理机制。它不仅是RAII（ResourceAcquisitionIsInitialization）设计模式的典范，更是实现复杂线程同步逻辑的基石。一、从lock_guard的说起在介绍unique_lock之前，我们先回顾其“简
  • .net平台的跨平台桌面应用开发的技术方案总结对比 yuanpan .net
    目前，.NET平台提供了多种跨平台桌面应用开发的技术方案，主要包括.NETMAUI、AvaloniaUI、UnoPlatform、Eto.Forms等。以下是它们的核心特点及优缺点对比：1..NETMAUI（.NETMulti-platformAppUI）支持平台：Windows、macOS、iOS、Android核心特点：微软官方维护，继承自Xamarin.Forms，支持XAML和C#开发。提
  • qt报错说no suitable kits found
    看起来你的QtCreator在试图找一个"kit"来编译你的程序,但是没有找到合适的kit.Kit是QtCreator中用来配置编译环境的一种东西,它包含了编译器、编译选项、以及所要使用的Qt库等信息.当QtCreator试图找一个kit来编译你的程序时,如果没有找到合适的kit,就会出现这个错误.要解决这个问题,你需要在QtCreator中配置一个合适的kit.具体来说,你需要安装Qt库和编译器
  • c#分层设计介绍 努力吧_少年 C#javac#asp.net
    领域驱动分层介绍UI（表示层）最容易理解，这一层负责显示信息给用户，并解释用户的命令。有时，用户不是人，而是另一个系统。应用层用于协调领域模型对象的动作。不建议这一层包含业务规则或领域知识，即使是维护状态也不行——这是领域模型做的事情。应用层对于协调任务和把动作委托给领域模型非常有用。虽然不用于维护业务实体的状态，单应用层可以维护跟踪用户或者系统所执行的当前任务的状态。应用层不干涉阻碍领域模型，这
  • Spring Boot 2整合Druid的两种方式 玩代码 springboot后端javaDruid
    一、自定义整合Druid（非Starter方式）适用于需要完全手动控制配置的场景添加依赖（pom.xml）com.alibabadruid1.2.8org.springframework.bootspring-boot-starter-jdbc创建配置类@ConfigurationpublicclassDruidConfig{@Bean@ConfigurationProperties(prefix
  • iOS 12.1 tabbar 在pop的时候偏移问题 符大大
    iOS12.1从bate版到上线版本都存在一个问题，在navigation返回首页的时候，底部tabbar会有一个抖动偏移的现象。苹果真的坑，这种问题存在还敢上线。解决方法：1.新建一个继承UITabbar的的子类，实现以下两个方法2.在tabbarController的viewdidload中添加一下代码。运行之后就解决了12.1的抖动问题了。
  • ubuntu qt环境下出现No suitable kits found解决方案
    1.清理QtCreator缓存QtCreator会缓存项目配置、索引等数据，可能导致某些异常。清理方法：(1)删除QtCreator配置目录bashrm-rf~/.config/QtProject/（Ubuntu/Linux）或Windows：cmdrmdir/s/q"%APPDATA%\QtProject"(2)清除QtCreator的编译缓存bashrm-rf~/.cache/QtProjec
  • 【Druid】学习笔记 fixAllenSun 学习笔记oracle
    【Druid】学习笔记【一】简介【1】简介【2】数据库连接池（1）能解决的问题（2）使用数据库连接池的好处【3】监控（1）监控信息采集的StatFilter（2）监控不影响性能（3）SQL参数化合并监控（4）执行次数、返回行数、更新行数和并发监控（5）慢查监控（6）Exception监控（7）区间分布（8）内置监控DEMO【4】Druid基本配置参数介绍【5】Druid相比于其他数据库连接池的优点
  • 构建高性能Web应用：深入Spring WebFlux 李多田
    本文还有配套的精品资源，点击获取简介：SpringWebFlux是Spring框架的一部分，支持反应式编程模型，适合高并发和低延迟Web应用。它提供了非阻塞I/O和事件驱动模型，优化了多核处理器资源的使用。SpringWebFlux拥有两种编程模式，核心组件包括WebHandler,RouterFunction,WebFilter,和WebSession。它与高性能服务器集成，并提供反应式HTTP
  • Spring Boot与云原生：微服务架构的创新实践 tmjpz04412 springkubernetes云原生javagraphql
    引言：Spring生态的演进与现状Spring框架的发展历程与核心设计理念当前Spring生态的核心组件（SpringBoot、SpringCloud、SpringData等）行业对Spring生态的依赖与创新需求SpringBoot的创新实践1.自动化配置与启动优化条件装配（@Conditional）的深度定制案例启动类加载机制与类路径扫描优化示例：通过自定义Starter实现快速集成第三方服务
  • Docker部署Minio YiShuoChen666 eureka云原生dockerminio
    一、拉取镜像dockerpullminio/minio:RELEASE.2025-04-22T22-12-26Z注：这里使用的版本是RELEASE.2025-04-22T22-12-26Z，最新的版本Web-UI界面没有管理bucket和其它的操作按钮，需要通过mc命令来实现，这对于新手很不友好二、创建目录，来存放minio的配置和将来放的文件mkdir-p/home/minio/configmk
  • 深入了解 Kubernetes（k8s）：从概念到实践
    目录一、k8s核心概念二、k8s的优势三、k8s架构组件控制平面组件节点组件四、k8s+docker运行前后端分离项目的例子1.准备前端项目2.准备后端项目3.创建k8s部署配置文件4.部署应用到k8s集群在当今云计算和容器化技术飞速发展的时代，Kubernetes（简称k8s）已成为容器编排领域的事实标准。无论是互联网巨头、传统企业还是初创公司，都在广泛采用k8s来管理和部署容器化应用。本文将带
  • vue项目 阿什么名字不会重复呢 vue.js前端javascript
    vue进行配置创建vue项目vuecreateone//one就是项目名字npmielement-ui--Snpmiaxios--savenpmiecharts--save配置main.jsimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElement
  • 构建基于Android Studio开发天气预报应用 策划加强小乔 Androidstudioandroid
    AndroidStudio开发天气预报应用需要完成API调用、UI设计、数据解析等步骤。以下是基于OpenWeatherMapAPI的实现方法，包含关键代码片段和详细说明。环境准备与项目创建确保已安装AndroidStudio最新版本，创建新项目选择EmptyActivity模板。在build.gradle模块文件中添加必要依赖：dependencies{implementation'com.sq
  • native.js设置可缩放的webview并隐藏缩放控件 Nanayai
    需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala
  • 大厂都在用的前端缓存策略，你掌握了吗？ AI架构全栈开发实战笔记 前端缓存ai
    大厂都在用的前端缓存策略，你掌握了吗？关键词：前端缓存、HTTP缓存、ServiceWorker、CDN缓存、缓存策略、性能优化、浏览器缓存摘要：本文将深入探讨前端开发中常用的缓存策略，从浏览器缓存到ServiceWorker，从HTTP缓存头到CDN缓存，全面解析大厂都在使用的高效缓存技术。通过生动的比喻和实际代码示例，帮助开发者理解并掌握这些提升Web应用性能的关键技术。背景介绍目的和范围本文
  • macOS 安装全攻略：从基础到企业级部署 zqmgx13291 macos
    引言：macOS安装的技术全景与价值macOS作为苹果生态的核心组件，其安装场景涵盖个人用户的系统重装、开发者的多系统环境搭建、企业级设备的批量部署等。据Apple官方数据，2024年全球活跃Mac设备超2亿台，其中AppleSilicon芯片机型占比达68%，架构差异（ARMvsx86）导致安装流程存在显著区别。本文将系统梳理macOS安装的全流程，从基础的单系统重装到复杂的双系统配置、硬件升级
  • Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现不同水果的检测识别（C#代码，UI界面版）
    Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现不同水果的检测识别（C#代码，UI界面版））工业相机使用YoloV8模型实现不同水果的检测识别工业相机通过YoloV8模型实现不同水果的检测识别的技术背景在相机SDK中获取图像转换图像的代码分析工业相机图像转换Bitmap图像格式和Mat图像重要核心代码本地文件图像转换Bitmap图像格式和Mat图像重要核心代码Mat图像导入Yo
  • H5UI微信小程序前端框架实战指南 ai
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
  • 解读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
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他