半夏_2021
半夏_2021

怎样用CSS画一个三角形

1.三角形的画法

由于div一般是四边形，要画个三角形并不是那么直观，你可以贴一个png,也可以用svg的形式，但是太麻烦。三角形其实可以用CSS画出。可以分两种三角形：

一是纯色的三角形，二十有边框色的三角形

三角形可以 用border画出来，首先一个有四个border的div应该是这样的

	<style>
		.triangle{
			border-left:50px solid #000;
			border-right:50px solid #333;
			border-top:50px solid #666;
			border-bottom:50px solid #999;
			width:100px;
			height:100px;
			background-color: #ccc;
		}
		style>
	head>
	<body>
		<div class="triangle">div>
	body>

怎样用CSS画一个三角形_第1张图片

然后我们把它的高度和宽度去掉，剩下四个border.如下图：

	.triangle{
			border-left:50px solid #000;
			border-right:50px solid #333;
			border-top:50px solid #666;
			border-bottom:50px solid #999;
			width:0;
			height:0;
	}

怎样用CSS画一个三角形_第2张图片

再把border-top去掉，这样就把上面的区域给裁掉了。

	.triangle{
			border-left:50px solid #000;
			border-right:50px solid #333;
			border-bottom:50px solid #999;
			width:0;
			height:0;
		}

在这里插入图片描述

接下来，再让左右两边的border透明，就得到了三角形

	.triangle{
			border-left:50px solid transparent;
			border-right:50px solid transparent;
			border-bottom:50px solid #333;
			width:0;
			height:0;
	}

在这里插入图片描述

这里是用了底部border作为三角形，如果要取左边的border,同理只需要让上下两个border颜色为transparent。

2.实现一个由边缘色的三角形

这种三角形很常见，特别似乎tip的提示框、聊天框等，如下图

怎样用CSS画一个三角形_第3张图片

首先画一个深色的三角形：

			.chat-msg{
				width: 300px;
				height:80px;
				border:1px solid #ccc;
				position: relative;
			}
			.chat-msg:before{
				content: "";
				position: absolute;
				left:-10px;
				top: 34px;
				border-top:6px solid transparent;
				border-bottom: 6px solid transparent;
				border-right: 10px solid #ccc;
			}


"chat-msg">hi,亲！

效果如下图：

怎样用CSS画一个三角形_第4张图片

然后画一个白色的三角形盖上去，错位两个像素，代码如下：

		.chat-msg{
				width: 300px;
				height:80px;
				border:1px solid #ccc;
				position: relative;
			}
			.chat-msg:before{
				content: "";
				position: absolute;
				left:-10px;
				top: 34px;
				border-top:6px solid transparent;
				border-bottom: 6px solid transparent;
				border-right: 10px solid #ccc;
			}
			.chat-msg:after{
				content: "";
				position:absolute;
				left: -8px;
				top: 34px;
				border-top: 6px solid transparent;
				border-bottom: 6px solid transparent;
				border-right: 10px solid #fff;
			}

在这里插入图片描述

上面用的属性都是css2最基本的属性，所以没有兼容性问题。

添加阴影

