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

  • C# 通过chrome插件将HTML网页转换为PDF Eiceblue C#.NETPDFc#chromehtml
    将HTML网页内容转换为PDF格式能方便文档的后续打印、存档和分享等。之前介绍过如何通过QT插件将HTML转为PDF文件，本文将介绍另一个新的转换方法，通过谷歌浏览器Chrome插件将HTML网页转PDF文件。首先需要安装Spire.PDFfor.NET库（10.7.21版本及以上）。可以通过此链接下载产品包后手动添加引用，或者直接通过NuGet安装。https://www.e-iceblue.c
  • 大麦抢票自动化app 黄牛都在用 AZHYL33 自动化运维经验分享
    安卓：https://pan.quark.cn/s/988d9b2745ab电脑：https://pan.quark.cn/s/988d9b2745ab大麦抢票自动化教程，连夜赶制了这个教程。前提是有电脑，如果没有电脑的话，用手机的话也可以去解决问题，爱你们哦。【特别说明】：部分演唱会或者是剧场不支持PC端购买，这个是无法解决的问题。但是80%都可以用这个去玩。第一个链接里面是教程，大家跟着教程一
  • R语言的移动应用开发 滕若岚 包罗万象golang开发语言后端
    R语言的移动应用开发在数据科学和统计分析的大潮中，R语言因其强大的数据处理和可视化能力而备受青睐。然而，R语言对移动应用开发的适用性并未得到广泛关注。本文将探讨R语言在移动应用开发中的潜力及其工具，并提供一些实践示例，希望能为读者在这一新兴领域的探索提供帮助。一、R语言概述R语言是一种用于统计计算和图形绘制的编程语言，因其简洁的语法和丰富的包生态系统受到数据科学家的广泛使用。R语言的强大之处在于其
  • 如何撰写一份清晰专业的软件功能测试报告？看这篇就够了！ 软件测试君 自动化测试软件测试职场经验功能测试面试软件测试自动化测试职场经验深度学习功能测试报告
    面试求职：「面试试题小程序」，内容涵盖测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）职场经验干货：软件测试工程师简历上如何编写个人信息（一周8个面试）软件测试工程师简历上如何编写专业技能（一周8个面试）软件测
  • 双指针算法 六七_Shmily 数据结构与算法分析算法
    双指针算法是一种通过使用两个指针（索引或引用）在数据结构中有序移动来高效解决问题的技巧。它常用于数组、链表等线性结构的问题，能显著优化时间和空间复杂度。以下是其核心应用场景及使用方法：核心应用场景有序数组的两数之和左右指针从两端向中间移动，根据当前和调整指针位置。合并有序数组/链表从后向前填充避免覆盖，或直接比较节点合并。快慢指针检测链表环快指针每次走两步，慢指针走一步，相遇则有环。滑动窗口（子数
  • 使用 Python 爬取高德地图交通数据并进行数据分析（完整教程） Python爬虫项目 python数据分析数据库selenium爬虫开发语言beautifulsoup
    一、引言在现代交通系统中，交通数据是进行智能交通管理、交通流量预测和交通规划的重要依据。高德地图（Amap）作为国内最权威的地理和交通信息平台之一，提供了丰富的开放API，允许开发者访问包括实时交通路况、路线规划、地理编码等各种数据。本教程将使用Python构建一个完整的爬虫程序，调用高德地图API，解析和存储交通数据，并通过数据分析和可视化深入挖掘交通流量特征。二、高德地图API简介2.1高德地
  • YOLOv8改进添加swin transformer 兜里没有一毛钱 YOLO系列改进管理YOLOtransformerpython
    最近在做实验，需要改进YOLOv8，去网上找了很多教程都是充钱才能看的，NND这对一个一餐只能吃两个菜的大学生来说是多么的痛苦，所以自己去找代码手动改了一下，成功实现YOLOv8改进添加swintransformer，本人水平有限，改得不对的地方请自行改正。第一步，在ultralytics\nn\modules\block.py代码中的最后部分中添加swintransformer代码，代码如下：#
  • R语言：初始环境配置 一头大学牲 程序--编程记录r语言开发语言
    文章目录R语言的配置URL和种子R语言的配置在R中安装languageserver包：（直接在R.exe中运行即可）install.packages("languageserver")关于jupyternotebook如何编写R语言：（好像每种jupyternotebook支持的编程语言，解释器都有对应的jupyternotebook）install.packages('IRkernel')IRk
  • C++设计模式-原型模式：从基本介绍，内部原理、应用场景、使用方法，常见问题和解决方案进行深度解析 牵牛老人 C++专栏c++设计模式原型模式
    一、基本介绍：理解"克隆"的设计哲学1.1什么是原型模式原型模式（PrototypePattern）是一种创建型设计模式，其核心思想是通过复制现有对象来创建新对象，而非传统的新建实例方式。如同生物学的细胞分裂机制，原型对象作为"母体"，通过自我复制产生完全相同的新个体。该模式在C++中通常借助拷贝构造函数或克隆接口实现，特别适用于以下场景：对象初始化成本高昂（如需要读取大文件）；系统需要动态生成多
  • 深入理解Spring Boot：快速构建现代化的Java应用 杨凯凡 Springspringbootjavaspring
    大家好！今天我们来聊聊Java开发中最流行的框架之一——SpringBoot。SpringBoot是Spring生态系统中的一个重要模块，它旨在简化Spring应用的开发和部署。通过SpringBoot，开发者可以快速构建独立、生产级的应用程序，而无需繁琐的配置。本文将深入探讨SpringBoot的核心特性、自动配置、配置文件、Web开发、数据库集成、缓存、安全以及监控等内容，帮助你全面掌握Spr
  • Java性能优化：让你的程序飞起来！ 杨凯凡 Java高级java
    大家好！今天我们来聊聊Java的性能优化。无论是开发高并发的Web应用，还是处理海量数据，性能优化都是Java程序员必须掌握的技能。通过优化代码、调整JVM参数以及使用性能分析工具，我们可以显著提升程序的运行效率。准备好了吗？让我们开始吧！一、代码优化技巧：从细节提升性能代码优化是性能优化的基础。通过改进代码逻辑、减少资源消耗，我们可以显著提升程序的性能。1.减少对象创建频繁创建对象会增加垃圾回收
  • 深入理解MVC模式：构建清晰、可维护的Web应用 杨凯凡 JavaWebmvc前端java
    大家好！今天我们来聊聊软件开发中非常重要的设计模式——MVC模式。MVC（Model-View-Controller）是一种经典的软件架构模式，广泛应用于Web开发、桌面应用和移动应用开发中。它的核心思想是将应用程序分为三个层次：模型（Model）、视图（View）和控制器（Controller），从而实现代码的分离和模块化。通过MVC模式，我们可以构建出清晰、可维护、可扩展的应用程序。准备好了吗
  • 最短路算法 Emplace 算法图论最短路
    算法介绍最短路是一种在一个有权图中求任意两点间的最短路径。算法描述最短路有很多的形式：单源最短路：就是固定起点的最短路。多源最短路：就是不固定起点的最短路。其中Floyd就是求多源最短路的。Floyd算法流程首先我们可以先枚举中间节点kkk,然后再枚举经过这个中间节点的起点和终点。最后对于每对起点和终点我们假设它们为(i,j)，那么从i到j的距离就应该是a(i,k)+a(k,j)与a(i,j)的最
  • 从点灯开始的51单片机生活 shixiexunnie 嵌入式拨云见日51单片机嵌入式硬件学习单片机
    陵谷纷纭新事改，筑台土石未应迟。目录sfr与sbit？不靠定时器的delay_ms延时函数所谓寄存器sfr与sbit？这第一课咱们主要来先理解一下sfr与sbit，以下可能是咱们这些新手朋友常见的点灯代码：#include//reg52.h只定义sfr而没定义sbit可寻址空间的位变量intmain(){while(1){P2_0=0;//P几取决于宁板子上led的对应的gpio}}或者是更底层更
  • 计算机毕设论文灵魂模块：系统架构图设计终极指南（附资料） 计算机毕业设计小帅 课程设计毕业设计java系统架构
    【关注我，毕业设计不迷茫】|6年辅导经验|帮助1200+学子顺利毕业大家好，我是程序员小帅，一名专注于计算机毕业设计全流程辅导的技术博主。专注JavaWeb,我深耕毕设领域6年，累计输出1200+原创项目案例，辅导成功率接近100%。如果你正在为选题、代码、论文或答辩发愁，这里能给你最落地的解决方案！为什么架构图是毕设的灵魂？1️⃣展示系统思维：用一张图说清技术选型逻辑2️⃣设计说明书：开发前必须
  • 关于AFSIM 科学的发展-只不过是读大自然写的代码 c++c++
    1.概要2.内容AFSIM（AdvancedFrameworkforSimulation,Integration,andModeling）是一款由美国空军研究实验室（AFRL）开发和维护的高级仿真、集成和建模框架。以下是关于AFSIM的详细介绍：一、概述全称：AdvancedFrameworkforSimulation,Integration,andModeling开发单位：美国空军研究实验室（A
  • PyTorch 环境搭建全攻略：CUDA/cuDNN 配置与多版本管理技巧 小诸葛IT课堂 pytorch人工智能python
    一、环境搭建前的准备工作1.硬件兼容性检测#检查NVIDIAGPU型号nvidia-smi#验证CUDA支持的ComputeCapabilitylspci|grep-invidia#查看CUDA版本兼容性矩阵https://developer.nvidia.com/cuda-gpus2.系统环境要求组件推荐配置最低要求操作系统Ubuntu20.04LTSWindows10/11显卡驱动NVIDIA
  • （自用）RocketMQ下载与使用 turncat rocketmq
    1、去RocketMQ官网下载压缩包并解压（https://rocketmq.apache.org/zh/download/），添加环境变量。2、启动RocketMQ：进入自己的RocketMQ安装目录下的bin目录，输入下面命令启动nameserver：startmqnamesrv.cmd注：如果端口被占用，可以指定端口文件namesrv.properties文件里面写listenPort=99
  • 数据结构与算法-图（绪论 图论基本概念） 可爱的野指针 数据结构图论算法数据结构有向图欧拉回路
    昨天我的的树就分享完了，树的概念很多吧，二叉树，满二叉树，完全二叉树，赫夫曼树，孩子，双亲……多不？哈哈哈，这算不了什么，我们接下来要看到的图的概念才叫多，没关系，勤奋和时间会让你记住他们，内心只需要告诉自己，加油，我能行，就一定能学会图。不知道有没有看过或者学过离散数学，如果学过，那么恭喜啦，离散数学里的图论就是这一章的基础，图论学的还不错的话，压力就小了。先介绍的是图的定义，图-V个顶点和E条
  • Java学习笔记1.1_初识 Java 火车爱上轨道 Java编程语言基础java学习
    初识Java前言一、Java概述1.什么是程序2.Java语言的产生和发展史3.Java可以做什么4.Java语言的特点二、Java语言环境搭建1.JDK、JRE、JVM关系2.安装JDK3.配置环境变量4.环境测试三、开发第一个Java程序1.开发Java程序的步骤2.用记事本开发Java程序四、Java程序的注释1.单行注释和多行注释2.文档注释五、Java程序的结构六、JavaAPI文档前言
  • Java Scanner 类 大哥的打嗝 JAVAjavajvm开发语言
    JavaScanner类是Java的一个内置类，它提供了一种简便的方式来从标准输入或者文件中读取基本类型和字符串。本文将会详细介绍JavaScanner类的作用以及在实际工作中的用途。Scanner类的作用Scanner类可以方便地读取从控制台、文件等输入流中读取基本类型和字符串。Scanner类可以读取int、long、float、double和String等基本类型。它还可以使用正则表达式读取
  • 分辨率、帧率和码率三者之间的关系 0 error ~ 0 warning 计算机杂说学习
    1、前言  在很多视频项目中，我们经常会说的，视频质量好或者视频质量不好。那么这个视频质量到底怎么算是好，怎么算是不好呢？这里我们就要了解一下有关视频的几个重要参数：分辨率，帧率，码率。这三个参数是评估视频质量的关键参数。2、分辨率  指图像占用屏幕上像素的多少。图像中的像素密度越高，图像的分辨率越高。目前视频方面使用最多的分辨率是1080P。1080P的像素总数为1920x1080=2,073,
  • 何时选择Linux而不是RTOS 硬核科技 硬件开发linuxarm开发运维人工智能单片机嵌入式硬件硬件工程
    嵌入式系统的开发，常常涉及到实时性、效率、资源管理等多方面的要求。在许多实时性要求高、资源受限的系统中，RTOS（实时操作系统）凭借其低延迟和高效的资源管理特性，成为主流的选择。然而，随着嵌入式系统功能的复杂化和应用领域的扩展，尤其是在消费类电子和商用领域，RTOS的局限性逐渐显现，嵌入式Linux系统逐渐成为一种更合适的解决方案。1.多任务与多进程的复杂管理RTOS的任务调度机制在轻量级嵌入式系
  • c语言%-8.3,C语言程序设计第8章-8.3.pptx 蓝精神 c语言%-8.3
    C语言程序设计第8章-8.3.pptxC语言程序设计实例教程8.3二维数组和指针,C语言程序设计实例教程,第8章指针,二维数组的定义方法通过二维数组名引用二维数组元素二维数组与一维数组的关系通过定义指针变量来引用二维数组元素通过数组名的运算实现指针的移动来引用数组元素,本节要点实例37二维数组名和数组元素的地址二维数组的成员介绍,【实例任务】定义一个二维数组并赋初值，然后分别输出二维数组名的值，各
  • 实验六 多cache一致性——监听协议_多核Cache一致性 weixin_39576336 实验六多cache一致性——监听协议
    经过这么多篇文章的介绍，我们应该已经对Cache有一个比较清晰的认识。Cache会面临哪些问题，我们该怎么处理这些问题。现在我们讨论多核Cache一致性问题。在摩尔定律不太适用的今天，人们试图增加CPU核数以提升系统整体性能。这类系统称之为多核系统（简称MP，Multi-Processor）。我们知道每个CPU都有一个私有的L1Cache（不细分iCache和dCache）。假设一个2核的系统，我
  • pythonturtle库文档_Python Turtle帮助文档梳理 weixin_39613089 pythonturtle库文档
    PythonTurtle帮助文档真的很多，几十屏拉不到头。其中很多部分是重复的。近期进行了梳理，我将其分为全局控制、画布设置、画笔设置、画笔操作、互动等五个部分。说明：1）PythonTurtle查询办法help(turtle)2)查询某函数xx的方法help(turtle.xx)，例如help(turtle.home)一、全局控制clear(self)reset(self)home(self)u
  • 四个学生三门成绩 C语言二维数组,C语言程序设计第6章-6.2.pptx 马宇宸 四个学生三门成绩C语言二维数组
    C语言程序设计第6章-6.2.pptxC语言程序设计实例教程6.2二维数组,C语言程序设计实例教程,第6章数组,二维数组的定义和数组元素的引用方法二维数组的初始化方法,本节要点实例21二维数组的定义与引用-统计总成绩及平均成绩,【实例任务】从键盘上任意输入某班n个学生的三门课程的成绩，计算每个学生的平均成绩、计算每门课程的平均成绩，并且打印成绩单，输出三门课程成绩的平均分及课程的平均分。运行结果如
  • qnx与linux区别,实时Linux和RTOS进行比较 Paul Winterbottom qnx与linux区别
    对实时操作系统(RTOS)特性进行比较和分析。对于我们刚接触这个操作系统时一定要对他们要有一定的了解，我们先对实时操作系统来了解下，它就是指当外界事件或数据产生时，能够接受并以足够快的速度予以处理，其处理的结果又能在规定的时间之内来控制生产过程或对处理系统作出快速响应，并控制所有实时任务协调一致运行的操作系统。因而，提供及时响应和高可靠性是其主要特点。实时操作系统有硬实时和软实时之分，硬实时要求在
  • C语言用数组编程矩阵,二维数组—矩阵求和（C语言） 乌里阿姨 C语言用数组编程矩阵
    昨天上机了，之前上机都觉得题目挺简单的，但昨天的题明显比以前难了好吗！字符串二维数组感觉也没教什么呀。。所以我也做了蛮久，现依次把这几道题放在这里留作纪念。题目1：请写一个程序，对于一个m行m列(2＜m＜20)的方阵，求其每一行、每一列及主、辅对角线元素之和(注：主对角线是方阵从左上角到右下角的一条斜线，辅对角线是方阵从右上角到左下角的一条斜线)，然后按照从大到小的顺序依次输出这些值。这道题还是挺
  • Unicode码------二个字节编码的系统 Mar.三月 Java基础知识
    Unicode码：Unicode码也是一种国际标准编码，采用二个字节编码它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。Unicode编码则是采用双字节16位来进行编号，可编65536字符，基本上包含了世界上所有的语言字符，它也就成为了全世界一种通用的编码，而且用十六进制4位表示一个编码，非常简结直观，为大多数开发者所接受，特别是十六进制编码后
  • 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其他