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

  • uv：颠覆你的Python项目管理，速度提升10-100倍 强化学习曾小健2 uvpython开发语言
    uv：颠覆你的Python项目管理，速度提升10-100倍原创工业开源好项目工业开源好项目2025年01月05日00:01湖南Python生态系统繁荣的同时，也带来了一些挑战：繁多的包管理工具、缓慢的依赖安装速度、以及复杂的虚拟环境管理。面对这些问题，uv应运而生。它是一个用Rust编写的高性能Python包和项目管理器，旨在以更快的速度、更简洁的方式，解决Python开发中的诸多痛点。本文将详细
  • 【深度C++】之“运行时类型识别RTTI” Jinxk8 面向对象C++c++编程语言
    0.什么是RTTI运行时类型识别（run-timetypeidentification,RTTI）功能可以获得某类型在运行时的具体动态类型，进而使用该类型的功能。动态类型指的是程序在运行时才可知的类型，与静态类型相对应。静态类型指的是编译时已知的类型。出现静态类型和动态类型定义的原因主要是面向对象的多态。当我们使用父类的指针或引用指向或引用子类对象时，表面上看使用的都是父类的函数，实际上在程序运行
  • Python正则表达式（re模块） qq742234984 python正则表达式mysql
    Python正则表达式（re模块）概述正则表达式Python正则表达式re模块re.match方法常用的匹配规则-匹配字符常用的匹配规则-匹配字符数量常用的匹配规则-原生字符串常用的匹配规则-匹配开头结尾常用的匹配规则-分组匹配re.compile方法re.search方法re.findall方法re.sub方法re.split方法贪婪模式与非贪婪模式概述案例概述正则表达式英文名为RegularE
  • 【图像分割】Labelme JSON标注转换为TXT代码详解 唐king jsonpython
    书接上文：https://blog.csdn.net/qq_49092686/article/details/145114987?spm=1001.2014.3001.5502这里给出更细致的json2txt代码，同时考虑了circle、rectangle这两种情况各位朋友，在使用前，你一定要注意你的json格式是不是跟我的一致，不一致的话是用不了的（是不是也用的labelme制作的数据集）imp
  • pip install和conda install的区别 莫聽穿林打叶聲 pipconda
    这里写目录标题一、什么是Python依赖（PythonDependencies）？1.依赖的作用2.如何管理Python依赖3.依赖管理问题4.依赖锁定总结二、使用pip安装包+venv隔离环境方法1：使用venv（推荐）创建虚拟环境激活环境安装包冻结（导出）环境退出环境删除环境方法2：使用virtualenv（适用于Python2）安装virtualenv创建环境方法3：使用pipenv（自动管
  • 安卓-关于使用startForegroundService启动服务于服务提前终止的思考 Auspemak-Derafru android
    在安卓官方说明中对前台服务的说明是这样的：从应用启动前台服务分为两步。首先，您必须通过调用context.startForegroundService()来启动服务。然后，让该服务调用ServiceCompat.startForeground()将自身提升为前台服务。启动前台服务|Backgroundwork|AndroidDevelopers其中，说明到了要调用ServiceCompat.sta
  • linux系统以及pip下载慢问题解决办法 d1st2nt linuxpipubuntu
    在虚拟机中，默认下载源是外国的，很慢，所以要换成国内的下载源ubuntu为例：sudovim/etc/apt/sources.list输入i进入插入模式，注释掉之前的下载源，加入下面的，这是清华的，也有其他的，可以在网上搜。#默认注释了源码仓库，如有需要可自行取消注释debhttps://mirrors.tuna.tsinghua.edu.cn/ubuntu/jammymainrestricted
  • java-通过继承android.location.Location实现自定义化的location对象 Auspemak-Derafru android
    起因：1.在中国大部分地区，由于政策原因。对定位的使用必须使用定位为俗称火星坐标的gcj02坐标系。然而，在调用安卓原生的android.location.LocationListener获取定位对象时，给到的将是以默认WGS84为坐标系的点，所以由于该种原因，导致我们在调用的大多数大陆地区api地图时会出错。2.获取到的定位点有可能出现漂移现象，为了给获取到的点打上标记，以便于后续的处理，我希望
  • 关于py不能导入pyw文件内的class的问题 Auspemak-Derafru python
    我有一个window类，调了另外一个py文件里面自己写的class有一天去朋友家玩，顺便想跑一下那个代码，由于他没有编译器，我也没有打包成可执行程序，就安了一个idle。由于我的window类是用qt写的，懒得再pip下载了，就直接在原文件后面加了个main函数，改后缀名为pyw直接跑了回去之后用我的pycham打开，window类直接跑不了了，提示导包错误看了一下竟然是我之前改了的那个文件的问题
  • 珠算之加减法中出现负数情况 凌霄上卿 算法开发语言计算机视觉
    在珠算加减法过程中出现负数情况的处理如果数字A小于B，要求计算A-B，此时出现了小数减大数的情况，其结果应该是负数。在平时，计算A-B时，如果发现A小于B，则计算时只要计算B-A，结果记为负数即可。但是，如果是珠心算加减法的听心算，这样处理就行不通了。在现实中，在加减法的过程中出现负数是常见现象，因此，在珠心算加减法教学中，学生要学会如何处理出现负数的情况。例如，38738-38756。这只是两个
  • 常用的ffmpeg文件格式转换指令 儿孙未解供耕织 linux嵌入式ffmpeg
    mp3转wav:ffmpeg-iinput.mp3-acodecpcm_s16le-ac2-ar44100output.wavwav转m4a:ffmpeg-fwav-itest.wav-ar48000-acodecaac-vn-dntest.m4amp3转mp4:ffmpeg-iREC_START.mp3-codeccopyREC_START.mp4m4a转wav:ffmpeg-iinput.m4
  • 人工智能之数学基础:线性代数中矩阵的初印象 每天五分钟玩转人工智能 机器学习深度学习之数学基础线性代数人工智能矩阵机器学习深度学习
    本文重点从本篇文章开始，我们将开始学习矩阵的概念，矩阵，作为线性代数的核心概念之一，就像是一个个精心编织的网格，将复杂的数据和关系以一种简洁而直观的方式呈现出来。矩阵矩阵的初印象想象一下，你手里有一张空白的表格，上面布满了等待填充的格子。这些格子按照行和列整齐排列，形成了一个二维的平面结构。如果我们把数字、符号或者更复杂的元素填入这些格子中，那么这个表格就变成了一个“矩阵”。简单来说，矩阵就是一个
  • FFMPEG实现音频重采样 QQ_1695710968 音频重采样FFMPEGPCM
    技术在于交流、沟通，转载请注明出处并保持作品的完整性。原文：https://blog.csdn.net/hiwubihe/article/details/81259134[音频编解码系列文章]音频编解码基础FFMPEG实现音频重采样FFMPEG实现PCM编码(采用封装格式实现)FFMPEG实现PCM编码(不采用封装格式实现)FAAC库实现PCM编码FAAD库实现RAW格式AAC解码FAAD库实现R
  • 工业相机视频播放(RTSP) CHHC1880 工业相机rtspffmpeg推流
    需求：工业相机图像能在rtsp流上播放。实现手段：C#利用工业相机的SDK拿到图后，通过ffmpeg管道推给流媒体程序，再转流播放。模拟测试：两张图在rtsp上进行轮播
  • json 数据格式的转换 amd2015 json
    json与对象的互相转换以下为整理内容1前台//将JSON转为字符串varaToStr=JSON.stringify(a);//将字符串转为JSON格式varbToObj=JSON.parse(b);//将字符串转为JSON格式vardataObj=eval("("+data+")");//得到json$.get(url,[data],[callback],"json")2后台第一种:json-l
  • 使用Ubuntu编译和安装QT源码 程序逐梦人 ubuntuqtlinuxC/C++
    使用Ubuntu编译和安装QT源码在Linux开发中，QT是非常受欢迎的跨平台应用程序开发框架。它提供了丰富的GUI组件库和工具，使开发人员能够轻松创建功能强大的图形用户界面。然而，有时候我们可能需要从源代码编译和安装QT，以便进行定制化的开发。本文将介绍在Ubuntu上编译和安装QT源码的过程。步骤1：准备环境首先，我们需要确保系统中已经安装了一些必要的软件包和工具。打开终端，并执行以下命令来安
  • ubuntu 和 RV1126 交叉编译Mosqutiio-1.6.9 djykkkkkk Linuxubuntulinux运维
    最近需要交叉编译mosquitto，遇到一些小问题记录一下。1.众所周知使用它自带的Makefile编译的时候，只需要在编译前，指定它config.mk中的变量：CFLAGS头文件路径和LDFLAGS库文件路径就ok，例子如下：exportCFLAGS=“-I/home/.../openssl/...-I/home/.../uuid/..."exportLDFLAGS="-L/home/.../u
  • 二.使用ffmpeg对原始音频数据重采样并进行AAC编码 djykkkkkk ffmpeg学习ffmpeg音视频aac
    重采样：将音频三元组【采样率采样格式通道数】之中的任何一个或者多个值改变。一.为什么要进行重采样？1.原始音频数据和编码器的数据格式不一致2.播放器要求的和获取的数据不一致3.方便运算二.本次编码流程1.了解自己本机麦克风参数，我的切换为44100/16/2；包括麦克风录音的size可能不一样，本机windows下录音的size为88200；1.ffmpeg获取麦克风数据2.ffmpeg对数据进行
  • 【SpringMVC】常用注解：@SessionAttributes 字节源流 java前端服务器
    1.作用用于多次执行控制器方法间的参数共享2.属性value：用于指定存入的属性名称type：用于指定存入的数据类型3.示例先写JSP代码存入SessionAttribute取出SessionAttribute清除SessionAttribute编写控制器代码@Controller@RequestMapping("demo1")@SessionAttributes(value={"username
  • docker 拉取镜像报错 Error response from daemon: Get ‘https://registry-1.docker.io/v2/ ‘: context deadline 江西谢霆锋 docker容器运维
    阿里云服务器：docker拉取镜像报错Errorresponsefromdaemon:Get'https://registry-1.docker.io/v2/':contextdeadline遇到“Errorresponsefromdaemon:Get'https://registry-1.docker.io/v2/':contextdeadlineexceeded”这个错误，通常表示您的网络连接
  • Go+Vue通用后台管理项目实战 - 带源码课件 6v6-博客网 6v6-博客 golangvue.js开发语言
    Go+Vue通用后台管理项目实战-带源码课件课程描述本课程从0到1搭建前后端项目，帮助学员掌握Go+Vue开发前后端分离项目的能力。通过实战项目，学员将学习到如何设计系统架构、实现核心功能模块，并最终完成一个完整的后台管理系统。课程亮点前后端分离：基于Go语言后端和Vue前端，实现高效开发模式。实战项目：通过完整项目实战，掌握从需求分析到部署上线的全流程。源码提供：附带完整源码，方便学员学习和二次
  • 5分钟速通【Linux进程】 2501_91133393 linux运维服务器
    写在前面：兄弟们，我手里有个长期项目，考虑接私活的可以看看我GitHub！https://github.com/ccy-233/coder2retire1.什么是进程？进程就是运行中的程序，是系统资源分配的基本单位每个进程都有唯一的PID（进程ID）进程有父子关系，通过ps-ef可以查看2.进程的创建-fork()pid_t pid = fork();-简单理解：fork()就像细胞分裂，一个变两
  • ES6回顾：闭包-＞(优点：实现工厂函数、记忆化和异步实现）、（应用场景：Promise的then与catch的回调、async/await、柯里化函数） 2501_91133322 es6javascript开发语言
    写在前面：兄弟们，我手里有个长期项目，考虑接私活的可以看看我GitHub！https://github.com/ccy-233/coder2retire1.闭包（Closure）定义：由函数及其引用的外部词法环境变量组成，即使外部函数执行完毕，内部函数仍能访问这些变量。作用：延长外部函数变量的生命周期，使外部可操作内部数据（如模块化封装）。避免全局变量污染，实现私有变量。缺点：不当使用会导致内存泄
  • 简单的题V 琴声码语 算法蓝桥杯c++vector数组
    问题描述wzy给你了一个n×n的01矩阵a，你需要求一下满足ai,j=ai,k=aj,k=1的三元组(i,j,k)的个数。注：给定的矩阵一定满足ai,j=aj,i。同时，(1,2,3),(3,2,1)这种视作同一个三元组，且i≠j,j≠k,i≠k。输入格式第一行输入一个数字nn，表示矩阵大小。(1≤n≤800)接来下n行，每行一个长度为n的01串。输出格式输出满足条件的三元组数量。样例输入4001
  • Python—JSON格式标签转换为TXT格式标签详细教程2（附完整代码） 资源补给站 python图像处理笔记pythonjson开发语言
    这个代码主要是解析一个json文件转换成多个txt文件使用的，尤其是便于yolo训练decode_json函数中的convert函数确实是用于将坐标缩放到0-1之间的。但是，您在调用decode_json函数时设置了is_convert=False，这意味着坐标缩放功能被关闭了代码详解数字规范化的会将坐标缩放至(0—1）区间主要是修改这两个地方即可，话不多说，咱们直接附代码#下面是将`is_con
  • 一.ffmpeg打开麦克风，录制音频并重采样 djykkkkkk ffmpeg学习ffmpeg音视频
    一.windowswindows下使用msys编译ffmpeg，先编译libx264和libx265，然后编译ffmpeg的时候需要添加这两个库的路径才能--enable；为什么ffplay--enable了还是没有呢，仔细看编译打印，可能刚有一段报错提示SDL找不到，这个时候咱们就直接使用msys安装SDL，然后--enable启动sdl，这样ffplay就可以编译成功了。参考这个博主：FFmp
  • 【产品经理】设计一流产品九步法 程矢 Axure原型设计axure
    转载自：老二牛车教育»【产品经理】设计一流产品九步法百度高管舒迅（@舒迅）曾经带领百度贴吧创造出一年内用户注册量增长10倍、浏览量3倍增长的奇迹，作为一名在中国互联网摸爬滚打超过12年的老兵，在和百度内部同事的相互磨砺中，总结出了极其丰富而是用的产品设计经验。他在这篇文章中介绍的九条方法不仅值得每一个PM的认真学习，同样也值得每一个有志于打造出一流产品的互联网创业者和从业者的揣摩。本文描述的产品设
  • 3月16日中场五大联赛+德乙赛果预测与临场策略部分公推 weixin_66725336 后端
    【007前进之鹰vs威廉二世】前进之鹰主场强势全取三分【阵容动态】前进之鹰21岁前锋米兰·斯梅茨连续两轮首发出战，上轮贡献关键进球扩大比分，本场将继续担任锋线主力。进攻核心安治文状态爆棚，近两轮打入3球成为队内头号得分手，需重点盯防。威廉二世虽迎回伤愈中卫汤米·雅各布改踢三中卫体系，但防守仍漏洞百出。预计左翼卫施古德松将回撤担任左后卫强化边路防守。【伤停名单】前进之鹰：坦斯迪治（中场）、斯图卡斯（
  • 运维系列&Linux系列：Ubuntu安装登录lftp，并下载文件 坦笑&&life 运维运维linuxubuntu
    Ubuntu安装登录lftp，并下载文件Ubuntu安装登录lftp，并下载文件1.安装2.lftp连接此步骤可能报错：（1）ls:Fatalerror:Certificateverification:Nottrusted(1E:91:90:86:47:16:96:7D:12:C4:AC:3F:0F:04:98:C2:3C:78:A5:0C)（2）ls出现乱码3.cd到待下载的目录下Ubuntu安
  • FastAPI Web框架 [1.11] carefree798 FastAPIpython
    路径操作配置#路径操作配置#路径操作装饰器支持多种配置参数。#以下参数应直接传递给路径操作装饰器，不能传递给路径操作函数.#status_code状态码:status_code用于定义路径操作响应中的HTTP状态码#可以直接传递int代码，比如404#如果记不住数字码的涵义，也可以用status的快捷常量fromtypingimportOptional,SetfromfastapiimportFa
  • 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其他