c-xuan
c-xuan

11个使用CSS制作产品展示卡片样例

  • 作者：John Mantas
  • 使用技术：HTML / CSS (SCSS)
  • 是否自适应：否
  • 依赖库：-
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/john-mantas/full/bxmrBq
    11个使用CSS制作产品展示卡片样例_第1张图片
  • 作者：George Gedox
  • 使用技术：HTML / CSS (SCSS)
  • 是否自适应：否
  • 依赖库：font-awesome.css
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/GeorgeGedox/pen/yEwoqP
    11个使用CSS制作产品展示卡片样例_第2张图片
  • 作者：Julie Park
  • 使用技术：HTML / CSS (SCSS)
  • 是否自适应：否
  • 依赖库：-
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/juliepark/pen/aKbYVp11个使用CSS制作产品展示卡片样例_第3张图片
  • 作者：Fatih Takey
  • 使用技术：HTML / CSS
  • 是否自适应：否
  • 依赖库：font-awesome.css
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/fatihtakey/pen/eyyWVr
    11个使用CSS制作产品展示卡片样例_第4张图片
  • 作者：Omar Dsoky
  • 使用技术：HTML / CSS
  • 是否自适应：否
  • 依赖库：font-awesome.css
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/linux/pen/LjWrPZ
  • 作者：SliceCrowd
  • 使用技术：HTML / CSS
  • 是否自适应：否
  • 依赖库：bootstrap.css, swiper.css
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/slicecrowd/pen/GWJEZB
    11个使用CSS制作产品展示卡片样例_第5张图片
  • 作者：Tobi Balogun
  • 使用技术：HTML / CSS
  • 是否自适应：否
  • 依赖库：ionicons.css, animate.css
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/cupofmint/pen/wgyrRX
    11个使用CSS制作产品展示卡片样例_第6张图片
  • 作者：CodeFrog
  • 使用技术：HTML / CSS
  • 是否自适应：否
  • 依赖库：font-awesome.css
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/CodeFrogShow/pen/rWjYrP
    11个使用CSS制作产品展示卡片样例_第7张图片
  • 作者：Oscar
  • 使用技术：HTML / CSS (SCSS) / JavaScript
  • 是否自适应：否
  • 依赖库：jquery.js
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/olhilton/pen/dXaqxE
    11个使用CSS制作产品展示卡片样例_第8张图片
  • 作者：Alexandra K
  • 使用技术：HTML / CSS
  • 是否自适应：否
  • 依赖库：-
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/ff0004-red/pen/WxJEJZ
    11个使用CSS制作产品展示卡片样例_第9张图片
  • 作者：Jacob Sauerhoefer
  • 使用技术：HTML / CSS (SCSS)
  • 是否自适应：否
  • 依赖库：-
  • 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
  • 源码链接：https://codepen.io/jacobsauerhoefer/pen/mVZwLB
    11个使用CSS制作产品展示卡片样例_第10张图片
    更多

