简单的HTML个人网页
车马去闲闲丶
html
我的个人网页body{font-family:Arial,sans-serif;margin:0;padding:20px;}h1{color:#333;}p{color:#666;}.container{max-width:800px;margin:0auto;}欢迎来到我的个人网页这是一个简单的个人网页示例。关于我在这里，你可以简要介绍自己，包括姓名、职业、兴趣爱好等。我的技能技能1技能2技能
ApexCharts使用示例 -- 柱状图
是阿洋啊
前端javascript
ApexCharts使用示例–柱状图一、引入apexcharts.js或二、HTML代码ApexCharts测试样例-Scatter#chart1{max-width:500px;margin:50auto;}三、JavaScript代码varoptions={/*series数据格式；series:[{name,data:[]}],*/series:[{name:'出勤天数',data:[21,
HTML单击图片独立放大
CJH（本人账号）
html前端javascript
代码：.modal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}.modal-image{display:block;max-width:90%;max-height:90%;margin:auto;margin-top:
HTML5和CSS3
凛冬已至_123
HTML5元素imageimageCSS3CSS3响应式@mediascreenand(max-width:990px){.container{background:orange;}}待续
QT QCombox 样式表 比起作用
开心大爆炸
qt前端开发语言
对QCombox在ui编辑器中进行美化，发现外表美化有效果，但下拉框的高度美化的没效果，查看样式表也没有没问题，样式表中内容如下。QComboBox#curve_comboBox{min-width:150px;min-height:40;max-width:150px;max-height:40;border:1pxsolidgray;/*设置边框*/border-radius:3px;/*设置
uni-app中v-html绑定的富文本怎么修改里面图片的大小
小灰灰_Demo
在后台传入的富文本文件读取的时候加入.replace(/\<img/gi,'<imgstyle="max-width:100%;height:auto"')
响应式图片上文字内容定位
十年一品温如言1008
图片响应式：img{max-width:100%;height:auto;}左上角：.container{position:relative;}.topleft{position:absolute;top:8px;left:16px;font-size:18px;}img{width:100%;height:auto;opacity:0.3;}左上角右上角：.container{position:
uniapp 设置内容超长时的省略样式
T3165919332
uni-appcss前端
需求在uniapp中，页面在展示搜索历史的时候，需要对内容过长的进行处理，也就是文本超出我的最大长度时，不允许换行，且末尾为省略期望的效果如下思路使用官网text-overflow可选值俩个clip修建文本ellipsis显示省略符号来代表被修剪的文本解决方法代码.center_item{max-width:calc(100%-60rpx);/*盒子最大宽度*/overflow:hidden;te
携程网首页案例制作（移动端）
guai_guai_guai
htmlcss前端
技术选型方案：采用单独制作移动页面方案技术：布局采用flex布局body样式通常要设置最大宽度，最小宽度，水平居中，字体设置，背景颜色以及相关初始化body{max-width:540px;min-width:320px;margin:0auto;font:normal14px/1.5Tahoma,"LucidaGrande",Verdana,"MicrosoftYahel",STXihei,he
前端的面试题（上）
前端阿峰
1、css实现图片自适应宽高img{max-width:100%;max-height:100%;}2、什么是flex，写出常见属性，以及作用Flex即：FlexibleBox，弹性布局，用来为盒状模型提供最大的灵活性。可以实现类似垂直居中布局。.box{display:flex;}.box{display:inline-flex;}//Webkit内核的浏览器，必须加上-webkit前缀.box
京东首页移动端-web实战
guai_guai_guai
前端
设置视口标签以及引入初始化样式body常用初始化样式body{width:100%;min-width:320px;max-width:640px;margin:0auto;background:#fff;font-size:14px;font-family:-apple-system,Helvetica,sans-serif;line-height:1.5;color:#666;}头部制作移动端
基础的HTML个人网页模板代码，包含基本结构和部分元素，以及必要的注释说明
特创数字科技
日常分享html前端
我的个人主页body{font-family:Arial,sans-serif;/*设置网页字体*/}header{background-color:#f8f9fa;padding:20px;text-align:center;}h1{margin:0;}main{max-width:800px;margin:0auto;padding:20px;}欢迎来到我的个人主页！个人信息姓名：张三职业：软
在线签字功能实现
luohuajiexiejuan
前端htmljavascript
签字确认#box{width:900px;max-width:900px;}.abspan{color:#ffffff;display:block;width:100px;font-size:16px;text-align:center;line-height:40px;
CSS常识2(min-width/max-width和max-height/max-height)
角落里的小草_
和width/height相比，min-width/height和max-width/height有以下四点不同：1、min-width/max-width是为流而生的，像width/height这种定死的砖头式布局，min-width/max-width就没有存在的意义，min-width/max-width一定是自适应布局或流体布局中。常应用于表格或图片，在公众号的热门文章中，经常会有图片，这
前端学习笔记 | 响应式网页+Boostrap
简·AI
前端前端学习笔记htmlcss
一、响应式网页一套代码适应多端1、媒体查询@media(条件){css}max-width小于等于max-width生效min-width【案例】左侧隐藏因为CSS的层叠性，书写顺序：max-width从大到小；min-width从小到大。【媒体查询完整写法】在html中link用于不同视口的css样式，media=""中一定要加（），否则不生效。2、BootstrapBootstrap是由Twi
媒体查询@media
小猫瘦瘦
前端媒体前端开发语言html5
@media可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则，CSS3根据设置自适应显示。1.使用方法:@media多媒体类型and(条件)and(条件)...①多媒体类型:all用于所有多媒体类型设备print用于打印机screen用于电脑屏幕，平板，智能手机等speech用于屏幕阅读器②条件:max-width：输出设备中页面最大可视区域宽度，小于这个width时
Elment plus dialog组件 移动端中使用百分比显示问题（自适应）
最凶残的小海豹
web前端vue.js前端javascript
直接上方法：CSS加入下面代码@mediascreenand(min-width:220px)and(max-width:600px){::v-deep.el-dialog{width:90%!important;}}上面代码意思是：当屏幕宽度小于600px且大于220px的时候el-dialog设置为90%。如果仅小于或者仅大于，值用其中一个and就可以，例如：@mediascreenand(m
el-col栅格5等分（布局）
草巾冒小子
前端
11112222333344445555@mediascreenand(min-width:769px){.el-col-5{max-width:20%;width:20%;flex:0020%;}}@mediascreenand(min-width:569px)and(max-width:768px){.el-col-5{max-width:50%;width:50%;flex:0050%;}}
【练习】利用JavaScript实现猜数字游戏简单网页
有梦想的水手啊
笔记&练习
猜数字游戏html{font-family:sans-serif;}body{width:50%;max-width:800px;min-width:480px;margin:0auto;}.lastResult{color:white;padding:3px;}猜数字游戏我刚才随机选定了一个100以内的自然数。看你能否在10次以内猜中它。每次我都会告诉你所猜的结果是高了还是低了。请猜数:声明变量
【CSS】常见
吃小猫的大鱼
css前端
一.溢出隐藏1.1单行文本溢出.content{max-width:200px;/*定义容器最大宽度*/overflow:hidden;/*隐藏溢出的内容*/text-overflow:ellipsis;/*溢出部分...表示*/white-space:nowrap;/*确保文本在一行内显示*/}问题：display:flex和ellipsis冲突解决：把flex布局和ellipsis分别放在两个
css Media媒体查询常用属性
JoJo-Zhang
css媒体chrome
使用@media规则声明媒体查询，主要用于控制在不同的设备上显示不同的效果媒体类型：screen适用于电脑屏幕、平板电脑、智能手机等print适用于打印预览特性width可视区域的宽度orientation视窗的旋转方向（横屏landscape，默认竖屏模式）。运算符：and并且,或者@mediascreenand(min-width:600px)and(max-width:1024px),(or
强大的销售团队背后 竟然是大数据分析的身影
蓝儿唯美
数据分析
Mark Roberge是HubSpot的首席财务官，在招聘销售职位时使用了大量数据分析。但是科技并没有挤走直觉。
大家都知道数理学家实际上已经渗透到了各行各业。这些热衷数据的人们通过处理数据理解商业流程的各个方面，以重组弱点，增强优势。
Mark Roberge是美国HubSpot公司的首席财务官，HubSpot公司在构架集客营销现象方面出过一份力——因此他也是一位数理学家。他使用数据分析
Haproxy+Keepalived高可用双机单活
bylijinnan
负载均衡keepalivedhaproxy高可用
我们的应用MyApp不支持集群，但要求双机单活（两台机器：master和slave）：
1.正常情况下，只有master启动MyApp并提供服务
2.当master发生故障时，slave自动启动本机的MyApp，同时虚拟IP漂移至slave，保持对外提供服务的IP和端口不变
F5据说也能满足上面的需求，但F5的通常用法都是双机双活，单活的话还没研究过
服务器资源
10.7
eclipse编辑器中文乱码问题解决
0624chenhong
eclipse乱码
使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题，Eclipse提供了灵活的设置文件编码格式的选项，我们可以通过设置编码 格式解决乱码问题。在Eclipse可以从几个层面设置编码格式：Workspace、Project、Content Type、File
本文以Eclipse 3.3（英文）为例加以说明：
1. 设置Workspace的编码格式：
Windows-&g
基础篇--resources资源
不懂事的小屁孩
android
最近一直在做java开发，偶尔敲点android代码，突然发现有些基础给忘记了，今天用半天时间温顾一下resources的资源。
String.xml 字符串资源 涉及国际化问题
http://www.2cto.com/kf/201302/190394.html
string-array
接上篇补上window平台自动上传证书文件的批处理问卷
酷的飞上天空
window
@echo off
: host=服务器证书域名或ip，需要和部署时服务器的域名或ip一致 ou=公司名称, o=公司名称
set host=localhost
set ou=localhost
set o=localhost
set password=123456
set validity=3650
set salias=s
企业物联网大潮涌动：如何做好准备？
蓝儿唯美
企业
物联网的可能性也许是无限的。要找出架构师可以做好准备的领域然后利用日益连接的世界。
尽管物联网（IoT）还很新，企业架构师现在也应该为一个连接更加紧密的未来做好计划，而不是跟上闸门被打开后的集成挑战。“问题不在于物联网正在进入哪些领域，而是哪些地方物联网没有在企业推进，” Gartner研究总监Mike Walker说。
Gartner预测到2020年物联网设备安装量将达260亿，这些设备在全
spring学习——数据库（mybatis持久化框架配置）
a-john
mybatis
Spring提供了一组数据访问框架，集成了多种数据访问技术。无论是JDBC，iBATIS(mybatis)还是Hibernate，Spring都能够帮助消除持久化代码中单调枯燥的数据访问逻辑。可以依赖Spring来处理底层的数据访问。
mybatis是一种Spring持久化框架，要使用mybatis，就要做好相应的配置：
1，配置数据源。有很多数据源可以选择，如：DBCP，JDBC，aliba
Java静态代理、动态代理实例
aijuans
Java静态代理
采用Java代理模式，代理类通过调用委托类对象的方法，来提供特定的服务。委托类需要实现一个业务接口，代理类返回委托类的实例接口对象。
按照代理类的创建时期，可以分为：静态代理和动态代理。
所谓静态代理： 指程序员创建好代理类，编译时直接生成代理类的字节码文件。
所谓动态代理： 在程序运行时，通过反射机制动态生成代理类。
一、静态代理类实例：
1、Serivce.ja
Struts1与Struts2的12点区别
asia007
Struts1与Struts2
1) 在Action实现类方面的对比：Struts 1要求Action类继承一个抽象基类；Struts 1的一个具体问题是使用抽象类编程而不是接口。Struts 2 Action类可以实现一个Action接口，也可以实现其他接口，使可选和定制的服务成为可能。Struts 2提供一个ActionSupport基类去实现常用的接口。即使Action接口不是必须实现的，只有一个包含execute方法的P
初学者要多看看帮助文档 不要用js来写Jquery的代码
百合不是茶
jqueryjs
解析json数据的时候需要将解析的数据写到文本框中, 出现了用js来写Jquery代码的问题;
1, JQuery的赋值 有问题
代码如下: data.username 表示的是: 网易
$("#use
经理怎么和员工搞好关系和信任
bijian1013
团队项目管理管理
产品经理应该有坚实的专业基础，这里的基础包括产品方向和产品策略的把握，包括设计，也包括对技术的理解和见识，对运营和市场的敏感，以及良好的沟通和协作能力。换言之，既然是产品经理，整个产品的方方面面都应该能摸得出门道。这也不懂那也不懂，如何让人信服？如何让自己懂？就是不断学习，不仅仅从书本中，更从平时和各种角色的沟通
如何为rich:tree不同类型节点设置右键菜单
sunjing
contextMenutreeRichfaces
组合使用target和targetSelector就可以啦，如下： <rich:tree id="ruleTree" value="#{treeAction.ruleTree}" var="node" nodeType="#{node.type}"
selectionChangeListener=&qu
【Redis二】Redis2.8.17搭建主从复制环境
bit1129
redis
开始使用Redis2.8.17
Redis第一篇在Redis2.4.5上搭建主从复制环境，对它的主从复制的工作机制，真正的惊呆了。不知道Redis2.8.17的主从复制机制是怎样的，Redis到了2.4.5这个版本，主从复制还做成那样，Impossible is nothing! 本篇把主从复制环境再搭一遍看看效果，这次在Unbuntu上用官方支持的版本。 Ubuntu上安装Red
JSONObject转换JSON--将Date转换为指定格式
白糖_
JSONObject
项目中，经常会用JSONObject插件将JavaBean或List<JavaBean>转换为JSON格式的字符串，而JavaBean的属性有时候会有java.util.Date这个类型的时间对象，这时JSONObject默认会将Date属性转换成这样的格式：
{"nanos":0,"time":-27076233600000,
JavaScript语言精粹读书笔记
braveCS
JavaScript
【经典用法】：
//①定义新方法
Function .prototype.method=function(name, func){
this.prototype[name]=func;
return this;
}
//②给Object增加一个create方法，这个方法创建一个使用原对
编程之美-找符合条件的整数 用字符串来表示大整数避免溢出
bylijinnan
编程之美
import java.util.LinkedList;
public class FindInteger {
/**
* 编程之美 找符合条件的整数 用字符串来表示大整数避免溢出
* 题目：任意给定一个正整数N，求一个最小的正整数M(M>1)，使得N*M的十进制表示形式里只含有1和0
*
* 假设当前正在搜索由0，1组成的K位十进制数
读书笔记
chengxuyuancsdn
读书笔记
1、Struts访问资源
2、把静态参数传递给一个动作
3、<result>type属性
4、s:iterator、s:if c:forEach
5、StringBuilder和StringBuffer
6、spring配置拦截器
1、访问资源
(1)通过ServletActionContext对象和实现ServletContextAware,ServletReque
[通讯与电力]光网城市建设的一些问题
comsci
问题
信号防护的问题,前面已经说过了,这里要说光网交换机与市电保障的关系
我们过去用的ADSL线路,因为是电话线,在小区和街道电力中断的情况下,只要在家里用笔记本电脑+蓄电池,连接ADSL,同样可以上网........
oracle 空间RESUMABLE
daizj
oracle空间不足RESUMABLE错误挂起
空间RESUMABLE操作 转
Oracle从9i开始引入这个功能，当出现空间不足等相关的错误时，Oracle可以不是马上返回错误信息，并回滚当前的操作，而是将操作挂起，直到挂起时间超过RESUMABLE TIMEOUT，或者空间不足的错误被解决。
这一篇简单介绍空间RESUMABLE的例子。
第一次碰到这个特性是在一次安装9i数据库的过程中，在利用D
重构第一次写的线程池
dieslrae
线程池 python
最近没有什么学习欲望,修改之前的线程池的计划一直搁置,这几天比较闲,还是做了一次重构,由之前的2个类拆分为现在的4个类.
1、首先是工作线程类:TaskThread,此类为一个工作线程,用于完成一个工作任务,提供等待(wait),继续(proceed),绑定任务(bindTask)等方法
#!/usr/bin/env python
# -*- coding:utf8 -*-
C语言学习六指针
dcj3sjt126com
c
初识指针，简单示例程序：
/*
指针就是地址，地址就是指针
地址就是内存单元的编号
指针变量是存放地址的变量
指针和指针变量是两个不同的概念
但是要注意： 通常我们叙述时会把指针变量简称为指针，实际它们含义并不一样
*/
# include <stdio.h>
int main(void)
{
int * p; // p是变量的名字， int *
yii2 beforeSave afterSave beforeDelete
dcj3sjt126com
delete
public function afterSave($insert, $changedAttributes)
{
parent::afterSave($insert, $changedAttributes);
if($insert) {
//这里是新增数据
} else {
//这里是更新数据
}
}
timertask
shuizhaosi888
timertask
java.util.Timer timer = new java.util.Timer(true);
// true 说明这个timer以daemon方式运行（优先级低，
// 程序结束timer也自动结束），注意，javax.swing
// 包中也有一个Timer类，如果import中用到swing包，
// 要注意名字的冲突。
TimerTask task = new
Spring Security（13）——session管理
234390216
sessionSpring Security攻击保护超时
session管理
目录
1.1 检测session超时
1.2 concurrency-control
1.3 session 固定攻击保护
公司项目NODEJS实践0.3[ mongo / session ...]
逐行分析JS源代码
mongodbsessionnodejs
http://www.upopen.cn
一、前言
书接上回，我们搭建了WEB服务端路由、模板等功能，完成了register 通过ajax与后端的通信，今天主要完成数据与mongodb的存取，实现注册 / 登录 /
pojo.vo.po.domain区别
LiaoJuncai
javaVOPOJOjavabeandomain
POJO = "Plain Old Java Object"，是MartinFowler等发明的一个术语，用来表示普通的Java对象，不是JavaBean, EntityBean 或者 SessionBean。POJO不但当任何特殊的角色，也不实现任何特殊的Java框架的接口如，EJB， JDBC等等。
即POJO是一个简单的普通的Java对象，它包含业务逻辑
Windows Error Code
OhMyCC
windows
0 操作成功完成.
1 功能错误.
2 系统找不到指定的文件.
3 系统找不到指定的路径.
4 系统无法打开文件.
5 拒绝访问.
6 句柄无效.
7 存储控制块被损坏.
8 存储空间不足, 无法处理此命令.
9 存储控制块地址无效.
10 环境错误.
11 试图加载格式错误的程序.
12 访问码无效.
13 数据无效.
14 存储器不足, 无法完成此操作.
15 系
在storm集群环境下发布Topology
roadrunners
集群stormtopologyspoutbolt
storm的topology设计和开发就略过了。本章主要来说说如何在storm的集群环境中，通过storm的管理命令来发布和管理集群中的topology。
1、打包
打包插件是使用maven提供的maven-shade-plugin，详细见maven-shade-plugin。
<plugin>
<groupId>org.apache.maven.
为什么不允许代码里出现“魔数”
tomcat_oracle
java
在一个新项目中，我最先做的事情之一，就是建立使用诸如Checkstyle和Findbugs之类工具的准则。目的是制定一些代码规范，以及避免通过静态代码分析就能够检测到的bug。 迟早会有人给出案例说这样太离谱了。其中的一个案例是Checkstyle的魔数检查。它会对任何没有定义常量就使用的数字字面量给出警告，除了-1、0、1和2。 很多开发者在这个检查方面都有问题，这可以从结果
zoj 3511 Cake Robbery(线段树)
阿尔萨斯
线段树
题目链接：zoj 3511 Cake Robbery
题目大意：就是有一个N边形的蛋糕，切M刀，从中挑选一块边数最多的，保证没有两条边重叠。
解题思路：有多少个顶点即为有多少条边，所以直接按照切刀切掉点的个数排序，然后用线段树维护剩下的还有哪些点。
#include <cstdio>
#include <cstring>
#include <vector&