.chat-msg{
				width: 300px;
				height:80px;
				border:1px solid #ccc;
				position: relative;
				filter: drop-shadow(0 0 2px #999);
				background-color: #fff;
			}

怎样用CSS画一个三角形_第5张图片

你可能感兴趣的:(CSS,css实现三角形)

  • 深入探讨DICOM医学影像中的MPPS服务及其具体实现 猿享天开 DICOM医学影像专业知识精讲DICOM医学影象PACSMPPS
    深入探讨DICOM医学影像中的MPPS服务及其具体实现1.引言在医疗影像的管理和传输过程中，DICOM（数字影像和通信医学）标准发挥着至关重要的作用。除了DICOM影像的存储和传输（如影像存储SCP和影像传输SCP），DICOM还定义了其他一系列服务以支持医疗影像的完整管理。其中，**MPPS（ModalityPerformedProcedureStep）**服务是医疗影像工作流中的一个重要环节，
  • 剑指offer66_不用加减乘除做加法
    不用加减乘除做加法写一个函数，求两个整数之和，要求在函数体内不得使用＋、－、×、÷四则运算符号。数据范围输入和输出都在int范围内。样例输入：num1=1,num2=2输出：3算法思路这是一个不使用加减运算符实现整数加法的算法，利用了位运算来模拟加法过程。核心思想是将加法分解为：无进位相加（通过异或运算^实现）计算进位（通过与运算&和左移<<实现）循环直到进位为0时间复杂度：O(1)因为整数位数固
  • java实现多表代替密码（维吉尼亚密码） 就问你爱信不信 维基利亚密码java密码加密解密密码学加密解密java算法
    维吉尼亚密码（又译维热纳尔密码）是使用一系列凯撒密码组成密码字母表的加密算法，属于多表密码的一种简单形式。设d为一固定的正整数，d个位移代换表π=（π1,π2,…,πd），由密钥序列K=（k1,k2,…,kd）给定，第i+td个明文字母由表πi决定。即密钥ki决定加密算法如下：ek(xi+td)=(xi+td+ki)mod（q）e_k(x_{i+td})=(x_{i+td}+k_i)mod（q）e
  • MTALAB实现多表代替密码（维吉尼亚密码） 就问你爱信不信 matlab加密解密维吉尼亚密码密码学加密解密算法matlab
    维吉尼亚密码（又译维热纳尔密码）是使用一系列凯撒密码组成密码字母表的加密算法，属于多表密码的一种简单形式。设d为一固定的正整数，d个位移代换表π=（π1,π2,…,πd），由密钥序列K=（k1,k2,…,kd）给定，第i+td个明文字母由表πi决定。即密钥ki决定加密算法如下：ek(xi+td)=(xi+td+ki)mod（q）e_k(x_{i+td})=(x_{i+td}+k_i)mod（q）e
  • 【机器学习【9】】评估算法：数据集划分与算法泛化能力评估 roman_日积跬步-终至千里 #机器学习机器学习
    文章目录一、数据集划分：训练集与评估集二、K折交叉验证：提升评估可靠性1.基本原理1.1.K折交叉验证基本原理1.2.逻辑回归算法与L22.基于K折交叉验证L2算法三、弃一交叉验证（Leave-One-Out）1、基本原理2、代码实现四、ShuffleSplit交叉验证1、基本原理2、为什么能降低方差3、代码测试五、选择建议在机器学习中，评估算法的核心目标是衡量模型在“未知数据”上的表现，而不是仅
  • Selenium 中 findElement 方法全解析：定位网页元素的 7 种方式 二向箔reverse selenium测试工具
    在自动化测试和网页数据抓取场景中，准确找到目标元素是核心任务。Selenium提供的findElement方法支持多种定位策略，本文将深入介绍各种搜索模式的完整语法及适用场景。一、CSS选择器定位CSS选择器是定位网页元素的首选方式，它具有语法简洁、性能优异的特点。1.基本选择器元素选择器语法与说明：driver.find_element(By.CSS_SELECTOR,"标签名")通过HTML标
  • 【004】 ITK 读取 CT Dicom 数据并使用 VTK 显示
    【004】ITK读取CTDicom数据并使用VTK显示文章目录1.CMakeList.txt2.ITK读取CTdicom文件并使用VTK显示代码实现1.CMakeList.txtcmake_minimum_required(VERSION3.5)project(Image2ReadImageLANGUAGESCXX)set(CMAKE_CXX_STANDARD11)set(CMAKE_CXX_ST
  • 三轴云台之姿态调节技术篇
    三轴云台的姿态调节技术通过机械解耦、传感器融合、智能控制算法及动态补偿机制协同实现，能在复杂运动环境下保持高精度稳定，其核心技术与实现方式如下：一、机械结构优化：三轴解耦与轻量化设计三轴独立驱动解耦俯仰轴（Pitch）、横滚轴（Roll）、航向轴（Yaw）通过无刷电机+编码器+驱动器模块化设计实现运动解耦，避免轴间干扰。应用场景：无人机急转弯时，航向轴优先响应姿态变化，俯仰轴同步补偿相机倾斜，横滚
  • 三轴云台之电机控制技术篇
    三轴云台的电机控制技术以无刷直流电机（BLDC）为核心执行单元，结合磁场定向控制（FOC）、闭环反馈、多算法融合及减震设计，实现高精度、低延迟、抗干扰的稳定姿态调整。一、电机选型：无刷直流电机（BLDC）的优势高效率与低噪音BLDC电机通过电子换向替代传统电刷，减少机械摩擦，效率可达90%以上，同时噪音降低10-15dB，满足云台对静音和续航的要求。高精度控制配合编码器（如磁编码器）可实现0.01
  • 三轴云台之控制算法协同技术篇 SKYDROID云卓小助手 人工智能算法机器学习网络自动化
    三轴云台的控制算法协同技术是确保云台在复杂动态环境下实现高精度、高稳定性运动控制的核心，其技术体系涵盖多传感器融合、多算法协同以及多目标优化三个关键维度。以下从技术架构与实现路径展开分析：一、多传感器融合：构建环境感知基础三轴云台通过集成IMU（惯性测量单元）、编码器、视觉传感器等多源数据，构建高鲁棒性的环境感知系统。IMU与编码器融合IMU提供高频率的姿态角速度数据，编码器提供低延迟的关节位置反
  • 二分查找进阶：查找最靠左和最靠右的索引（Java实现） 算法第二深情 算法学习算法javaintellij-idea
    一、引言在实际开发中，二分查找（BinarySearch）是一种高效的查找算法，尤其在处理有序数组时表现出色。然而，标准的二分查找只能返回目标值的任意一个位置（例如中间位置）。如果需要找到目标值的最左索引或最右索引（例如统计重复元素的出现次数），或者只需要单纯知道最左或最有二、普通二分查找vs.边界查找1.普通二分查找publicstaticintbinarySearch(int[]arr,int
  • 无人设备遥控器之双向通讯技术篇 SKYDROID云卓小助手 算法单片机嵌入式硬件服务器网络
    无人设备遥控器的双向通讯技术通过整合数据传输与状态反馈机制，实现了遥控器与设备间的高效协同，其核心原理、技术实现及应用场景如下：一、技术原理：双向通信的构建基础双向通讯的核心在于建立一条双向数据通路，使遥控器既能发送控制指令，又能接收设备的状态信息。其实现依赖以下关键技术：射频（RF）技术遥控器与设备通过无线电波（如2.4GHz或5.8GHz频段）传输信号。发射器将指令编码为射频信号，接收器解调后
  • 三轴云台之高精度控制技术篇 SKYDROID云卓小助手 网络人工智能单片机嵌入式硬件安全
    三轴云台的高精度控制技术通过多维度协同设计，实现了对负载（如相机）的毫米级稳定控制，其核心在于机械结构、传感器、算法与智能控制系统的深度融合。一、机械结构设计：三轴联动与轻量化三轴云台通过横滚轴（Roll）、俯仰轴（Pitch）、航向轴（Yaw）的三维联动，实现负载在三维空间中的稳定控制。其机械设计需兼顾刚性与轻量化：解耦设计：三轴独立驱动，避免轴间干扰。例如，无人机急转弯时，航向轴优先响应姿态变
  • c++ STL 之队列——priority_queue 详解 必胜的小铭 c++
    一、简介priority_queue是C++STL的一个容器，它中文名是优先队列，注意不是堆，优先队列是一种特殊的队列，每个元素都有一个优先级（一般为升序或降序，也可以按入队顺序，即普通队列）。在插入元素时，根据元素的优先级将其插入到合适的位置。优先队列可以使用多种数据结构实现，包括堆、有序数组、二叉搜索树等，在这里逐一介绍。1.有序数组有序数组的定义很广泛，只按照一定顺序排列的数组，可以用排序算
  • 19、大规模 MIMO系统中的混合预编码与自动重传请求性能分析 wood5 大规模MIMO混合预编码自动重传请求(ARQ)
    大规模MIMO系统中的混合预编码与自动重传请求性能分析1引言现代无线通信系统中，大规模多输入多输出（MIMO）技术通过增加天线数量显著提升了频谱效率和链路可靠性。然而，由于硬件复杂性和功耗的限制，传统的全数字实现方式在大规模天线阵列中变得不切实际。混合射频-基带预编码/合并架构通过引入射频模拟预编码阶段，有效降低了硬件复杂性，并在频谱效率和可靠性方面表现出色。本篇文章将探讨在大规模MIMO系统中，
  • 面试真题 | 小红书-C++引擎架构
    文章目录1.自我介绍2.项目3.c++多态，如何实现的，虚表、虚表指针存储位置C++多态的实现机制虚表指针的存储位置面试官的深度追问4.explicit关键字explicit关键字的回答面试官可能的追问5.unique_ptr、shared_ptr、weak_ptr的原理，有没有线程安全问题，weak_ptr的解决了什么问题？可以用裸指针吗？会有什么问题回答unique_ptrshared_ptr
  • [Python] -项目实战5- Python 实现简易学生成绩管理系统 踏雪无痕老爷子 Pythonpython开发语言
    一、为什么做这个项目？学习OOP和GUI基础：通过类与对象封装学生信息，熟悉Tkinter构建窗口、表格、按钮等。实用性强：可添加、查询、删除、修改学生记录，是常见管理系统的基本功能。扩展性好：后续可以接入数据库、图表展示、权限控制等功能。二、核心技术与工具tkinter：Python内置的桌面GUI库，用于构建窗口界面、表单和按钮。sqlite3：轻量级关系数据库，适合小型持久化存储，无需部署服
  • 用bash-completion 实现pman自动补全
    前言每次查php函数的用法，都要查看手册，感觉好麻烦，于是决心在自己的命令行里实现pman自动补全提示：以下是本篇文章正文内容，下面案例可供参考一、安装先安装pear命令。不是本文重点，请自行查阅Manual::Installation(PEAR)执行命令pearinstalldoc.php.net/pman二、直接使用代码如下（示例）：pmangettype结果如下三、按装bash-comple
  • XSS总结：跨站脚本（XSS）攻击向量（精） 墨痕诉清风 渗透常识研究xssjavascriptfirefox
    alert(1)alert("xss")alert(9801)//url参数，加载元素//edit输入框插入//学SQL注入？其第一个1为正常参数1">alert(1)事件处理不需要用户交互的事件处理程序激活元素时触发(IE)页面打印后触发（Chrome、Firefox、IE)CSS动画取消时触发(Firefox)@keyframesx{from{left:0;}to{left:1000px;}}
  • Java并发集合 - CopyOnWriteArrayList详解 --土拨鼠-- Javajava开发语言
    1.什么是CopyOnWriteArrayList？CopyOnWriteArrayList是java.util.concurrent包中提供的一个线程安全的ArrayList。它通过一种称为“写时复制”（Copy-On-Write）的方法来实现线程安全。简而言之，每当我们尝试修改这个列表（如添加、删除元素）时，它实际上并不直接在当前的列表上进行修改，而是先将当前列表复制一份，然后在这个副本上进行
  • 【动态规划】 线性DP1——经典回顾
    【动态规划】系列文章线性DP1.【动态规划】线性DP1——经典回顾2.【动态规划】线性DP2——进阶1【动态规划】线性DP1——经典回顾【动态规划】新的开始经典DP回顾最长递增子序列（LIS）题目链接题目分析DP代码O(n2)O(n^2)O(n2)补充算法O(nlogn)O(nlogn)O(nlogn)最长公共子序列（LCS）题目链接题目分析代码数字三角形题目链接题目分析自上而下代码自下而上代码新
  • vue2和vue3 实现数据双向绑定的原理详解，vue2和vue3 组件传值详解，vue2和vue3的生命周周期中都进行了什么事情详解？
    大白话vue2和vue3实现数据双向绑定的原理详解，vue2和vue3组件传值详解，vue2和vue3的生命周周期中都进行了什么事情详解引言你盯着屏幕上的vue项目，眉头紧锁。测试发来消息：“在vue3项目里用v-model绑定表单，输入框输入内容，页面居然没反应？”你心里咯噔一下，这不是刚从vue2迁移过来吗？怎么连双向绑定都出问题了。再一看，子组件接收父组件的值用的还是props，可数据就是传
  • Java并发编程----ThreadLocal详解
    ThreadLocal是什么首先，它是一个数据结构，有点像HashMap，可以保存"key:value"键值对，但是一个ThreadLocal只能保存一个，并且各个线程的数据互不干扰。ThreadLocal用于保存某个线程共享变量：对于同一个staticThreadLocal，不同线程只能从中get，set，remove自己的变量，而不会影响其他线程的变量,在高并发场景下，可以实现无状态的调用，特
  • 人生的选择 陌年微凉_a34d
    人生—一条蜿蜒曲折的道路。在这条路上，我们因选择了理想与目标而毅然向前。实现理想是艰难的，因为在前进的道路上，我们会面临不计其数的岔路，我们无法预知岔路后有怎样的风景。也许这条路看起来光鲜亮丽，选择了才明白了是悬崖峭壁；也许这条路是泥泞坎坷，闯过了才知道是山间幽径。但无论如何，彩虹是在经历了风雨之后才出现的。鲜花因选择了春天而美丽；月亮因选择了太阳而皎洁；灯光因选择了黑夜而绚烂；人生因选择了奋斗而
  • 【Java】JUC并发（JUC并发集合、线程池） Joker—H java开发语言经验分享ideajvm
    一、概念针对List、Map、Set、Queue等集合接口，提供了支持并发的线程安全的集合实现类。1、CopyOnWriteArrayList我们对该集合进行增、删、改时，并不会在原集合中进行操作，而是将原集合复制到一个新的集合中，对新集合进行操作后，再将新操作放回原集合。改集合使用ReentrantLock锁来实现线程安全，但是运行多线程并发进行读取，只允许一个线程进行写入。publicbool
  • 深度解析Java类加载器机制与双亲委派模型 cyc&阿灿 java开发语言
    一、类加载器概述类加载器（ClassLoader）是Java虚拟机（JVM）的核心组件之一，负责将.class文件加载到JVM中，并转换为java.lang.Class类的实例。这一过程是Java实现"一次编写，到处运行"的关键所在。1.1类加载的时机Java类的加载不是一次性完成的，而是遵循按需加载原则，主要触发场景包括：创建类的实例（new操作）访问类的静态变量或方法反射调用（Class.fo
  • 【Java源码阅读系列56】深度解读Java Constructor 类源码 ·云扬· 源码阅读系列之Javajava开发语言
    Java反射机制中，Constructor类是操作构造方法的核心入口。它封装了构造方法的元信息（如参数类型、修饰符）和实例化逻辑，是框架（如Spring、MyBatis）动态创建对象的关键工具。本文基于JDK1.8源码，从类结构、关键方法、设计模式、典型场景等维度，深入解析Constructor类的实现逻辑与设计思想。一、类结构与核心定位1.1类定义与继承关系Constructor类被声明为pub
  • AOP在哪些场景下可能会失效？ 爱学习的小熊猫_ javaspringspringbootAOP事务
    AOP一般在哪些场景下可能会失效？定义：AOP动态代理在Spring中主要通过JDK动态代理（基于接口）和CGLIB代理（基于继承）实现，但在以下场景中可能失效，导致拦截失败：一、失效场景及原理分析1.类内部方法调用（最常见）场景：@ServicepublicclassUserService{publicvoidmethodA(){methodB();//内部调用→AOP失效}@Transacti
  • 别再死记硬背了！来扒一扒Java动态代理与CGLIB nextera-void java代理模式springboot动态代理
    嘿，各位Javaer！关于动态代理。你可能每天都在用它，但又不完全知道它是什么。比如，当你潇洒地在Service方法上写下@Transactional时，有没有想过，这个注解是如何像魔法一样，自动帮你开启和提交事务的？这背后的大功臣，就是我们今天要聊的动态代理。在Java世界里，实现动态代理主要有两大门派：JDK动态代理和CGLIB。它们就像是武林中的“南拳”和“北腿”，各有千秋，共同撑起了AOP
  • Java ArrayList之应用技巧 wofaba javapythonwindows
    JavaArrayList之应用技巧ArrayList是Java集合框架中最常用的动态数组实现，提供了灵活的数据存储和操作方式。掌握其核心技巧能显著提升开发效率。初始化与容量优化默认构造函数创建的ArrayList初始容量为10，频繁扩容可能影响性能。预先估算数据量并指定初始容量可减少扩容开销：//预估存放500个元素ArrayListlist=newArrayListsrcList=newArr
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他