ahs74497
ahs74497

前端组件收集整理列表

https://www.luoxiao123.cn/1196.html

 

这里是收集的web前端开发常用前端开发组件库，搭建web app常用的样式/组件等收集列表(移动优先)。主要包含前端框架，构建工具，自动化模块、jQuery插件、前端样式等，囊括最实用的前端开发组件库！

0. 前端自动化

  • 前端构建工具
    • gulp – The streaming build system
    • grunt – the JavaScript Task Runner
    • webpack（模块管理兼打包）：http://webpack.github.io/
  • 前端模块管理器
    • Bower – A package manager for the web
    • Browserify
    • Component
    • Duo
    • RequireJS
    • Sea.js
    • webpack（模块管理兼打包）：http://webpack.github.io/
  • css预处理器
    • Sass – Syntactically Awesome Style Sheets
    • Less – Less is More , Than CSS
    • 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

转载于:https://www.cnblogs.com/chenshao/p/5068861.html

你可能感兴趣的:(前端组件收集整理列表)

  • k8s常用基础命令总结 Tony666688888 kubernetesdocker容器k8s
    ----------------------k8s常用基础命令---------------------------------获取Pod信息#1.获取k8s的命名空间kubectlgetnamespaces1)获取Pod列表及简要信息：kubectlgetpods2)以YAML格式获取Pod详细信息：kubectlgetpod-oyaml3)获取特定命名空间中的Pod列表kubectlgetpo
  • 大学生入门：初识方法及其易踩坑的点
    在java学习过程中，我们不难发现有很多重复使用的功能代码块，每次使用如果都要重新写一遍，岂不是很麻烦，就算是“cv”大法，感觉也不是很方便，那么，有什么办法可以解决这个问题呢？方法！java中，一段可重用的，用于执行特定功能的代码块叫做方法，它可以接收参数、返回结果，并且可以被多次使用。一、方法的基本结构[修饰符]返回值类型方法名([参数列表])[throws异常类型]{//方法体}[throw
  • 安装器处点击“打开” 钦_79f7
    问题描述：安装系统SD卡里面的apk或者原有的程序更新版本或者通过ADB安装apk的时候，会遇到升级安装成功之后的一个选择——“打开”和“完成”，点击完成没有问题，但是，如果点击了"打开"，然后按Home键，从应用程序列表里面选择应用程序图标进入或者点击桌面启动图标，这个时候就会重新启动了一个应用程序，之后的操作就会出现混乱等问题。原因分析：参考底部相关资料链接解决方案：在launcherActi
  • python学习笔记（汇总） 朕的剑还未配妥 python学习笔记整理python学习开发语言
    文章目录一.基础知识二.python中的数据类型三.运算符四.程序的控制结构五.列表六.字典七.元组八.集合九.字符串十.函数十一.解决bug一.基础知识print函数字符串要加引号，数字可不加引号，如print(123.4)print('小谢')print("洛天依")还可输入表达式，如print(1+3)如果使用三引号，print打印的内容可不在同一行print("line1line2line
  • PDF转Markdown - Python 实现方案与代码 Eiceblue PythonPythonPDFpdfpython开发语言vscode
    PDF作为广泛使用的文档格式，转换为轻量级标记语言Markdown后，可无缝集成到技术文档、博客平台和版本控制系统中，提高内容的可编辑性和可访问性。本文将详细介绍如何使用国产Spire.PDFforPython库将PDF文档转换为Markdown格式。技术优势：精准保留原始文档结构（段落/列表/表格）完整提取文本和图像内容无需Adobe依赖的纯Python实现支持Linux/Windows/mac
  • C# 探秘：枚举器(IEnumerator)与可枚举类型(IEnumerable) - 揭秘 foreach 的幕后英雄 钢铁男儿 C#图解教程c#java算法
    在C#开发中，foreach循环是我们遍历集合（如数组、列表）的得力助手。它简洁优雅地为我们取出集合中的每一个元素。但你是否思考过，foreach是如何知道如何遍历这些集合的？其背后的核心机制就是枚举器(Enumerator)和可枚举类型(Enumerable)。本文将深入探讨这两个接口(IEnumerator和IEnumerable)，揭开foreach循环的神秘面纱。foreach的魔法背后让
  • 如何在 Ubuntu 24.04 或 22.04 Linux 上安装和运行 Redis 服务器 山岚的运维笔记 Linux运维及使用linux服务器ubunturedis数据库
    Redis（RemoteDictionaryServer，远程字典服务器）是一种内存数据结构存储，通常用作NoSQL数据库、缓存和消息代理。它是开源的，因此用户可以免费安装，无需支付任何费用。Redis旨在为需要快速数据访问和低延迟的应用程序提供速度和效率。Redis支持多种数据类型，包括字符串（Strings）、列表（Lists）、集合（Sets）、哈希（Hashes）、有序集合（SortedS
  • Ubuntu Docker 安装Redis LLLL96 Ubuntudockerdockerredisubuntu
    目录介绍1.数据结构丰富2.高性能3.持久化1.拉取Redis镜像2.创建挂载目录(可选)3.配置Redis持久化(可选)4.使用配置文件运行容器5.查看redis日志介绍1.数据结构丰富Redis支持多种数据结构，包括：字符串（String）:可以用来存储任何类型的数据，例如文本、数字或二进制数据。哈希（Hash）:存储字段和值的映射，适合用于表示对象。列表（List）:有序的字符串列表，可以用
  • Qt 下拉框QComboBox控件：从入门到实战
    一、QComboBox核心功能解析1.核心属性属性说明当前示例场景count列表项总数统计学历下拉框中的选项数量editable是否允许用户编辑学历选择时可输入自定义学历currentText当前选中项的文本获取用户选择的"硕士"文本currentData当前选中项的附加数据获取太原对应的区号"0351"currentIndex当前选中项的索引位置(从0开始)确定"硕士"在列表中的位置2.核心方法
  • Python STL概念学习与代码实践 体制教科书
    本文还有配套的精品资源，点击获取简介：通过”py_stl_learning”项目，学习者可以使用Python实现和理解C++STL的概念，包括数据结构、算法、容器适配器、模板和泛型容器等。Python中的列表、集合、字典等数据结构与STL中的vector、set、map等类似，而Python的itertools和functools模块提供了STL风格的算法功能。Python通过其面向对象的特性以及
  • 微信下拉词优化实战指南，马上行动
    在微信生态的流量竞争中，下拉词优化是低成本获取精准流量的有效途径。不同于理论层面的分析，实战操作需要明确的行动步骤和可落地的执行方法。以下这份实战指南，将带你快速启动微信下拉词优化工作。精准筛选关键词，明确优化方向行动的第一步是锁定目标关键词。打开微信搜索框，输入与账号领域相关的基础词汇，记录下拉列表中已有的热门词汇，这些词汇反映了用户的真实搜索习惯。同时，结合账号的核心业务，列出3-5个最具代表
  • vue2中实现leader-line-vue连线文章对应字符 小莉爱编程 vuebug记录vue.js前端javascript
    效果展示通过点击右边的tag，触发连接操作第一步：获取右边tag展示1.右边的tag列表展示，我这边是分为两个list嵌套的数据结构；{"人员":[{
  • Python入门第二课：核心编程概念：控制结构与逻辑 小菜同学爱学习 pythonpython开发语言
    1.条件语句(if/elif/else)#成绩评级系统score=85ifscore>=90:print("优秀！")elifscore>=80:print("良好！")elifscore>=60:print("及格！✅")else:print("不及格，需要努力！")2.循环结构for循环#遍历列表fruits=["苹果","香蕉","橙子","草莓"]print("水果列表:")forfrui
  • 计算机考研408真题解析（2023-09 深入解析散列表线性探测与惰性删除） 良师408 考研散列表数据结构408真题计算机考研
    【良师408】计算机考研408真题解析（2023-09深入解析散列表线性探测与惰性删除）传播知识，做懂学生的好老师1.【哔哩哔哩】（良师408）2.【抖音】（良师408）goodteacher4083.【小红书】（良师408）4.【CSDN】（良师408）goodteacher4085.【微信】（良师408）goodteacher408特别提醒：【良师408】所收录真题根据考生回忆整理，命题版权归
  • c++ STL容器 --- 列表initializer_list qiuqiuyaq STL容器c++
    包含头文件在标准库中的容器可以直接用等号的方式初始化容器→直接用等号赋值{}列表就是一个{}数据一般情况下，如果想采用{}的方式初始化，类当中必须要有与之相匹配的参数的构造函数提供了一个构造函数，用initializer_list当做构造函数的参数，就可以实现我们想要的效果（有几个参数都可以）initializer_list主要是用在构造函数当中，可以忽略参数的个数去做初始化（两个、三个、多个..
  • C++11 列表初始化(initializer_list)，pair 行十万里人生 C++c++list开发语言1024程序员节数据结构个人开发蓝桥杯
    1.{}初始化C++98中，允许使用{}对数组进行初始化。intarr[3]={0,1,2};C++11扩大了{}初始化的使用范围，使其可用于所有内置类型和自定义类型。structDate{int_year;int_month;int_day;Date(intyear,intmonth,intday):_year(year),_month(month),_day(day){}};in
  • C++98和C++11的构造和初始化、initializer_list以及decltype关键字（一般） 无聊看看天T^T C++从入门到入土c++开发语言
    目录前言C++98的构造与初始化C++11的构造与初始化初始化列表的initializer_listdecltype关键字前言2003年C++标准委员会曾经提交了一份技术勘误表（简称TC1），使得C++03这个名字取代了C++98成为了C++11前最新的C++标准名称。不过由于C++03主要是对C++98标准中的漏洞进行修复，语言的核心部分则没有改动，因此人们习惯性的把两个标准合并成为C++98/
  • C++---初始化列表（initializer_list） MzKyle C/C++c++listjava
    在C++编程中，我们经常会用到形如vectorv={1,2,3,4};的语法——用花括号包裹一组元素直接初始化容器。这种直观且简洁的写法背后，依赖于C++11引入的一个特殊类型：std::initializer_list。它不仅是列表初始化的“桥梁”，更是C++标准库设计中连接语法糖与底层实现的关键机制。一、initializer_list的本质std::initializer_list是C++1
  • Python函数全攻略：参数传递、作用域LEGB及高阶特性详解
    在Python中，函数不仅仅是代码的组织单元，它们被视为“一等公民”，这意味着函数可以像其他任何对象（如数字、字符串、列表）一样被赋值给变量、作为参数传递给其他函数，以及作为其他函数的返回值。这种特性为Python带来了强大的灵活性和表达力，是理解高阶函数、闭包和装饰器等高级概念的基础。一、函数定义与调用基础<aname="1-定义与调用"></a>1.1基本语法与self使用def关
  • Hutool Java工具类库-ExcelUtil 〃冷·夏ぐ Hutooljavaexcel
    目录依赖:ExcelReader（Excel读取）:1.从文件中读取Excel为ExcelReader2.从流中读取Excel为ExcelReader3.读取指定的sheet4.读取Excel中所有行和列，都用列表表示5.读取为Map列表，默认第一行为标题行，Map中的key为标题，value为标题对应的单元格值6.读取为Bean列表，Bean中的字段名为标题，字段值为标题对应的单元格值Excel
  • [尚庭公寓]15-个人中心 恩稀码 Java项目mybatisjavaspring服务器
    浏览历史浏览历史指的是浏览房间详情的历史，关于浏览历史，有两项工作需要完成，一是提供一个查询浏览历史列表的接口，二是在浏览完房间详情后，增加保存浏览历史的逻辑，下面分别实现。1.分页查询浏览历史列表packagecom.atguigu.lease.web.app.controller.history;@RestController@Tag(name="浏览历史管理")@RequestMapping
  • Thymeleaf语法大全：30个实用示例 bemyrunningdog thymeleafjava服务器前端
    Thymeleaf语法示例大全下面是一些实用的Thymeleaf语法示例，帮助您更好地理解和使用Thymeleaf：1.基本变量输出用户名:默认用户名欢迎,[[${user.name}]]!邮箱:[email protected].条件判断管理员用户账户未激活管理员编辑普通用户3.循环迭代用户名称序号名称邮箱奇数行偶数行4.链接和URL产品列表查看详情5.表单处理用户名邮箱角色普通用户管理员编辑保
  • python中的解包操作 Stronger划水高手 pythonselenium
    在Python中，解包（unpacking）是一种将可迭代对象（如列表、元组、集合等）中的元素分解为单独变量的技巧。这个功能在多个场景下都非常有用，比如函数参数传递、迭代循环等。以下是一些常见的解包用法：1.元组解包如果你有一个元组，你可以将其元素解包到多个变量中：a,b,c=(1,2,3)print(a)#输出:1print(b)#输出:2print(c)#输出:32.列表解包同样的方法也适用于
  • 《博客园精华集》web标准分册第2论筛选结果文章列表
    《博客园精华集》web标准部分筛选结果（共55篇）一个喜欢网页设计的程序员作者：Awen根本不存在DIV+CSS布局这回事作者：CatChen欲练CSS，必先宫IE作者：CatChen你有强迫症吗？作者：CatChenSPAN元素和DIV元素的区别作者：ChrisLiudiv的认识作者：ChrisLiu实时检验您的页面是否符合XHTML标准——使用ValidatorModule作者：Dflying
  • Python中的解包 _nephrologist_ Python基础python
    解包（unpacking）是指将一个容器（如列表、元组、字典、集合等）中的元素分别赋值给多个变量的过程。1、列表解包：list=[1,2,3]a,b,c=listprint(a,b,c)#输出：123list=[1,2,[3,4,5]]a,b,c=listprint(a,b,c)#输出：12[3,4,5]2、元组解包：tuple=(1,2,3)a,b,c=tuple#等号左边的变量个数必须等于元组
  • python的reduce方法 追逐此刻 pythonpython算法数据结构
    在Python中，reduce是一个用于对序列中的元素进行累积操作的函数。它位于functools模块中，因此在使用之前需要先导入该模块。1.reduce的基本用法fromfunctoolsimportreducereduce(function,sequence[,initial])function：一个接受两个参数的函数，用于对序列中的元素进行累积操作。sequence：一个可迭代对象（如列表、
  • Python列表性能优化：避免这7个常见错误提升10倍速度 PythonAI编程架构实战家 Python人工智能与大数据Python编程之道python性能优化开发语言ai
    Python列表性能优化：避免这7个常见错误提升10倍速度关键词：Python列表、性能优化、时间复杂度、动态数组、deque、列表推导式、集合摘要：Python列表（list）是最常用的数据结构之一，但很多开发者会在不经意间写出低效的代码。本文通过7个真实常见的性能陷阱，结合底层原理和代码示例，教你如何避开这些“坑”，让列表操作速度提升10倍以上。即使是Python老手，也可能在这些细节上翻跟头
  • 沈熹微赵庭深（舔狗舔到最后，她又丢钱又丢命）全文免费阅读无弹窗大结局_（沈熹微赵庭深）舔狗舔到最后，她又丢钱又丢命最新章节列表 一米文库2
    沈熹微赵庭深（舔狗舔到最后，她又丢钱又丢命）全文免费阅读无弹窗大结局_（沈熹微赵庭深）舔狗舔到最后，她又丢钱又丢命最新章节列表主角配角：沈熹微赵庭深小说别名：舔狗舔到最后，她又丢钱又丢命简介：“……”沈熹微望着眼前的男人，有些震惊。过了几秒，才反应过来，“谁要你跟我在一起了？不是……裴云霄，你到底是哪里来的自信，觉得我要跟你在一起？”明明自己不看他，他就什么也不是！正文：她忍不住想要逗逗他，“为什
  • 第七篇 快速开始-序 深圳都这么冷
    快速开始欢迎使用React文档！本页将向您介绍您每天会用到的80%的React概念。本章内容预告如何创建和嵌套组件如何添加标记和样式如何显示数据如何渲染条件表达式和列表表达式如何响应事件和更新屏幕如何在组件之间共享数据创建和嵌套组件React应用程序由组件组成。组件是UI（用户界面）的一部分，具有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。React组件是返回标记的JavaScri
  • 21、行为型模式：观察者模式 mac99 C#3.0设计模式：从入门到精通观察者模式设计模式C#
    行为型模式：观察者模式1.观察者模式简介观察者模式（ObserverPattern）是一种行为型设计模式，它定义了一种一对多的依赖关系，使得多个观察者对象能够同时监听某一个主题对象。当主题对象的状态发生变化时，所有依赖于它的观察者对象都会收到通知并自动更新。这种模式非常适合用于实现事件处理系统、订阅-发布机制等场景。角色介绍观察者模式主要包含两个角色：Subject（主题）：负责维护观察者列表，提
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他