- elementuiPlus取消el-input的边框
qq_39016177
elementui
elementuiPlus取消el-input的边框1.通常取消边框的方法设置border为none2.还有其他类似边框的例如outlinebox-shadow这两个属性都是会产生边框效果3.el-input需要更改的话–如下需要修改box-shadow为空即可上代码:deep(.el-input__wrapper){align-items:center;background-color:#F7F
- 用JavaScript写一个简单的9*9乘法表
迷雾yx
javascript开发语言ecmascript
Documentspan{width:80px;padding:5px10px;display:inline-block;/*可以使行内元素表现得像块级元素一样*/text-align:center;/*文本居中*/border:1pxsolidturquoise;margin:2px;/*每个边框之间距离为2px*/border-radius:10px;/*边框圆润*/box-shadow:6p
- Vue使用插槽封装tabbar 和使用router-view
senda66
vuevue
tabbar的封装思路tabbar1、定义tabbar组件2、定义tabbar-item组件定义tabbar组件思路:使用插槽exportdefault{name:'TabBar'}#tabbar{display:flex;background-color:#f6f6f6;position:fixed;left:0;right:0;bottom:0;box-shadow:0-1px5pxrgba(
- html H5 dialog弹窗学习,实现弹窗显示内容 替代confirm、alert
影子2401
webhtml学习javascript
htmlH5dialog弹窗学习,实现弹窗内容替代confirm框架使用的mui,使用mui.confirm()弹窗内容过多时,弹窗被撑的到屏幕外去了,使用H5dialog标签自定义一个固定大小的弹窗,内容过多时可下拉显示效果展示隐私政策内容很多,可以下拉显示代码myDialog.cssdialog{padding:0;border:none;box-shadow:0px1px3pxrgba(0,
- css3夜晚星空
苦逼的猿宝
html+csscss3前端css
css3动画*{margin:0;padding:0;}.container{width:100vw;height:100vh;background-color:#000;}.moon{width:100px;height:100px;border-radius:50%;background-color:#F5FFFA;box-shadow:0060px#F5FFFA;position:absol
- 利用原生js实现简易照片墙
魅美
笔记javascriptcsshtml
效果演示基本布局css样式*{margin:0;padding:0;}html,body,ul{width:100%;height:100%;}#pic{position:relative;list-style:none;}#picli{position:absolute;width:180px;height:250px;box-shadow:0010px#000;transition:all1s
- CSS学习15:盒子阴影
远近2021
#CSS学习htmlcss学习园地css
文章目录1、box-shadow属性1、box-shadow属性通过box-shadow属性设置盒子阴影。box-shadow有四个值:第一个值是水平偏移量(水平阴影):即向右的距离,阴影被从原始的框中偏移(如果值为负的话则为左)。第二个值是垂直偏移量(垂直阴影):即阴影从原始盒子中向下偏移的距离(或向上,如果值为负)。第三个值是模糊半径(影子大小):即在阴影中应用的模糊度。第四个值是阴影的基本颜
- CSS —— 盒子阴影(box-shadow)
ZhaoYLi
CSS
语法box-shadow:h-shadowv-shadowblurspreadcolorinset;注释:box-shadow向框添加一个或多个阴影.该属性是由逗号分隔的阴影列表,每个阴影由2-4个长度值、可选的颜色值及可选的inset关键词来规定。省略长度的值是0。未加阴影效果如下:1、外阴影a、给元素右边框和下边框加外阴影——把水平阴影位置、垂直阴影位置偏移值均设为正值css代码/*阴影向右偏
- CSS设置盒子阴影
宝子向前冲
css前端
语法box-shadow:*h-shadowv-shadowblurspreadcolor*inset;注释:box-shadow向框添加一个或多个阴影.该属性是由逗号分隔的阴影列表,每个阴影由2-4个长度值、可选的颜色值及可选的inset关键词来规定。省略长度的值是0。外阴影a、给元素右边框和下边框加外阴影——把水平阴影位置、垂直阴影位置偏移值均设为正值css代码/*阴影向右偏移10px、向下偏
- 有趣的CSS - 新拟态输入框
设计师工作日常
有趣的csscss前端新拟态输入框uiue交互
我是Just,这里是「设计师工作日常」,《有趣的css》系列已更新11篇了,今天这篇是关于新拟态风格的一个输入框效果,希望你们喜欢。目录页面效果核心代码html代码css代码完整代码html页面css样式页面效果此效果使用css中box-shadow来模拟新拟态风格输入框被点击时的一个交互效果。核心代码部分,简要说明了写法思路;完整代码在最后,可直接复制到本地运行。核心代码html代码页面inpu
- vue 实现多个可拖拽的element-ui Dialog
嘻哈章鱼小丸子
直接上代码//css.el-dialog__wrapper{overflow:hidden!important;pointer-events:none;}.sc-common-dialog.el-dialog{margin:0!important;pointer-events:auto;top:80px;left:calc(50%-490px);height:625px;box-shadow:0p
- [HTML]Web前端开发技术21(HTML5、CSS3、JavaScript )HTML5 基础与CSS3 应用,border-radius,box-shadow,transform——喵喵画网页
猫佛
喵喵画网页html前端html5计算机学习javascriptcss3
希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言CSS3边框1.border-radius圆角边框2.box-shadow边框阴影3.border-image边框图像CSS3转换transform属性1.CSS32D转换总结前言来来来,上号~CSS3边框CSS3具有3个边框属性1.border-r
- re:从0开始的CSS之旅 12. 轮廓、阴影、圆角
扶摇|
从0开始的CSS之旅css前端css3
1.轮廓outline设置元素的轮廓使用方式与border一样。不同在于不影响盒子的大小2.阴影box-shadow设置元素的阴影box-shadow:30px30px50px5pxrgba(0,0,0,.5);第一个值:设置阴影水平距离第二个值:设置阴影垂直距离第三个值:设置阴影的模糊半径第四个值:设置阴影的尺寸第五个值:设置阴影的颜色第六个值:设置内部还是外部阴影outset默认值,为外部阴影
- CSS3知识汇总6:盒阴影box-shadow
0清婉0
【外部阴影:阴影在盒子外】1)两个长度参数:表示阴影在水平方向和垂直方向的偏移量,偏移量是按相对元素左上角计算的,若水平值和垂直值均为正,则阴影在元素的右下方div{margin:20px;float:left;}.div1{width:10em;height:6.5em;border:1pxsolidblack;background-color:white;box-shadow:1em1emgr
- Day9 : 做個DatePicker (三) - 事件
YNC再寫一篇
點擊input展開收起日曆的事件css的部分將日曆設定為絕對定位、預設不顯示並增加一個class並設定顯示(由js控制)。將日曆設定為絕對定位、假設這是一個之後會被幾個頁面運用的套件,頁面結構有可能會變動,因此在點開日曆前計算位置。.ync-datepicker-wrapper{width:240px;font-size:16px;box-shadow:0px1px2px2pxrgba(0,0,0
- CSS3新特性(新增盒子模型、新增背景属性、新增边框、新增文本)
半夜删你代码·
前端
新增盒子模型box-sizingbox-sizing:content-box;默认值box-sizing:border-box;盒子的计算方式被修改,包含了边框与re盒子尺寸:resize值:none:不允许用户调整元素大小。(默认)both:用户可以调节元素的宽度和高度。horizontal:用户可以调节元素的宽度。vertical:用户可以调节元素的高度。盒子阴影:box-shadow:h-s
- CSS综合案例3
满分观测网友z
CSScss前端
CSS综合案例31.案例展示我们今天用CSS定位来做一个谷歌搜索框。2.代码分析3.代码演示谷歌搜索框*{margin:auto;padding:0;box-sizing:border-box;}.wrapper{width:541px;height:44px;border:1pxsoild#ddd;box-shadow:002px#cdc6c6;border-radius:30px;positi
- 2019-04-06
蓝子_23d0
CSS导航栏代码如下:导航条*{margin:0;padding:0;}a{color:#333;text-decoration:none;}ul{list-style:none;}nav{width:500px;margin:10pxauto0;box-shadow:0px2px4px1pxrgba(0,0,0,0.3)}nav::after{content:'';display:block;c
- CSS强大的功能--太极图的实现
虚拟社群
csscss3html
对于CSS的认识如果你还只停留在网页的一些元素的美化,版面样式的调整那你就是大错特错了,现在的CSS3所具备的特性真的是让人惊艳。除了原有的css2所具备的特性外,更是加入了RGBA和透明度,让你可以轻松的可以设置任何颜色任何透明透的背景色。text-shadow阴影,font-face属性,border-radius属性,border-image属性,box-shadow属性以及更炫的支持动画,
- css第四天
59eeccf98e38
怎么去掉li前面的圆点list-style:none;去掉行内块之间的空白符边框与阴影border边框圆角边框border-radius:10px(圆半径的弧度);等于正方形边框的一半就是圆形圆角矩形高度的一半左上是border-top-left-radius:边框上左半径:值阴影box-shadow:浮动floatfloat:none不浮动left向左浮动right向右浮动浮动特性:脱标一行显示
- arcgis api for javascript学习-geometry中的Circle
blog12138
arcgisforjs3.x学习笔记arcgisJS
文章目录前言一、完整代码二、代码解释1.思路结果图总结前言geometry中有直接生成圆的一个api:Circle;这个和其它的点、线、面差不多。一、完整代码Createcircleshtml,body,#map{height:100%;width:100%;margin:0;padding:0;}#controls{background:#fff;box-shadow:06px6px-6px#9
- 菜单显示博客页
ArmadaDK
自定义组件前端vue前端鼠标
结果图难点及其实现滚动条自定义:.card::-webkit-scrollbar{width:4px;}.card::-webkit-scrollbar-thumb{border-radius:8px;box-shadow:inset005pxrgba(0,0,0,0.2);background:#666666;}.card::-webkit-scrollbar-thumb:hover{backg
- 解决input自动填充样式问题
Vtom
解决input自动填充样式问题:input:-webkit-autofill{/box-shadow:000px1000px#C7C6C6inset!important;/-webkit-text-fill-color:#ededed!important;-webkit-box-shadow:000px1000pxtransparentinset!important;background-colo
- 将加,减,乘,除操作应用到CSS样式包括类,类继承--------Less的诞生
weixin_33890526
javascriptrubyphpViewUI
今天在浏览网站无意看到了Less,使得CSS的操作异常的简单,下面来看一段代码:@base:#f938ab;.box-shadow(@style,@c)when(iscolor(@c)){box-shadow:@style@c;-webkit-box-shadow:@style@c;-moz-box-shadow:@style@c;}.box-shadow(@style,@alpha:50%)wh
- Web前端开发技术实验与实践(第3版)储久良编著实训8
韩飞扬婉
webhtmlcss3webjavascript
实训8HTML5基础与CSS3应用项目22当当网企业用户注册页面设计页面效果截图代码当当网企业用户注册页面*{margin:0;padding:0;}#div1{margin:50pxauto;background-color:#FFFFFF;width:1001px;height:1300px;border:1pxdashed#fafafa;box-shadow:-10px10px#f1f1f1
- JS实现放大镜效果
知名大学士
效果图HTML部分:DocumentCSS部分:*{margin:0;padding:0;}.small{width:400px;height:400px;position:relative;margin-left:200px;margin-top:100px;border:4pxsolid#ddd;box-shadow:005pxrgba(0,0,0,.5);}.smallimg{width:1
- web前端开发--------阴影与转换
阑梦清川
#前端前端
1.阴影分为文本阴影和盒子阴影我们使用text-shadow属性为文本添加阴影效果,使用结构伪类为第一个子元素p添加阴影效果;水平偏移量为负值时,表示阴影向左偏移;垂直偏移量为负值时,表示阴影向上偏移。盒子阴影与文本阴影的使用方法相似,但盒子阴影主要用于给元素框添加阴影效果。盒子阴影:box-shadow下面的是阴影和状态伪类的结合使用;hover是悬浮的时候显示在盒子阴影中,默认阴影在边框外,
- 客户用IE批量下载文件文件到不同文件夹不压缩(包含分页带条件动态查询)
cqwuliu
cssjavascript前端web
首页.login-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}/*模态框*/.login-box{display:none;width:650px;height:250px;border:1pxsolidrgb(216,216,216);border-radius:10px;box-shadow:5p
- 对于部分elementplus的提示弹出框的样式修改
陈不知代码
vue.jselementuijavascript
.el-overlay-dialog{background-color:rgba(0,0,0,0.8);}.el-message{background-color:#fff;padding:12px12px;border:none;border-radius:5px;box-shadow:06px16px0rgba(0,0,0,0.08),03px6px-4pxrgba(0,0,0,0.12),0
- CSS3 - 实现简单多层投影
极致♀雨
css3HTML5css3csshtmlhtml5
效果图HTML/templateCSSdiv{width:500px;height:200px;border-radius:10px;box-shadow:0px6px10pxrgba(0,0,0,0.5);transition:all.6s;cursor:pointer;&:hover{box-shadow:0px5px2pxrgb(88,88,88),0px10px0pxrgb(124,124
- PHP,安卓,UI,java,linux视频教程合集
cocos2d-x小菜
javaUIPHPandroidlinux
╔-----------------------------------╗┆
- 各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。
bozch
.net.net mvc
在.net mvc5中,在执行某一操作的时候,出现了如下错误:
各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。
经查询当前的操作与错误内容无关,经过对错误信息的排查发现,事故出现在数据库迁移上。
回想过去: 在迁移之前已经对数据库进行了添加字段操作,再次进行迁移插入XXX字段的时候,就会提示如上错误。
&
- Java 对象大小的计算
e200702084
java
Java对象的大小
如何计算一个对象的大小呢?
 
- Mybatis Spring
171815164
mybatis
ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml");
CustomerService userService = (CustomerService) ac.getBean("customerService");
Customer cust
- JVM 不稳定参数
g21121
jvm
-XX 参数被称为不稳定参数,之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异,使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下,如果此类参数设置合理讲大大提高JVM 的性能及稳定性。 可以说“不稳定参数”
- 用户自动登录网站
永夜-极光
用户
1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码
2.思路:将用户的信息保存为cookie
每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
- centos7 安装后失去win7的引导记录
程序员是怎么炼成的
操作系统
1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ### 在后面添加 menuentry "Windows 7 (loader) (on /dev/sda1)" { 
- Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载
aijuans
oracle
Oracle 10g 官方中文安装帮助文档下载:http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
- JavaEE开源快速开发平台G4Studio_V3.2发布了
無為子
AOPoraclemysqljavaeeG4Studio
我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。
访问G4Studio网站
http://www.g4it.org
G4Studio_V3.2版本变更日志
功能新增
(1).新增了系统右下角滑出提示窗口功能。
(2).新增了文件资源的Zip压缩和解压缩
- Oracle常用的单行函数应用技巧总结
百合不是茶
日期函数转换函数(核心)数字函数通用函数(核心)字符函数
单行函数; 字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心)
一:字符函数:
.UPPER(字符串) 将字符串转为大写
.LOWER (字符串) 将字符串转为小写
.INITCAP(字符串) 将首字母大写
.LENGTH (字符串) 字符串的长度
.REPLACE(字符串,'A','_') 将字符串字符A转换成_
- Mockito异常测试实例
bijian1013
java单元测试mockito
Mockito异常测试实例:
package com.bijian.study;
import static org.mockito.Mockito.mock;
import static org.mockito.Mockito.when;
import org.junit.Assert;
import org.junit.Test;
import org.mockito.
- GA与量子恒道统计
Bill_chen
JavaScript浏览器百度Google防火墙
前一阵子,统计**网址时,Google Analytics(GA) 和量子恒道统计(也称量子统计),数据有较大的偏差,仔细找相关资料研究了下,总结如下:
为何GA和量子网站统计(量子统计前身为雅虎统计)结果不同?
首先:没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因:(1)不同的统计分析系统的算法机制不同;(2)统计代码放置的位置和前后
- 【Linux命令三】Top命令
bit1129
linux命令
Linux的Top命令类似于Windows的任务管理器,可以查看当前系统的运行情况,包括CPU、内存的使用情况等。如下是一个Top命令的执行结果:
top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99
Tasks: 202 total, 4 running, 198 sl
- spring四种依赖注入方式
白糖_
spring
平常的java开发中,程序员在某个类中需要依赖其它类的方法,则通常是new一个依赖类再调用类实例的方法,这种开发存在的问题是new的类实例不好统一管理,spring提出了依赖注入的思想,即依赖类不由程序员实例化,而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”,通俗的理解是:平常我们new一个实例,这个实例的控制权是我
- angular.injector
boyitech
AngularJSAngularJS API
angular.injector
描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入. 使用方法: angular.injector(modules, [strictDi]) 参数详解: Param Type Details mod
- java-同步访问一个数组Integer[10],生产者不断地往数组放入整数1000,数组满时等待;消费者不断地将数组里面的数置零,数组空时等待
bylijinnan
Integer
public class PC {
/**
* 题目:生产者-消费者。
* 同步访问一个数组Integer[10],生产者不断地往数组放入整数1000,数组满时等待;消费者不断地将数组里面的数置零,数组空时等待。
*/
private static final Integer[] val=new Integer[10];
private static
- 使用Struts2.2.1配置
Chen.H
apachespringWebxmlstruts
Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar
struts2-core-2.2.1.jar struts2-sp
- [职业与教育]青春之歌
comsci
教育
每个人都有自己的青春之歌............但是我要说的却不是青春...
大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....
&nbs
- oracle连接(join)中使用using关键字
daizj
JOINoraclesqlusing
在oracle连接(join)中使用using关键字
34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables.
Evaluate the following SQL statement:
SELECT oi.order_id, product_id, order_date
FRO
- NIO示例
daysinsun
nio
NIO服务端代码:
public class NIOServer {
private Selector selector;
public void startServer(int port) throws IOException {
ServerSocketChannel serverChannel = ServerSocketChannel.open(
- C语言学习homework1
dcj3sjt126com
chomework
0、 课堂练习做完
1、使用sizeof计算出你所知道的所有的类型占用的空间。
int x;
sizeof(x);
sizeof(int);
# include <stdio.h>
int main(void)
{
int x1;
char x2;
double x3;
float x4;
printf(&quo
- select in order by , mysql排序
dcj3sjt126com
mysql
If i select like this:
SELECT id FROM users WHERE id IN(3,4,8,1);
This by default will select users in this order
1,3,4,8,
I would like to select them in the same order that i put IN() values so:
- 页面校验-新建项目
fanxiaolong
页面校验
$(document).ready(
function() {
var flag = true;
$('#changeform').submit(function() {
var projectScValNull = true;
var s ="";
var parent_id = $("#parent_id").v
- Ehcache(02)——ehcache.xml简介
234390216
ehcacheehcache.xml简介
ehcache.xml简介
ehcache.xml文件是用来定义Ehcache的配置信息的,更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
- junit 4.11中三个新功能
jackyrong
java
junit 4.11中两个新增的功能,首先是注解中可以参数化,比如
import static org.junit.Assert.assertEquals;
import java.util.Arrays;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.junit.runn
- 国外程序员爱用苹果Mac电脑的10大理由
php教程分享
windowsPHPunixMicrosoftperl
Mac 在国外很受欢迎,尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解,毕竟 Mac 设计美观,简单好用,没有病毒。那么为什么专业人士也对 Mac 情有独钟呢?从个人使用经验来看我想有下面几个原因:
1、Mac OS X 是基于 Unix 的
这一点太重要了,尤其是对开发人员,至少对于我来说很重要,这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
- 位运算、异或的实际应用
wenjinglian
位运算
一. 位操作基础,用一张表描述位操作符的应用规则并详细解释。
二. 常用位操作小技巧,有判断奇偶、交换两数、变换符号、求绝对值。
三. 位操作与空间压缩,针对筛素数进行空间压缩。
&n
- weblogic部署项目出现的一些问题(持续补充中……)
Everyday都不同
weblogic部署失败
好吧,weblogic的问题确实……
问题一:
org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
- tomcat7性能调优(01)
toknowme
tomcat7
Tomcat优化: 1、最大连接数最大线程等设置
<Connector port="8082" protocol="HTTP/1.1"
useBodyEncodingForURI="t
- PO VO DAO DTO BO TO概念与区别
xp9802
javaDAO设计模式bean领域模型
O/R Mapping 是 Object Relational Mapping(对象关系映射)的缩写。通俗点讲,就是将对象与关系数据库绑定,用对象来表示关系数据。在O/R Mapping的世界里,有两个基本的也是重要的东东需要了解,即VO,PO。
它们的关系应该是相互独立的,一个VO可以只是PO的部分,也可以是多个PO构成,同样也可以等同于一个PO(指的是他们的属性)。这样,PO独立出来,数据持