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

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

  • 一款超好用的开源密码管理器？ 七步编程 Githubpython开发github开发语言python
    程序员宝藏库：https://gitee.com/sharetech_lee/CS-Books-StoreDevWeekly收集整理每周优质开发者内容，包括开源项目、资源工具、技术文章等方面。每周五定期发布，同步更新到知乎：Jackpop。欢迎大家投稿，提交issue，推荐或者自荐开源项目/资源/工具/文章~订阅方式：Star并收藏项目DevWeekly关注知乎：Jackpop开源项目1.
  • 在线预览 Word 文档 你不讲 wood word开发语言前端vue.jsjavascriptnode.jsdocx-preview
    引言随着互联网技术的发展，Web应用越来越复杂，用户对在线办公的需求也日益增加。在许多业务场景中，能够直接在浏览器中预览Word文档是一个非常实用的功能。这不仅可以提高用户体验，还能减少用户操作步骤，提升效率。实现原理1.后端服务假设后端服务已经提供了两个API接口：getFilesList:获取文件列表。previewFile:获取指定文件的内容。constexpress=require('ex
  • C++(23)：lambda可以省略() 风静如云 C/C++c++
    C++越来越多的使用了lambda，C++23也进一步的放宽了对lambda的限制，这一次，如果lambda没有参数列表，那么可以直接省略掉()：#includeusingnamespacestd;voidfunc(){autof=[]{cout<<"inf"<<endl;};f();}intmain(){func();return0;}允许程序输出：inf
  • 使用python计算等比数列求和的方法 HAMYHF windows
    在python中，计算Sum=m+mm+mmm+mmmm+.....+mmmmm.....,输入两个数m,n。m的位数累加到n的值，列出算式并计算出结果：#为了打印出算式，并计算出结果，将m,mm这些放入到列表中#定义列表中的m初始值为0,用Ele来代表m,mm....Ele=0#定义总和为0Sum=0#定义一个空列表List=[]#输入两个值n=int(input("inputadigit：")
  • 吐血整理Java集合框架，免费送 聪明马的博客 Javajava数据结构
    Java集合框架（JavaCollectionsFramework）是Java标准库中的一个重要部分。它为Java开发人员提供了一组常用的数据结构，如列表、集合、映射等，使其更容易地处理数据。在这篇博客中，我将详细介绍Java集合框架，包括它的主要特点、常用的集合类型以及如何使用它们来解决实际问题。一、Java集合框架的主要特点Java集合框架的主要特点是：统一的接口。Java集合框架提供了一组统
  • html+css+javascript实用详解,HTML+CSS+JavaScript 课程标准 vvv666s
    ②学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；③掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；④熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；⑤掌握JavaScript语言的语法；⑥掌握在HTML语言代码中嵌入
  • 事件驱动框架 MacRsh 开源单片机stm32c语言设计模式
    事件驱动框架文档事件驱动框架是一种异步事件处理机制,它通过事件分发和回调的方式,可以有效地提高系统的异步处理能力、解耦性和可扩展性。事件驱动框架包含两个主要组件:事件服务器和事件客户端。事件服务器用于接收和分发事件,它内部维护一个事件队列用于存储待处理事件和一个事件列表用于存储注册的事件客户端。事件客户端用于处理特定类型的事件,它需要注册到事件服务器并提供一个回调函数。当事件发生时,事件服务器会将
  • 【BAT-表姐御用01dir命令】批量获取文件夹中的文件名 Ama_tor BAT合集-表姐御用
    前言：本篇使用dir命令，末尾有彩蛋1、新建txt文件2、输入以下代码DIR*.*/B>LIST.TXT3、把txt文件的后缀改成.bat4、双击应用生成一个已获取名字列表的文本文件拓展：dir的语法（TIPS:dir/?:获取dir用法大全）1、dir：可得到当前目录下所有文件夹及文件，包含文件日期、时间、大小和文件名，不过不包含子文件夹下的文件夹和文件。2、dir目录：在命令后面添加文件夹名称
  • 后端重载和重写的区别 kidding723 后端重载重写OverridingOverloading
    重载相同的方法名，形参数量不同或者参数顺序不同或者参数类型不同称为方法重载重写方法名和形参列表相同重写方法前提:必须存在继承关系(1)方法重载是：一个类中定义了多个方法名相同,而他们的参数的数量不同或数量相同而类型和次序不同,则称为方法的重载(Overloading)。(2)方法重写是：在子类存在方法与父类的方法的名字相同,而且参数的个数与类型一样,返回值也一样的方法,就称为重写(Overridi
  • 如何用 python 获取实时的股票数据？_python efinance(2) 元点三 2024年程序员学习pythonjavalinux
    先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新Python全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课
  • 如何用 python 获取实时的股票数据？_python efinance，2024年最新pdf面试简历 元点三 2024年程序员学习pythonpdf面试
    先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新Python全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课
  • DeepSeek掀起推理服务器新风暴，AI应用迎来变革转折点？ 小深ai硬件分享 人工智能大数据
    AI浪潮下，推理服务器崭露头角在科技飞速发展的当下，AI是耀眼明星，席卷各行业，深刻改变生活与工作模式，从语音助手到医疗诊断、金融风险预测，AI无处不在。其发展分数据收集整理、模型训练、推理应用三个阶段，过去重模型训练，如今大量预训练模型出现，如何高效应用成新挑战，推理服务器应运而生。推理服务器是运行AI模型、对输入数据实时分析预测的硬件设备，堪称AI应用“幕后英雄”。在自动驾驶、智能安防、电商推
  • 前端超长列表，虚拟滚动实现 大橙子- 前端cssjavascript
    虚拟滚动.container{width:300px;height:500px;overflow:hidden;border:1pxsolid#ccc;margin-top:50px;}.scroll-box{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:relative;}.scroll-height-main
  • vue-router 中滚动行为设置的妙用 代码搬运媛 vue.jsjavascript前端
    在vue-router里，滚动行为设置能够对路由切换时的页面滚动位置进行控制，这在单页面应用（SPA）里十分有用，能够为用户带来更流畅、更符合预期的浏览体验。下面为你详细介绍滚动行为设置的作用和使用方法。作用恢复滚动位置当用户在某个页面滚动到特定位置后，再导航到其他页面，之后又返回到该页面时，滚动行为设置可以让页面恢复到之前的滚动位置。这在浏览长页面或者列表页时非常实用，用户无需重新滚动到之前查看
  • 使用LangChain与AI21Jurassic模型进行交互 fgayif langchain交互python
    在本指南中，我们将探讨如何使用LangChain与AI21的Jurassic模型进行交互。为了使用Jamba模型，请使用ChatAI21对象。您可以在LangChain上查看AI21模型和工具的完整列表。环境准备首先，我们需要安装langchain-ai21库。!pipinstall-qUlangchain-ai21环境设置在开始之前，我们需要获取AI21的API密钥，并设置AI21_API_KE
  • Python学习笔记 - Python数据类型 yunfan188 #Python学习笔记PythonPython数据类型
    前言在Python语言中，所有的数据类型都是类，每一个变量都是类的“实例”。没有基本数据类型的概念，所以整数、浮点数和字符串也都是类。Python有6种标准数据类型：数字、字符串、列表、元组、集合和字典，而列表、元组、集合和字典可以保存多项数据，它们每一个都是一种数据结构，因此可以称这四种为“数据结构”类型。本文我们主要介绍数字和字符串类型。一、数字类型Python数字类型有4种：整数类型、浮点数
  • mybatis存储过程返回list &loopy& mybatislist数据结构
    在MyBatis中调用存储过程并返回列表（List）通常涉及以下几个步骤：定义存储过程：首先，在数据库中定义存储过程，并确保它返回结果集。配置MyBatis映射文件：在MyBatis的映射文件中配置调用存储过程的SQL语句和返回类型。编写Mapper接口：定义Mapper接口方法，该方法将调用存储过程并返回List。调用Mapper方法：在Service层或Controller层调用Mapper接
  • 怎么把list中的数据选出其中一条放在第一位 java 隔壁蜡笔 listjavawindows数据结构开发语言
    在Java中将List中的特定数据移至首位在Java开发中，操作集合类是频繁且基本的需求。例如，假设我们有一个包含多个元素的列表，需要将其中的某一特定元素移动到列表的第一位。这种需求在许多场景中都很常见，例如在用户界面排序、任务优先级调整等。本文将通过示例代码和图示化流程来说明如何实现这一功能。问题描述设想我们有一个包含多个字符串的列表，我们希望将某个特定的字符串（如果存在）移动到列表的第一位。比
  • R语言中的函数32：seq_along() zoujiahui_2018 #R语言中的函数r语言开发语言
    介绍seq_along函数在R语言中用于生成一个整数序列，其长度与给定对象的长度相同。这个函数特别有用，当你想要创建一个索引序列来遍历一个向量或列表时。用法seq_along(x)参数x:任何R对象（如向量、列表等）。返回值:返回一个从1到x的长度的整数序列。示例#创建一个向量vec<-c("a","b","c")#使用seq_along生成索引indices<-seq_along(vec)pri
  • HarmonyOS NEXT开发实战（5.0版）List和Scroller从简单到复杂列表布局场景 代码老出BUG OpenHarmony鸿蒙开发HarmonyOSharmonyos华为鸿蒙系统鸿蒙性能优化android前端
    鸿蒙NEXT开发实战往期必看文章：HarmonyOSNEXT应用开发案例实践总结合（持续更新......）HarmonyOSNEXT应用开发性能优化实践总结（持续更新......）一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）场景描述在多列表页面开发中，数据展示往往有联动关系，场景一：单列表布局多长列
  • 关于滑动窗口算法--最小替换字串长度 幼儿园口算大王 算法java数据结构滑动窗口
    个人觉得日常遇到的关于滑动窗口的算法题主要分两种：固定窗口大小的滑动窗口在固定窗口大小的滑动窗口问题中，窗口的大小是预先定义好的，不会改变。这种类型的问题是相对简单的，因为一旦确定了窗口的大小，就可以直接遍历数组或列表，每次移动窗口一个元素的位置。常见的问题包括：最大/最小子数组和：给定一个数组和一个固定大小的窗口，找到所有可能的窗口的最大/最小和。窗口内元素的统计：例如，统计窗口内奇数或偶数元素
  • 如何让C++程序自动生成dump文件？以及如何分析dump文件？ dvlinker C/C++实战专栏C/C++软件开发从入门到实战c++生成dump文件windbg分析dump文件
    目录1、API函数SetUnhandledExceptionFilter介绍2、调用SetUnhandledExceptionFilter设置异常处理函数3、调用MiniDumpWriteDump函数导出包含异常上下文的dump文件4、dump文件的多种生成方式5、使用Windbg分析dump文件6、最后C++软件异常排查从入门到精通系列教程（专栏文章列表，欢迎订阅，持续更新...）https:/
  • 寻找可接入正版音乐库的音乐API，可了解HIFIVE音乐开放平台！ apisdkapi文档音乐
    HIFIVE音乐开放平台基于HIFIVE数百万正版音乐版权内容，为直播、短视频、工具应用、智能硬件等场景提供音乐解决方案。点击了解：(https://open.haifanwu.com/)HIFIVE音乐开放平台提供以下接入服务：服务服务描述获取音乐列表通过歌单获取音乐列表，通过关键词搜索获取音乐列表，通AI音乐推荐获取音乐列表音乐播放获取音乐试听版本，获取完整音乐文件AI剪辑结合AI推荐技术完成
  • AGP 8.0 适配 - 问题列表 zhuzhumouse gradleandroid-studioandroid
    不管是基于编译速度，包体积，新特性等那个方面的考虑，大家都应该开始AGP8.0的适配了，下面使我适配过程中遇到的各种问题，这里列出来，给大家的适配做一个参考。问题一：编译失败@TaskAction解决方案：在根目录的setting.gradle或者build.gradle里面添加如下代码：classpath'com.android.tools.build:gradle:8.0.0'原因说明：AGP
  • Python基础知识9 ylfhpy Python基础python开发语言爬虫
    1.列表推导式核心概念列表推导式（ListComprehension）是Python中基于现有可迭代对象快速生成新列表的语法结构，具有以下特点：简洁性：用单行代码替代多行循环，极大地简化了代码的编写。例如，要生成一个包含1到10的平方数的列表，使用普通循环需要多行代码，而列表推导式只需一行[x**2forxinrange(1,11)]，代码量大幅减少，编程效率显著提高。高效性：执行速度通常快于普通
  • Java每日精进·45天挑战·Day17 云朵大王 java算法leetcode
    找出需要排序的最短子数组：一个高效的Java实现在数据结构与算法的学习中，我们经常遇到需要优化数组或列表的问题。今天，我们要探讨的是一个有趣且实用的挑战：给定一个整数数组，找出一个连续子数组，如果对这个子数组进行升序排序，那么整个数组都会变为升序排序。我们的目标是找出这个符合题意的最短子数组，并输出它的长度。问题描述给定一个整数数组nums，我们需要找到一个最短的连续子数组，使得对这个子数组进行升
  • hive—常用的函数整理 风子~ hivehadoop数据仓库
    1、size(split(...))函数用于计算分割后字符串数组的长度1）实例：由客户编号列表计算客户编号个数--数据准备withtmp_test01as(select'tag074445270'tag_id,'202501'busi_mon,'012399931003,012399931000'index_valunionallselect'tag074445271'tag_id,'202501
  • Linux系统常用 基础命令 宅博士小陈 Linuxlinux服务器运维
    1.文件和目录操作ls:列出目录内容lsls-l#详细列表ls-a#包括隐藏文件cd:切换目录cd/path/to/directorycd..#返回上一级目录cd~#返回家目录pwd:显示当前工作目录pwdmkdir:创建目录mkdirnew_directoryrmdir:删除空目录rmdirempty_directoryrm:删除文件或目录rmfile.txtrm-rdirectory#递归删除
  • go 树形结构转为数组 zsd_666 Web前端golang算法开发语言
    go树形结构转为数组菜单结构体typeMenuItemstruct{IDint`json:"id"`ParentIDint`json:"parent_id"`Namestring`json:"name"`Children[]*MenuItem`json:"children,omitempty"`//子节点列表}树形菜单转数组funcTreeToArray(root*MenuItem)[]MenuI
  • 【LeetCode】49. 字母异位词分组 Liu_Meihao leetcode算法
    题目添加链接描述思路遍历字符串数组strs。对第一个字符串"eat"执行:将“eat”转换为字符数组[‘e’,‘a’,‘t’]对字符数组进行排序,得到[‘a’,‘e’,‘t’]使用排序后的字符数组创建key“aet”从map中获取key为“aet”的值,由于不存在,因此创建一个新的空列表list=[]将“eat”添加到list中,现在list=[“eat”]将key为“aet”,value为[“e
  • 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其他