你可能感兴趣的:(前端编程)

  • mysql 遍历二叉树_二叉树的三种遍历方式（前序、中序、后序） nnllc mysql遍历二叉树
    树形结构是计算机科学中一种经典的数据结构。从前端编程当中UI界面层级结构，到java中的HashMap，到MySQL中的数据存储，到操作系统底层文件系统等等，这些都涉及到树形结构。树形结构的基本操作就是遍历，初学者可能会问：遍历就是遍历为什么还要分前中后三种方法呢？然而，要回答这个问题就要涉及到树形结构的更多知识了，比如：如果给定的树是一棵‘二叉搜索树’，那么如果中序遍历则会按从小大的顺序遍历这个
  • ⏰⏰⏰时间管理工具四件套 绩效教练敏吉
    多少时间管理工具就够够够够够够够用了呢？【教练背景】Jacob是年轻工程师，在大企业做前端编程和测试。他杠杆Onenote,滴答清单，幕布、omnimfocus等工具做了详细的记录和跟进，但是还是感觉会遗漏，必须要每天看一遍，在焦虑和恐惧中工作。希望通过我能简化目前的电子工具。当我们逐步探索的时候，发现真正的挑战不在于时间管理工具，而是在于Jacob对自己”焦虑“和”恐惧“的管理。于是我们进入到真
  • 深入浅出 VuePress（一）：如何做到在 Markdown 中使用 Vue 语法 weixin_33836223 markdownjavascriptwebpackViewUI
    前言在vuepress刚出时，我就觉得这是个很值得追更的开源项目。果不其然，里面众多的前端编程技巧让我受益良多。于是在周末这种日子里，人家追剧我追码。今天，我就和大家分享下vuepress是如何做到在Markdown中使用Vue语法的。原理众所周知，Markdown是一种标记语言，类似于HTML，它也有对应的语法和词法。而Vue说白了也是一种语法，关键在于，Markdown和Vue代码都可以被解释
  • 30道前端基础知识快问快答 前端fighter 前端javascripthtml5es6前端框架
    什么是前端开发？前端开发是指开发网站或应用程序的用户界面部分，包括网页设计、交互设计和前端编程。HTML、CSS和JavaScript分别是什么？HTML（超文本标记语言）用于定义网页的结构和内容。CSS（层叠样式表）用于定义网页的样式和布局。JavaScript是一种编程语言，用于实现网页的交互和动态效果。什么是响应式设计？响应式设计是指网站或应用程序能够根据不同设备（如手机、平板电脑和桌面电脑
  • 前端全能开发神器：codekit for mac d5fanfan 前端macos
    CodeKitforMac是一款强大的Web前端开发工具，特别适合Mac用户使用。首先，CodeKit支持多种流行的前端编程语言和框架技术，包括Less,Sass,Stylus,CoffeeScript,Typescript,Jade,Haml,Slim,Markdown和Javascript等。这意味着开发者可以在一个应用程序中编译和管理这些语言的文件，极大地提高了工作效率。其次，CodeKit
  • 可以运行的electron开源小项目 集电极 #javascriptelectronelectronjavascriptvue.js
    可以运行的electron开源小项目文章目录可以运行的electron开源小项目1.vue-electron-notes笔记软件安装依赖本地启动项目构建安装包2ElectronAPI演示(中文版)构建3.wallhaven-electron4.番茄钟⏰5.electron-egg模板6.tasky前阵子为了学习一下electron,找了不少开源小项目来练手，现在汇总一下。可惜对前端编程不是很熟悉，
  • 前端编程之路一一表格标签table 前端王祖蓝
    在HTML中，我们使用标签来定义表格。HTML中的表格和Excel中的表格是类似的，都包括行、列、单元格、表头等元素。但是HTML表格在功能方面远没有Excel表格强大，HTML表格不支持排序、求和、方差等数学计算，它一般用来展示数据。在学习表格之前，我们不妨先来看一段简单的HTML代码：1.2.3.名称4.官网5.性质6.7.8.C语言中文网9.http://c.biancheng.net/10
  • 前端工程师的未来 华子Code1024 前端
    编程语言的未来？方向一：编程语言的发展趋势作为一名前端工程师，前端编程语言的发展趋势更多向工程化、简介华，入门低的方向发展。这并不是说前端工程师技术水平低，只是说前端的入门门槛低了。这样也恰恰说明前端编程语言向着更加机械化、工具话发展。众所周知，之前我们前端开发需要查阅很多的资料进行项目配置和优化，现在更多是根据脚手架搭建一个项目就可以很好的满足我们的需求。我们只需再加一下定制话的功能就可以了，如
  • 走进 Chrome 内心，了解 V8 引擎是如何工作的 前端瓶子君 pythonjava编程语言javascriptjvm
    点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群作为一个前端程序员，每天上班的第一件事就是打开电脑，不由自主的点开chrome浏览器，或是摸会儿鱼或是立马进入工作状态。接下来浏览器窗口就会陪伴着你度过一天的时光，正常到七八点钟，晚点就九十点钟，再晚点就陪你跨过一天，时刻关注着你的工作。作为一个忠诚陪伴你的伙伴，你扪心自问，你有认真的了解过它是如何工作的吗？你有走进过它的内心世
  • 前端规范扩展 arguments_zd 杂谈前端
    前端编程规范是基于原有vue2基础上那套《编码风格及标准》上，应用于vue3、typescript、vite2基础上延伸出来的扩展补充，持续完善一、编码规范ESLint代码检测工具+Pretter代码格式化工具配合双校验代码Git规范-编码工具vscode同步参考文档中的《编码风格及标准》进行配置，这里不再赘述；-相关配置已生成到业务项目中，开发无需过度关注和调试配置，有问题群里反馈交流同步解决；
  • 一键部署！这样搭建一个文档网站真的很简单！ 前端瓶子君 javawebjavascriptnginxhtml
    点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群前言最近笔者在复习JavaScript基础知识，刚看完《JavaScript高级程序设计（第四版）》，想再找一些优秀代码库巩固一下学到的内容，自然而然的就想到了Lodash。此库在笔者公司使用率极高，因此想深入研究下源码并输出系列分析文章。而线上大多源码分析大多都是自己搭建的文档网站，于是就到了这篇文章的主题，快速搭建一个文档网
  • 2021 年我在 Leetcode 刷了 900+ 道题 前端瓶子君 算法腾讯java面试人工智能
    前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群面试官也在看的前端面试资料2021年可能是我这辈子过得最“卷”的一年，卷字带了引号，因为我认为这不是大家日常口中的卷——一种毫无意义的互相消耗，而是自我意识地觉醒，开始自我驱动地去做一些很酷的事。这篇文章作为我个人的2021年度终结，列举我在这一年达成的“成就”(流水线有点长...)，文章最后会分享一些关于自己如何坚持下来的方法。自我介
  • Java课程设计个人博客 时之彼岸Φ Java学习java课程设计开发语言
    目录引言：在此说明在本次课设过程中所遇到的困难！一、项目搭建的问题Q1:Web项目应用啥么编译器编写？Q2:如何创建Web项目(MAVEN)？Q3:Tomcat服务器开头控制台显示乱码如何解决？Q4:Tomcat服务器怎么设置项目的开始界面，从而只要在输入项目名便可访问项目？Q5:Tomcat服务器的资源映射设置问题？二、前端编程遇到的相关问题Q1.如何完成前端界面的搭建？Q2:如何完成前端日历和
  • PHP 基础编程 (1) 渗透测试小白 渗透测试全栈之路-代码基础php开发语言渗透测试渗透测试全栈php基础
    文章目录前后端交互尝试php简介php版本php基础语法php的变量前后端交互-计算器体验php数据类型php的常量和变量的区别php的运算符算数运算符自增自减比较运算符赋值运算符逻辑运算php的控制结构ifelseelseif前后端交互尝试前端编程语言：JS（JavaScript）htmlcssjs后端编程语言：phpjavagoperlrubypython.net前端页面代码，与后端交互大部分
  • 2021 Web Worker 现状 前端瓶子君 算法游戏大数据android编程语言
    点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群面试官也在看的前端面试资料导读：Web是单线程的。这让编写流畅又灵敏的应用程序变得越来越困难。WebWorker的名声很臭，但对Web开发者来说，它是解决流畅度问题的一个非常重要的工具。让我们来了解一下WebWorker吧。我们总是把Web和所谓的“Native”平台（比如Android和iOS）放在一起比较。Web是流式的，当
  • Sublime3格式化html/css/js代码和json文件。 longerking
    一、前言当你在前端编程学习探索中，遇到一份看似很好的代码，想copy下来，调试预览并学习。但是源代码对象可能是这样的。需要调试的代码当你兴奋的拷贝下来，用sublime打开，打算预览调试。你发现代码是这样的。sublime中的代码虽然不会影响在浏览器中的预览，但是如果你想修改这个html页面的话，是非常困难的。页面代码格式混乱，很难定位到你想查看的标签。整个布局也不清楚。好的，说正事了，怎么做可以
  • ESP32-Web-Server编程- JS 基础 4 物联网老王 ESP-Web开发ESP前端javascript物联网webiot
    ESP32-Web-Server编程-JS基础4概述HTML内联事件处理器，你永远不应该使用HTML事件处理器属性——因为那些已经过时了，使用它们是不好的做法。在前端编程中，除了将期望发生的事件写为JS文件外，还可以使用一些组件自带的事件处理器。比如可以使用button组件的onclick内联属性，实现在网页上点击按钮，切换LED灯图标的转变。但是HTML和你的JavaScript（内联属性）混在
  • CSS特殊学习网址 yqj234 学习
    css基本教程内填充padding——前端编程新手必学_哔哩哔哩_bilibilicss3基本语法CSSflex布局（弹性布局/弹性盒子）AgencedigitalecréativeàParisetMontpellier|SweetPunkCSS布局CSSLayout—PhuocNguyenCSS中文特效Coco’sblog特效网址Coco’sblog网格布局CSSGridGenerator
  • 【前端】vue3+typescript+vite+Element-Plus搭建配置初始化项目结构 全栈小5 前端前端typescriptjavascript
    给自己一个目标，然后坚持一段时间，总会有收获和感悟！对于我们开发人员，了解和熟悉新知识，对于vue3，博主是通过TA的基本结构开始，vue2和vue3都有javascript前端编程语言，到了vue3新增了typescript前端编程语言，互联网技术更新迭代非常的快速，在这快速发展的互联网行业，作为开发人员，只有不断学习才能跟得上节奏，一起来看看如何初始化项目结构。目录一、环境信息1.1、查看环境
  • 从0开始学习JavaScript--JavaScript基础 晓之以理的喵~~ JavaScript学习javascript开发语言
    JavaScript作为一门前端编程语言，在现代web开发中扮演着不可替代的角色。它不仅为网页增添了动态和交互性，而且随着Node.js的崛起，也在服务器端开发中占据了重要地位。在本章节中，我们将探讨JavaScript的作用、重要性以及与其他前端语言的关系。JavaScript的作用和重要性JavaScript最初由Netscape公司开发，旨在使网页具有更强大的交互性。随着时光的推移，它逐渐演
  • 一次搞定九大排序策略 前端瓶子君 算法dns服务器oauthbigdata排序算法
    点击上方三分钟学前端，关注公众号回复交流，加入前端编程面试算法每日一题群面试官也在看的前端面试资料14.1冒泡排序原理：从左到右，相邻元素进行比较，如果前一个元素值大于后一个元素值（正序），则交换，这样一轮下来，将最大的数在最右边冒泡出来。这样一轮一轮下来，最后实现从小到大排序。动图演示：代码实现：function bubbleSort(arr) {    for (let i = 0; i  a
  • 【算法面试】leetcode最常见的150道前端面试题 --- 中等题 前端瓶子君 算法powerbuilderwebgldevopsopera
    点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群兄弟姐妹们，中等题来了，本篇17道，剩下63道，每周更新10道！之前简单题的链接如下：【算法面试】leetcode最常见的150道前端面试题---简单题下（44题)【算法面试】leetcode最常见的150道前端面试题---简单题上（44题）[2]378.有序矩阵中第K小的元素(中等难度)给你一个nxn矩阵matrix，其中每行
  • 刷完这 15 道回溯，就可以无脑暴力手撕前端面试了 前端瓶子君 算法java面试ehcachewebgl
    点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群前言回溯，就是无脑冲，碰壁之后就回撤一步继续搞，属于一种暴力解题的思路；实际上也是如此，当我们在遇到一些分类讨论的问题，无法想到比较精妙的解决方案，我们第一时间考虑到的就是暴力枚举所有情况，然后再做处理，而回溯就是这样的一个暴力法下一个tab学习一下常规的排序算法吧引流一下刷完这些双指针题，就可以手撕前端面试了[1]刷完这12道
  • 自学WEB前端的详细路线 web世界之窗 csswebjavascript前端Html
    学习web前端编程技术肯定是以就业拿到高薪工作为主要目的的，可是高薪不会那么轻易拿到，这是一个最简单的道理。没有付出就没有回报，在整个学习web前端编程技术的过程中，你需要付出时间、精力、金钱。废话不多说直接上干货。在开始学习之前你需要做到以下5点：第一：需要达到什么样的技术水平才能就业？既然是为了就业，你就要知道学习web前端编程技术需要达到什么样的技术水平，才能获得一份web前端开发的工作。就
  • 前端成长进阶指北（JS篇） 前端瓶子君 面试java编程语言jsjavascript
    点击上方三分钟学前端，关注公众号回复交流，加入前端编程面试算法每日一题群面试官也在看的前端面试资料今天主讲JS篇，且已整理成了pdf，文末免费获取下面进入正文吧????indexOf和findIndex的区别indexOf：查找值作为第一个参数，采用===比较，更多的是用于查找基本类型，如果是对象类型，则是判断是否是同一个对象的引用findIndex：比较函数作为第一个参数，多用于非基本类型(例如
  • 前端程序员入门、进阶必备的5大网站，你知道几个？ 前端工程师申胥 web前端程序人生程序员前端编程web前端
    这样样一个问题：前端程序员会不会被淘汰?其实，有这种危机意识为时尚早。倘若没有多花一些时间学习，自身能力不够，做什么迟早都会被淘汰。不过，有些程序员不知道学习前端从何下手，给小伙伴们介绍5个好网站：0、freecodecampFreeCodeCamp可以说是入门前端的神器，是全球最火的Web开发学习平台之一。学习前端编程采用了闯关模式，让你有打游戏的冲动，一步步过关升级，边学边玩，边做边学。fre
  • 从龟速 11s 到闪电 1s，详解前端性能优化之首屏加载 前端瓶子君 javajavascriptvue面试dwr
    点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群全文共6511字/词，阅读大概需要13分钟，太长不看党请直接移步「开始优化」部分直接查看优化手段背景前段时间公司服务器网络波动，网站访问变慢，一些性能问题也随之暴露了出来。纷纷反馈在这样的弱网条件下，访问新项目时，加载了近1分钟都没加载出来，而访问其他页面顶多也就30-40s。在网络恢复后，尝试访问了下页面，无缓存首次打开需要等
  • threejs创建GUI参数的时候，明明写了默认值，以及滑块，但不出现滑块 dalaomanzou 笔记javascriptthreejs
    constgui=newGUI();letparams={far:'2000'}constfolder=gui.addFolder('相机参数');folder.add(params,'far',0,2000,10);我照着官方案例写的，但是写的时候下意识加了单引号，导致把数字类型变成了字符串类型，从而不被识别，出现了只显示2000这个数字而没有对应滑块的情况。前端编程就是这点麻烦，有很多时候出现
  • CSS 幻术 | 有关光影效果的黑魔法 前端瓶子君 xhtmlhtmlsvg3dgraphviz
    点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群来源：仿生狮子https://juejin.cn/post/6965488051695353886前言总听人说光和影是孪生兄弟，有光就有影。其实不然，如果没有光线强弱的对比，也就不会有阴影的存在。我们总是依靠物体表面的反光来感知世界，假设所有物体都能完全吸收光线，那世界将变得黑漆漆一片。所谓只有理解光，才能驾驭阴影。好的设计师往
  • 微信小程序扫普通链接二维码 嗯这是网名
    一、登录微信公众平台二、在左侧菜单寻找“开发”选项并打开{{:前端编程:h5和小程序:c78ab463-a2ec-4cb8-8f07-3fe421464c69.png?400|}}三、切换到"开发设置"选项，下拉页面到“扫普通链接二维码打开小程序”{{:前端编程:h5和小程序:c4917701-bcb4-4dbd-b346-d98225025f91.png?400|}}四、配置订单号===={{:
  • Dom 周华华 JavaScripthtml
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他