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 个热门前端项目)

  • DataEase：一款国产开源数据可视化分析工具 不剪发的Tony老师 编程技能BI数据分析DataEase
    DataEase是由飞致云开发的一款基于Web的数据可视化BI工具，支持丰富的数据源连接，能够通过拖拉拽方式快速制作图表，帮助用户快速分析业务数据并洞察其趋势，为企业的业务改进与优化提供支持。DataEase的优势在于：开源开放：零门槛，线上快速获取和安装，按月迭代；简单易用：极易上手，通过鼠标点击和拖拽即可完成分析；全场景支持：跨平台安装和多样化嵌入支持；安全分享：支持多种数据分享方式，确保数据
  • harmony Next 基础知识点1 趋势大仙 Harmonyharmonyos华为
    容器类—Column和Row布局容器概念Column表示沿垂直方向布局的容器Row表示沿水平方向布局的容器对齐方式justifyContent:设置子元素在主轴方向的对齐格式alignItems:设置子元素在交叉轴方向的对齐格式主轴和交叉轴的概念主轴：在Column容器中的子组件是按照从上到下的垂直方向布局的，其主轴的方向是垂直方向；在Row容器中的组件是按照从左到右的水平方向布局的，其主轴的方向
  • Python爬虫 -- re正则+csv存储 小鞠.. Python爬虫python爬虫开发语言
    爬取Boss上有关Python的工作。网址链接https://www.zhipin.com/wapi/zpgeek/search/joblist.json?scene=1&query=python&city=100010000&experience=&payType=&partTime=°ree=&industry=&scale=&stage=&position=&jobType=&sala
  • Python常用国内镜像源（清华、豆瓣、阿里云、中科大） 老马达 #深度学习基础python
    使用Python最便捷的就是下载使用各种“包”，然而往往长时间不用就容易忘记，在这里将网上一些资源收集整理，一是方便自己日后使用，二是与诸君共享。一、代码清华大学开源软件镜像站：https://pypi.tuna.tsinghua.edu.cn/simple阿里云开源镜像站：https://mirrors.aliyun.com/pypi/simple/豆瓣：https://pypi.douban.
  • Adaptive AUTOSAR之状态管理模块（STM） weixin_42130902 AdaptiveAUTOSAR架构
    1.STM简介状态管理（STM）负责根据从其他AUTOSAR自适应平台应用程序或自适应应用程序接收的信息确定其任何内部状态机的状态。STM使用提供的网络管理字段（NetworkHandle）控制（部分网络）的状态。STM与执行管理（EXM）交互，以请求功能组和机器状态，以输入由项目需求确定的特定状态。功能组状态可能还依赖于网络管理（NM）状态。STM通过ara::com服务提供对其内部状态的访问。
  • Adaptive AUTOSAR之诊断模块（DIA） weixin_42130902 AdaptiveAUTOSAR车载系统
    ara::dia简介ara::dia模块是ARA（AUTOSARRuntimeforAdaptiveApplications）中的一个关键模块，用于诊断和故障管理。它提供了一系列功能和服务，帮助开发人员进行故障诊断和故障管理，以确保系统的可靠性和稳定性。ara::dia模块包括以下子模块和服务：ara::com：用于通信的模块，支持诊断通信和故障管理通信。ara::diag：用于故障诊断的模块，提
  • 2018移动端“事件交互篇-远程实战开发课程” weixin_44215351
    课程目录:1-移动端event相关问题2-touchEvent和滑屏3-滑屏的幻灯片（一）4-滑屏的幻灯片（二）5-移动端适配6-移动端布局注意事项7-音悦台布局8-显示隐藏的菜单和缓冲导航9-导航的缓冲和回弹动画10-滑屏选项卡上11-滑动选项卡12-3D（上）13-3D（下）14-百分比布局15-3d桌面切换16-touchEvent和transition的相关问题17-自定义滚动条18-相册
  • python实现数据库存储过程_Python通过调用mysql存储过程实现更新数据功能示例 食色也 python实现数据库存储过程
    本文实例讲述了Python通过调用mysql存储过程实现更新数据功能。分享给大家供大家参考，具体如下：一、需求分析由于管理费率配置错误，生成订单的还本付息表和订单表的各种金额，管理费之间的计算都有错误，需要进行数据订正。为此，为了造个轮子，以后省很多功夫，全部用程序去修正，不接入人工。二、带参数mysql存储过程创建1、更新订单付息表(t_order_rapay)dropprocedureifex
  • Vue CLI 构建移动端购物商城实战 凌莫凡
    本文还有配套的精品资源，点击获取简介：本项目通过VueCLI创建一个针对移动端的电商应用，目的是帮助开发者快速构建一个功能齐全、性能优良的在线购物平台。文章详细解析了Vue.js基础、VueCLI3的项目配置、组件化开发、Vuex状态管理、VueRouter路由管理、移动端适配、热重载与开发服务器配置，以及生产环境优化等关键知识点，对于提升Vue.js技能和项目实战经验具有重要价值。1.Vue.j
  • python调用MySql存储过程 weixin_30667649 数据库python
    环境：1.mysql5.0或者以上支持存储过程的版本2.安装MySQL-python，目前支持到2.x步骤：一.数据库准备1.建立表CREATETABLE`Account`(`id`BIGINT(20)NOTNULLAUTO_INCREMENT,`sm_accountName`VARCHAR(100)COLLATEgbk_chinese_ciNOTNULLDEFAULT'',`sm_passwor
  • 云科技网络验证源码_黑科技网络验证软件 1.52.0.0免费版 盲眼刺客 云科技网络验证源码
    黑科技网络验证是一款最新的网络验证系统，一键成品EXE文件或者程序加密加壳，永久免费使用，让大家开发的EXE产品不被滥用，从而更好地利用和维护开发的EXE程序，内置三种验证模式，安全性很高，有需要的朋友欢迎使用。黑科技网络验证软件软件简介：黑科技网络验证是一款支持任意成品EXE加密完整的网络验证系统主要功能是让其实现收费授权功能。使你的软件实现：登录、zc、充值、收费等功能。软件功能：软件加密不限
  • 移动端“事件交互篇-远程实战开发课程” qq_42672664 移动端
    课程目录:1-移动端event相关问题2-touchEvent和滑屏3-滑屏的幻灯片（一）4-滑屏的幻灯片（二）5-移动端适配6-移动端布局注意事项7-音悦台布局8-显示隐藏的菜单和缓冲导航9-导航的缓冲和回弹动画10-滑屏选项卡上11-滑动选项卡12-3D（上）13-3D（下）14-百分比布局15-3d桌面切换16-touchEvent和transition的相关问题17-自定义滚动条18-相册
  • 面向服务的诊断 SOVD（Service-Oriented Vehicle Diagnostics）AUTOSAR AP R24-11 aFakeProgramer APAUTOSAR#APAUTOSAR新标准解读系列AUTOSARSOVD
    AUTOSAR_AP_EXP_SOVD导读：ASAMSOVD与AUTOSAR自适应平台的集成ASAMSOVD简介：ASAMSOVD（面向服务的车辆诊断）是一个较新的诊断标准，旨在解决当前诊断协议（如UDS）面临的挑战。SOVD是一个自我解释的协议，不依赖于外部ODX数据描述，使用现代技术（如HTTPS）实现。它支持远程、接近和车内诊断用例，并包含UDS作为子集，同时支持HPC用例。SOVD与AUT
  • 【商城实战(38)】Spring Boot：从本地事务到分布式事务，商城数据一致性的守护之旅 奔跑吧邓邓子 商城实战springboot分布式本地事务分布式事务商城实战
    【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。无论是想深入钻研技术细节，还是探寻商城运营之道，本专栏都能提供从0到1的系统讲解，助力你打造独具竞争力的电商平台，开启电商实战
  • 【商城实战(37)】Spring Boot配置优化：解锁高效商城开发密码 奔跑吧邓邓子 商城实战springboot后端java商城实战配置优化
    【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。无论是想深入钻研技术细节，还是探寻商城运营之道，本专栏都能提供从0到1的系统讲解，助力你打造独具竞争力的电商平台，开启电商实战
  • 【商城实战(36)】UniApp性能飞升秘籍：从渲染到编译的深度优化 奔跑吧邓邓子 商城实战uni-app商城实战性能优化
    【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。无论是想深入钻研技术细节，还是探寻商城运营之道，本专栏都能提供从0到1的系统讲解，助力你打造独具竞争力的电商平台，开启电商实战
  • SOVD-Service Oriented Vehicle Diagnostic 诊断协议那些事儿 诊断协议那些事儿经验分享车载系统
    文章目录前言一、SOVD是什么二、SOVD的设计目的三、应用场景四、SOVD架构前言随着自动驾驶技术的发展，车辆配置变得越来越复杂，车载软件也在迅速增长：基于HPC（高性能计算机）、异构操作系统、大量并行进程及其依赖关系的新架构也给诊断工作带来了重大挑战。诊断的重点从识别硬件错误逐渐扩展到分析软件问题，因此带来了巨大的挑战。因为车辆的内容是动态变化的，同时当诊断通信被用于控制车辆复杂的更新过程时，
  • PyQt6嵌入HTML5内容教程 mosquito_lover1 pythonpyqthtml5
    在PyQt6中嵌入HTML5内容可以通过QWebEngineView实现。QWebEngineView是一个基于Chromium的浏览器引擎，能够渲染HTML5内容。以下是一个简单的示例，展示如何在PyQt6中嵌入HTML5页面：1.安装PyQt6和PyQt6-WebEnginepipinstallPyQt6PyQt6-WebEngine2.创建PyQt6应用程序并嵌入HTML5内容imports
  • PyTorch从入门到精通：探索深度学习新境界 lmtealily 深度学习pytorch人工智能
    引言PyTorch作为当前最受欢迎的深度学习框架之一，凭借其动态计算图的独特设计和与Python生态的无缝集成，正重塑着人工智能开发的新范式1。从NVIDIA的研究实践到Meta的产业应用，PyTorch的价值已渗透至学术研究、工业部署的每个角落。本文将带领您从张量操作基础开始，逐步探索GPU加速、动态图机制、框架生态集成等高级主题，最终实现理论与实战的双重突破。一、PyTorch核心基础构建1.
  • RISC-V指令集架构的形式语义——基于Haskell的实现 富珂祯
    RISC-V指令集架构的形式语义——基于Haskell的实现riscv-semanticsAformalsemanticsoftheRISC-VISAinHaskell项目地址:https://gitcode.com/gh_mirrors/ri/riscv-semantics项目介绍本项目RISC-VSemantics在GitHub上托管，提供了一个使用Haskell编写的RISC-V指令集架构（
  • 探索高效Arduino编程：FRP与Haskell的完美结合 管吟敏Dwight
    探索高效Arduino编程：FRP与Haskell的完美结合frp-arduinoArduinoprogrammingwithoutthehassleofC.项目地址:https://gitcode.com/gh_mirrors/fr/frp-arduino在众多开源项目中，有一个项目以其独特的技术栈和创新的理念脱颖而出，它就是基于Haskell的FRP（FunctionalReactivePro
  • 探索Haskell开发的新境界：利用haskell.nix与Nix构建高效生态系统 计蕴斯Lowell
    探索Haskell开发的新境界：利用haskell.nix与Nix构建高效生态系统haskell.nixAlternativeHaskellInfrastructureforNixpkgs项目地址:https://gitcode.com/gh_mirrors/ha/haskell.nix在快速演进的软件开发世界中，Haskell以其严谨的类型系统和高度表达性脱颖而出。而当结合强大的Nix工具链时，
  • Python调用mysql存储过程 Up_梅子酒 mysqlpython
    Python调用mysql存储过程importpymysqlconn=pymysql.connect(host='127.0.0.1',port=3306,user='root',password='root',database='test',charset='utf8')cur=conn.cursor()cur.callproc('T1')#调用存储过程conn.commit()result=c
  • 【算法手记04】回溯算法 Xeno Li 算法java
    回溯是递归的副产品，只要有递归，就会有对应的回溯过程。回溯实际上就是“撤销上一次递归操作”的一个过程。回溯法是由递归+循环组成的，其中每次循环执行的次数应该是可知的。每一次完成递归都会收集一次可能的结果，因此结果集的大小是不确定的，需要使用递归去找，我们称之为纵向搜索；而每次循环会从待找集合中依次遍历，是一个横向搜索的过程。模板voidbacktracking(参数){if(终止条件){收集结果r
  • HarmonyOS NEXT开发：辅助功能扩展能力规范-AccessibilityElement 「已注销」 鸿蒙HarmonyOSOpenHarmony前端javascript鸿蒙harmonyos鸿蒙系统
    AccessibilityExtensionAbility基于ExtensionAbility框架，提供辅助功能业务的能力。说明本模块首批接口从APIversion9开始支持，后续版本的新增接口，采用上角标单独标记接口的起始版本。导入模块import{AccessibilityExtensionAbility}from'@kit.AccessibilityKit';属性系统能力：SystemCap
  • 如何使用pymysql库向数据库表中插入数据？ 爬虫数据虫巢 python编程从入门到实践数据库oracle
    使用pymysql库向数据库表中插入数据，需要在连接数据库之后，构造合适的SQL插入语句并执行。以下是一个详细的示例：首先确保已经安装了pymysql库，如果没有安装，可以使用pipinstallpymysql进行安装。连接数据库并插入数据的示例代码如下：importpymysql#连接数据库conn=pymysql.connect(host='localhost',user='your_user
  • 阿里云镜像源安装pip 喝水时间到 pip服务器
    如果出现已经安装过virtualenv，但不在系统PATH中的情况，建议先卸载一次。没下载过的可以忽略。pipuninstallvirtualenvStep1：安装pippipinstall--uservirtualenvStep2：将~/.local/bin添加到PATH：exportPATH="$HOME/.local/bin:$PATH"Step3：创建虚拟环境virtualenvvenvS
  • Python存储数据库教程--超详细！！ 小鞠.. 数据库Python爬虫python数据库mysql
    目录1、首先导入需要用到的包2、连接数据库3、创建游标对象4、创建名为`dataname`的数据库，如果数据库不存在则创建，字符集设置为`utf8`。5、执行sql1语句6、创建数据表语句1.如果名为`user_id`的数据表不存在，则创建一个名为`user_tb`的数据表2.列定义7、执行sql2语句8、设置需要存入数据库的字段9、将数据插入`user_tb`数据表10、执行sql3语句11、提
  • 方舟字节码原理剖析：架构、特性与实践应用 轻口味 HarmonyOSNextharmonyos深度学习pytorchharmonyosnextarkts
    方舟字节码原理剖析：架构、特性与实践应用一、引言在当今软件行业高速发展的大背景下，应用程序的性能、开发效率以及跨平台兼容性成为了开发者们关注的核心要素。编译器作为软件开发流程中的关键工具，其性能和特性直接影响着软件的质量和开发周期。华为推出的方舟编译器正是为了满足这些需求而诞生的创新成果。方舟字节码（ArkBytecode）作为方舟编译器的核心产物，在整个编译和运行过程中扮演着至关重要的角色。它不
  • 引领高效开发：基于Haskell与Polysemy的纯净架构实现 幸俭卉
    引领高效开发：基于Haskell与Polysemy的纯净架构实现PolysemyCleanArchitectureShowcasinghowthePolysemylibrarycanbeusedtoimplementaRESTapplicationconformingtotheguidelinesoftheCleanArchitecturemodel.项目地址:https://gitcode.co
  • 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其他