IT程序狮
IT程序狮

超赞！CodePen 上最新的 12 个热门前端项目

超赞！CodePen 上最新的 12 个热门前端项目_第1张图片
**[CodePen](http://codepen.io/)**

对于前端开发者而言，CodePen 一直是盛产想法与创意的圣地。它能够以在线形式，将前端代码编辑与展示。同时，你还可以与全球众多的开发者们交流想法、分享你的作品。

今天，程小狮在 CodePen 上也专门挑选了近期热门的前端项目，与前端er、设计师们分享。相信，这些优秀的作品，会让你耳目一新，或许还能带给你不少灵感呢！

Have Fun！

  1. 动画视差效果
    --
    作者：Ana Travas
超赞！CodePen 上最新的 12 个热门前端项目_第2张图片
动画视差效果

使用 jQuery 插件创建视差效果，并用 CSS 动画制作的闪烁与流星。

项目地址：传送门

  1. 日出/日落动画
    --
    作者：David Khourshid
日出/日落动画

纯 CSS 还原 Dribbble 上 Denys Boldyriev 和 Andrey Pixy 所设计的日出/日落动画效果，目前只能在 Chrome 浏览器中运行。

项目地址：传送门

  1. Moko's lost!
    --
    作者：Brook Jordan
超赞！CodePen 上最新的 12 个热门前端项目_第3张图片
Moko's lost!

利用 CSS 与 JS 实现的404页面——吉祥物 TradeGecko 的迷失，这风格简直萌萌哒！

项目地址：传送门

  1. 纯 CSS 按钮提示框
    --
    作者：Samuel Janes
超赞！CodePen 上最新的 12 个热门前端项目_第4张图片
纯 CSS 按钮提示框

纯 CSS 实现的4款按钮提示框，分别为蓝色、红色、绿色与紫色。

项目地址：传送门

  1. 可爱的狐狸
    --
    作者：Marcela
超赞！CodePen 上最新的 12 个热门前端项目_第5张图片
可爱的狐狸

纯 CSS 实现 Dribbble 上可爱狐狸图标。

项目地址：传送门

  1. SVG/ReactJS 实现的数学模型
    --
    作者：Sten Hougaard
超赞！CodePen 上最新的 12 个热门前端项目_第6张图片
SVG/ReactJS 实现的数学模型

这位作者热衷于通过数学的方式来生成图形。他使用了 ReactJS 生成了一些非常有趣的 SVG 图形，并且给出了可以自由调节的部分示例。大家来感受下。

项目地址：传送门

  1. 滚动 LOGO 效果
    --
    作者：Spencer Goldade
超赞！CodePen 上最新的 12 个热门前端项目_第7张图片
滚动 LOGO 效果

CSS 与 JS 实现的下拉滚动 LOGO 效果。

项目地址：传送门

  1. Merry Chris-morph!
    --
    作者：Chris Gannon
超赞！CodePen 上最新的 12 个热门前端项目_第8张图片
Merry Chris-morph!

又快到了，一年一度的圣诞节了。作者参照了由 Dmitriy Miroliubov 设计的图标，利用 CSS 与 JS 实现了圣诞动画效果。是不是很可爱呢？

项目地址：传送门

  1. 卧推
    --
    作者：Akhil Sai Ram
超赞！CodePen 上最新的 12 个热门前端项目_第9张图片
卧推

纯 CSS 实现的卧推效果。小狮只想说，还蛮逼真的嘛！

项目地址：传送门

  1. tancerzyk CSS
    --
    作者：qpoziomek
超赞！CodePen 上最新的 12 个热门前端项目_第10张图片
快乐的婴儿

纯 CSS 实现快乐的婴儿，参照了由Eran Mendel设计的舞蹈图片。

项目地址：传送门

  1. 吉他调音器
    --
    作者：Joel T Bennett
超赞！CodePen 上最新的 12 个热门前端项目_第11张图片
吉他调音器

利用 CSS+JS 为 electricherald.com 网站实现的吉他调音器。点击琴弦可以发出声音哦，简直太酷了！

项目地址：传送门

  1. The Wave
    --
    作者：Chris Coyier
超赞！CodePen 上最新的 12 个热门前端项目_第12张图片
The Wave

纯 CSS 实现的震动效果。

项目地址：传送门

以上12个前端项目是不是有趣呢？当然，在CodePen上，这些只是冰山一角，更多的惊喜值得我们去不断地学习与挖掘。

前端开发者们，利用你手中的武器创造出新的惊喜吧！

如果觉得文章不错，不妨点个赞。_

注：本文为原创文章，转载烦请注明出处。谢谢合作！

作者：IT程序狮
文章源自：http://www.jianshu.com/p/788babdf7e54

你可能感兴趣的:(超赞！CodePen 上最新的 12 个热门前端项目)

  • 优化 Java 数据结构选择与使用，提升程序性能与可维护性 chenOnlyOne 学习java数据结构开发语言
    优化Java数据结构选择与使用，提升程序性能与可维护性引言在软件开发中，数据结构的选择是影响程序性能、内存使用以及代码可维护性的关键因素之一。Java作为一门广泛使用的编程语言，提供了丰富的内置数据结构，如数组、链表、栈、队列、树、图以及集合框架中的各种接口实现（如List,Set,Map等）。然而，面对不同的应用场景，如何合理地选择和优化数据结构，成为了一个值得深入探讨的话题。本文将介绍几种常见
  • python 使用microsoft-Florence-2-base进行图片描述生成 哦里 哦里哦里给 AI大语言模型实战pythonmicrosoft开发语言
    目录一、Florence-2简介二、代码实践三、多语言模型一、Florence-2简介Florence-2是一个先进的视觉基础模型，采用基于提示（prompt）的方式，处理广泛的视觉和视觉-语言任务。Florence-2能够解析简单的文本提示，执行如图像描述、物体检测和分割等任务。该模型利用FLD-5B数据集，该数据集包含54亿个注释，涵盖1.26亿张图像，用于掌握多任务学习。模型的序列到序列架构
  • powershell运行脚本报错 哦里 哦里哦里给 编程杂记后端
    因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=135170中的about_Execution_Policies。所在位置行:1字符:1+./compose.ps1up--build+~~~~~~~~~~~~~+CategoryInfo:SecurityError:(:)[]，PSSecurityException+Fu
  • django自动添加接口文档 LCY133 #django项目实战2023djangosqlite数据库
    以下是使用Django和django-rest-swagger（或替代方案drf-yasg）生成API接口文档的详细指南。由于django-rest-swagger已停止维护，推荐使用drf-yasg（支持Swagger2.0和OpenAPI3.0），但两种方法均会说明：一、方案选择与安装1.方案对比库名维护状态支持规范功能特点django-rest-swagger已弃用Swagger2.0旧项目
  • docker compose的使用 LCY133 docker容器运维
    以下是关于DockerCompose的详细使用指南和核心功能解析：一、DockerCompose核心价值DockerCompose是用于定义和编排多容器应用的工具，通过YAML文件实现以下功能：•一键启停：用单条命令管理多个关联容器•环境隔离：为每个服务创建独立运行环境•依赖管理：自动处理服务启动顺序•配置复用：标准化开发/测试/生产环境二、完整使用流程1.安装DockerCompose#Linu
  • 安装openai环境 步骤及问题解决 leap_ruo 算法人工智能nlp算法
    1按照官网安装官网介绍很简单，使用pip即可安装成功pipinstallopenai但是，按照官方demo调用时，importopenaiopenai.api_key="your_api_key"#已申请的apikeyresponse=openai.Chatcompletion.create(model="gpt-3.5-turbo",messages=[{"rol
  • Lua语言的自动化测试 穆韵澜 包罗万象golang开发语言后端
    Lua语言的自动化测试随着软件开发的迅猛发展和不断变化的需求，自动化测试逐渐成为确保软件质量的重要环节。自动化测试不仅可以大幅度提高测试效率，还能减少人工测试的误差，从而提升产品的稳定性和可靠性。在众多编程语言中，Lua以其简洁、灵活和高效的特性，逐渐成为自动化测试领域的一个有力工具。本文将深入探讨Lua语言在自动化测试中的应用，包括其基本特性、优势、常用框架以及实践中的最佳实践。一、Lua语言简
  • Lua语言的嵌入式调试 涂瑷菡 包罗万象golang开发语言后端
    Lua语言的嵌入式调试引言Lua是一种轻量级、高效的脚本语言，广泛应用于游戏开发、嵌入式系统、Web开发等领域。其简洁的语法和强大的扩展性使得Lua成为众多开发者的首选语言。在嵌入式系统中，由于资源有限，调试工作尤其重要。通过有效的调试手段，可以及时发现并解决潜在问题，提高系统的运行稳定性。本文将详细探讨Lua语言在嵌入式系统中的调试方法，包括调试工具、常见调试技巧和最佳实践等，旨在为开发者提供一
  • SQL语言的安全协议 穆骊瑶 包罗万象golang开发语言后端
    SQL语言中的安全协议探讨引言SQL（StructuredQueryLanguage）作为一种标准的数据库查询语言，被广泛应用于关系型数据库的操作。然而，随着信息技术的不断发展和网络攻击手段的日益成熟，SQL的安全性问题逐渐成为人们关注的焦点。SQL注入（SQLInjection）是最常见的攻击方式之一，可以使攻击者对数据库执行未授权的操作。因此，如何保障SQL语言的安全性，制定有效的安全协议，已
  • Java语言的WebSocket 穆骊瑶 包罗万象golang开发语言后端
    Java语言的WebSocket详解目录引言WebSocket概述2.1WebSocket的工作原理2.2WebSocket的优势Java中WebSocket的实现3.1JavaEE的WebSocketAPI3.2使用SpringBoot实现WebSocketWebSocket的应用场景WebSocket的优缺点总结1.引言在现代Web开发中，实时通信成为了一个关键需求。传统的HTTP协议是基于请
  • MDX语言的设备管理 穆骊瑶 包罗万象golang开发语言后端
    设备管理中的MDX语言应用引言设备管理是在各行各业中都至关重要的一环，尤其是在制造业、物流业、以及信息技术等领域。设备的正常运行直接关系到企业的生产效率和经济效益。随着信息技术的不断发展，现代企业越来越依赖数据来优化设备管理。而MDX（MultidimensionalExpressions）语言作为多维数据库查询的标准语言，能够有效支持设备管理中的数据分析和决策支持。本文将深入探讨MDX语言在设备
  • FORTRAN语言的变量声明 穆骊瑶 包罗万象golang开发语言后端
    FORTRAN语言的变量声明FORTRAN（FormulaTranslation）是一种历史悠久的高级编程语言，它最初在1950年代被开发出来，专门用于科学和工程计算。随着时间的推移，FORTRAN语言经历了多次版本更新，最流行的版本包括FORTRAN77、FORTRAN90、FORTRAN95、FORTRAN2003以及FORTRAN2008等，其中每个版本都在语言功能和表达能力上有所改进。在F
  • PL/SQL语言的压力测试 穆骊瑶 包罗万象golang开发语言后端
    PL/SQL语言的压力测试引言在现代软件开发中，随着企业信息系统的复杂性和业务需求的不断增加，数据库系统的可靠性和性能变得尤为重要。PL/SQL作为Oracle数据库的存储过程语言，广泛应用于企业级应用开发中。为了确保系统在高负载环境下的稳定性和性能，压力测试（StressTesting）显得尤为重要。本文将深入探讨PL/SQL语言的压力测试，包括其定义、重要性、实施步骤及工具，以及最佳实践等内容
  • 从0到1构建AI深度学习视频分析系统--基于YOLO 目标检测的动作序列检查系统：（2）消息队列与消息中间件 shiter 人工智能系统解决方案与技术架构人工智能深度学习音视频
    文章大纲原始视频队列Python内存视频缓存优化方案（4GB以内）一、核心参数设计二、内存管理实现三、性能优化策略四、内存占用验证五、高级优化技巧六、部署建议检测结果队列YOLO检测结果队列技术方案一、技术选型矩阵二、核心实现代码三、性能优化策略四、可视化方案对比五、部署建议逻辑判定队列时间片图论时间序列大模型引入参考文献原始视频队列想要在单机内存中缓存1-5分钟的视频片段，python技术栈的话
  • 10万人服务器配置如何选择？10w并发量配置架构 facaixxx2024 阿里云服务器架构运维
    10万并发量的应用如何选择阿里云服务器配置？首先要选择云服务器ECS实例规格，因为是10万并发量需要配置负载均衡，而且还要使用缓存技术，阿里云服务器网aliyunfuwuqi.com从阿里云官网整理的关于阿里云10万并发量服务器配置和案例分享：10万人服务器云服务器ECS实例规格选择要满足10w并发量的阿里云服务器，首先需要选择适合的云服务器ECS实例规格。阿里云提供了多种不同的实例类型，包括通用
  • k8s系统学习路径 LCY133 kubernetes学习容器
    学习Kubernetes（K8s）需要循序渐进，结合理论知识和实践操作。以下是学习Kubernetes的推荐步骤：1.先决条件•掌握容器基础：先学习Docker，理解容器化概念（镜像、容器、仓库）、Dockerfile编写和容器生命周期管理。•熟悉Linux基础：了解Linux命令行操作、网络、文件系统等。•了解云计算概念：如虚拟化、负载均衡、服务发现、分布式系统等。2.Kubernetes核心概
  • 【esp32】VSCODE + esp-idf 使用记录 zscredstone vscodeide编辑器
    旨在进行学习使用过程中的问题记录。esp已经把vscode插件做的不错了，可以直接进行编译调试。使用的是esp32S3内置的usb/jtag主要参考：https://blog.csdn.net/weixin_50993868/article/details/136498570https://blog.csdn.net/weixin_43842462/article/details/12329584
  • Spring AOP、Java Agent 与 ASM 的作用和区别 潇凝子潇 javaspring后端
    SpringAOP、JavaAgent与ASM的作用和区别1.作用技术作用典型应用场景AOP通过分离横切关注点（如日志、事务、权限），在方法调用前后动态注入代码，实现非侵入式功能增强。SpringAOP（基于动态代理）、AspectJ（编译时/运行时增强）JavaAgent基于JVM的InstrumentationAPI，在类加载时或运行时修改字节码，支持对全量类的监控或增强。性能监控（如APM工
  • 【人工智能】Model Context Protocol (MCP) 是一个开放协议，标准化了应用程序向大型语言模型（LLMs）提供上下文的方式 本本本添哥 013-AIGC人工智能大模型人工智能语言模型php
    一、ModelContextProtocol(MCP)概述MCP，ModelContextProtocolMCP，是一个开放协议。MCP，标准化了应用程序向大型语言模型（LLMs）提供上下文的方式。‌MCP，旨在标准化应用程序如何为大型语言模型（LLM）提供上下文信息。MCP，提供了一个标准的接口，使得LLM可以无缝集成各种外部数据源和工具，从而扩展其能力和应用场景。二、MCP的定义和作用MCP定
  • Python--操作系统进行交互 【OS库】 ~请叫我小祸害~ python开发语言
    在Python中，os是一个内置的标准库，用于与操作系统进行交互。它提供了许多函数和方法，用于执行与操作系统相关的任务，例如文件类操作和目录操作、进程管理、环境变量访问等。接下来我给大家列举一下比较常用的文件操作方法：代码示例⬇⬇⬇⬇⬇⬇⬇：1、os.getcwd():返回当前工作目录的路径。importos#返回当前工作目录current_dir=os.getcwd()print("当前工作目录
  • 如何实现重试机制以增加代码的健壮性 ~请叫我小祸害~ .NET/C#c#.net.netcore
    实际的软件开发中，我们经常会遇到需要处理连接失败、网络超时或其他临时性问题的情况。为了增加代码的健壮性和可靠性，我们可以使用重试机制来自动重新尝试操作，直到成功或达到最大重试次数。在.net中有一个NutGet包库：Policy。这是一个功能比较强大的重试机制库。贼牛。搜索NuGet包管理器安装Polly库一、重试策略~他有好多重试策略针对不同的类型，如：文件上传：、Sql操作、Http操作等等等
  • C#请求队列后台服务 ~请叫我小祸害~ .NET/C#c#jvm开发语言
    队列执行1、首先需要一个公共类里面有我们的队列需要执行的方法这个方法最好是一个单独的不受别的控制器影响的class。因为你如果声明错位置的话一不小心就会把我们的队列重置。导致队列内容丢失造成损失。大家如果有某些方法运行时间太长但又需要快速给出结果，就可以利用队列，我们这边直接给她结果。然后具体操作我们在内部慢慢执行。//比如说我这里新建一个Class专门用来存放这个方法和队列内容容器publicc
  • .NET/C# 生成二维码 ~请叫我小祸害~ .NET/C#.netc#开发语言javascript
    大家好，在本章是如何通过.net/C#来生成二维码首先大家还是需要仔细阅读这篇文档有小细节就需要注意大家需要生成一些类，把我的方法复制进去，如果不想添加类的话，大家需要再主代码上更改引用信息找到我们所添加的方法不适用于零基础的朋友，适用于有点经验的懂一点代码的就行1、首先我们新建一个自己的项目.netcore或其他项目新建好后新建一个控制器我们需要在里面写自己的代码，在控制器里面生成一个index
  • 100.HarmonyOS NEXT跑马灯组件教程：实际应用与场景示例 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT跑马灯组件教程：实际应用与场景示例1.跑马灯组件应用概述跑马灯组件在HarmonyOSNEXT应用中有着广泛的应用场景，特别是在需要在有限空间内展示较长文本内容的情况下。本文将介绍跑马灯组件的实际应用场景和使用方法，帮助开发者更好地理解
  • selenium 等待方式 不负韶华ღ #seleniumseleniumpython测试工具
    概述在selenium中，等待指的是在执行下一个任务之前需要等待前一个任务完成，在前一个任务没有完成之前，后一个任务会一直处于阻塞状体，有点类似于数据库中的事务。比如，在定位元素之前需要加载完DOM。selenium有三种等待方式：显示等待、隐式等待、流畅等待。方式显示等待WebDriverWait(driver,timeout).until(method,message)显示等待是seleniu
  • Java中队列（Queue）和列表（List）的区别 和烨 Java初级学习专栏javalist
    文章目录`Java中队列（Queue）和列表（List）的区别`1.基本概念1.1列表（List）1.2队列（Queue）2.主要区别2.1数据结构特性2.2操作方式2.3适用场景3.代码示例3.1列表（List）示例3.2队列（Queue）示例4.总结Java中队列（Queue）和列表（List）的区别在Java中，队列（Queue）和列表（List）是两种常用的数据结构，它们分别用于不同的场景
  • COMP9321 25T1 后端
    COMP932125T1Assignment1(15marks)IntroductionTheNSWFuelCheckdatasetismaintainedbytheNSWGovernment.ItallowsmotoriststoaccesshistoricalandliveinformationaboutfuelpricesacrossNSW.Wehavedownloadedthe“FuelC
  • 10 个极其有用的 Python 自动化脚本 python
    在现代职场中，重复性和耗时的任务常常占据大量时间，影响工作效率。Python作为一种高效、易用的编程语言，提供了丰富的库和工具，能够帮助打工人自动化处理日常任务，提升工作效率。以下是十个必备的Python自动化脚本：一、文件批量重命名脚本在日常工作中，可能需要对大量文件进行重命名操作。手动操作既耗时又容易出错。使用Python脚本，可以实现文件的批量重命名，提高效率。importosdefbatc
  • python内存泄露 weixin_39810989 内存泄漏pythonmalloc
    定位工具及使用1.tracemalloc可以通过创建快照的方式记录当前的内存占用情况。从而可以比较快照与快照之间的内存占用差异。可以获取内存块的回溯，定位到内存占用最多的文件和代码行。osgeo.cn/cpython/library/tracemalloc.html2.pympler可以创建快照（summaries）进行内存块占用对比frompympler.classtrackerimportCl
  • python selenium 点击按钮_Python Selenium等待用户单击按钮 Shu Wang pythonselenium点击按钮
    语境：>我的脚本使用seleniumwebdriver启动到网站>用户填写网站上的一些东西>用户将点击一个按钮,弹出确认()dialogbox询问用户“你想提交数据吗”我的本意：我的脚本会等到用户点击按钮.一旦检测到用户点击了该按钮,我的脚本就会获得一个元素的值,然后(不知何故)在dialogbox上单击OK.题：如何等待用户点击按钮？然后如何在dialogbox上单击“确定”？补充说明：使用：c
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他