- css2中的透明
琪33
.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}
- 在react中要将页面跳转有动画
Mr_wuying
reactreact.js前端前端框架
//页面切换过渡动画.page{position:absolute;left:15px;right:15px;}//页面切换过渡动画---进入.page-enter{opacity:0;transform:translateY(100%);}//页面切换过渡动画---进入(被激活).page-enter-active{opacity:1;//transform:scale(1);transform
- 层级和背景
Stranger_I
z-index如果没有开启定位的元素或者是定位为默认值,会忽略z-index的声明父元素的层级再怎么高也不会盖住子元素opacity(透明)opacity只能设置0-1之间的数值opacity不兼容IE浏览器,IE要想使用opaci要加上:filter:alpha(opacity=50)背景(background-image)background-repeat:no-repeat背景只有一张,不重
- CSS中禁用DOM事件
冰眸js
css前端
可以使用pointer-events属性。这个属性指定当鼠标指针设备(如鼠标)在元素上时,事件应该有什么表现。pointer-events:none;表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。例如,如果你想禁用一个按钮的点击事件,你可以这样做:.disabled-button{pointer-events:none;opacity:0.5;/*通常还会降低其透明度
- Vue组件开发系列之Model遮罩层组件
vue爱好者
组件源码:https://github.com/AntJavascript/widgetUI/tree/master/model20181030_111804.gif组件结构:代码分析:props参数:props:{opacity:{//组件透明度type:Number,default:()=>{return0.3;}},zIndex:{//组件层级type:Number|String,defau
- vue 调用移动录像_vue H5项目调用手机摄像头录像并上传
weixin_39791446
vue调用移动录像
上传文件input.file{position:relative;-moz-opacity:0;filter:alpha(opacity:0);opacity:0;z-index:2;}.wrapper{color:#fff;background-color:#31b0d5;border-color:#269abc;margin-top:5px;margin-bottom:5px;display:
- 知识点 2018-07-11表格样式
试翼腾渊
练习div{width:400px;height:500px;background:red;overflow:scroll;}元素的层级;设置元素的层级:z-index:值(数字);必须先开定位才能使用。父元素的层级设置的再高也不会覆盖子元素。设置背景透明度opacity:0;(0为透明0.5半透明1不透明)。设置背景透明度filter:alpha(opacity=50);(0透明50半透明100
- css中,有哪些方式可以隐藏页面元素?区别?
呼叫6945
css前端面试
通过css实现隐藏元素方法有如下:六种方法display:nonevisibility:hiddenopacity:0设置height、width模型属性为0position:absoluteclip-pathdisplay:none设置元素的display为none是最常用的隐藏元素的方法.hide{display:none;}将元素设置为display:none后,元素在页面上将彻底消失元素本
- animate.css动画初始状态隐藏
辣子_
在使用animate.css会做移动端的css动画,PC端的结合jquery.fullpage.js就能做一个全屏滚动的企业网站,但初始状态下需要隐藏有动画的元素可以给animated类添加opacity:0属性,动画在开始状态是隐藏的,当动画元素出现在屏幕可视区域,动画会自动执行,执行完动画会保持最后一个状态不变,也就是不会隐藏,但使用是有前提的!!敲重点在animate.css中能使用这种方法
- web前端安全性——iframe安全问题
장숙혜
前端安全性前端安全
1、概念iframe安全问题可称作界面劫持,像点击劫持、拖放劫持、触屏劫持。就是我们的点击,拖放,触屏操作被劫持了,而去操作了其它的透明隐藏的界面。**原理是利用透明层iframe,使用了CSS中的opacity或z-index等属性,来到达透明和位于其它界面的上方,然后使用iframe来嵌入劫持页面。**到达了用户操作的不是它看到的界面,不是他以为的那个界面,而是那个透明的位于上层的界面。代码:
- vue3之fix: [Vue warn]: Write operation failed: computed value is readonly.
c_reshape
vuevue.jsjavascript
透明度{{`${slideVal}%`}}import{useStore}from'vuex';import{computed}from'@vue/reactivity';exportdefault{name:'Transparency',setup(){constslideVal=computed({get(){//getterreturnstore.state.map.opacityVal;}
- 4、this指向、动画案例、封装、offset、client、scroll
@zyf哈哈哈哈
css前端javascript
一、this指向问题1、在构造函数中this指向实例化对象2、在自定义对象的函数(方法)中指向this指向当前的对象3、在普通函数中this指向window4、函数中this指向:在事件函数中this指向事件源5、在定时器函数中this指向window二、动画案例1、透明度变化:利用opacity与定时器,注意小数相减的问题##2、图片跟着鼠标走必须给图片添加定位必须写e,因为clientX是ev
- 前端学习day8--CSS(定位,堆叠,CSS精灵,字体图标,过渡/修饰属性)
cuier520
前端学习学习css前端
目录定位:功能:使用方式:相对定位:相对定位的特点:绝对定位:绝对定位的特点:定位居中:固定定位:编辑定位总结:堆叠层级:编辑CSS精灵:使用方法:字体图标:下载字体:使用字体:字体图标特有矢量图的上传:垂直对齐方式vertical-align:过渡transition:透明度opacity:光标类型cursor:定位:功能:可以使两个标签压在一起显示。在于灵活的改变标签的位置。使用方式:定位有两
- 前端遮罩层实现_css遮罩层怎么做?
weixin_39876739
前端遮罩层实现
现在大部分的网站,在我们点开一些活动页面是都会弹出一个类似领取红包,奖品等活动信息。也就是一个遮罩层,而实际上这遮罩层就是由简单的css来实现的。下面我们来看一下css如何做遮罩层。css使用可以使用opacity属性或rgba属性来实现遮罩层。通过css设置两个容器在同一位置,然后使用css设置其中一个容器透明度即可实现遮罩层。css做遮罩层示例:先看下我们的html,很简单,一个img图片控件
- CSS 模拟输入框指针动画效果
__仰望
csscss前端html
@keyframescursor-blinks{0%{opacity:1;display:block;}50%{opacity:0;display:none;}100%{opacity:1;display:block;}}.cursor{color:var(--m-color-bg-primary);border-left:1pxsolid;margin-left:2px;height:33px;
- 三种canvas星空背景效果
尘世壹俗人
JqueryCSSHTMLcsscss3html
第一种:旋转的光点,不限浏览器分辨率cssbody{margin:0auto;overflow:hidden;}.canvas{position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:-6;filter:alpha(opacity=20);}jsdrawStars();//画星空背景functiondrawStars(){va
- 动画
刘煜_c011
css动画js动画https://www.bilibili.com/video/av6081149/做动画时速度很快的CSS属性:CSStransformCSSopacityCSSfilter(具体要看filter的复杂度)https://csstriggers.com/动画中尽量少使用能触发layout和paint的CSS属性,使用更低耗的transform、opacity等属性尽量减少或者固定
- svg基础(七)滤镜-feflood,feDisplacementMap 位置替换滤镜
无心使然云中漫步
svghtml前端
1feflood此过滤器创建一个矩形,其中填充了指定的的颜色,应用了不透明度值。1.1语法1.2属性x,y-定义用户坐标系x轴和y轴坐标width-宽度height-高度flood-color-颜色flood-opacity-不透明度1.3示例2#feDisplacementMap位置替换滤镜此过滤器改变元素和图形的像素位置,形成一个新的图形(比如添加水波纹效果)。根据设定的通道颜色对原图的x,y
- 第5个-模糊加载
满分观测网友z
WEB前端前端csshtmljavascript
Day5-BlurryLoading1.项目展示2.分析思路变化过程数字从0不断增长到100;中间的百分比数字逐渐消失,即透明度opacity从1到0;背景图片从模糊变为清晰,滤镜filter.blur()的参数设置为从30px到0px。小tips:filter属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。布局body使用**flex**布局,将文字置于屏幕中央
- 解决css3卡顿和性能优化
zz77zz
今天遇到一个比较棘手的问题css3的动画卡顿比较厉害于是找各种方法并一一去试学会简单的处理方法和部分渲染原理是否启用硬件加速GPU(GraphicsProcessingUnit)?“用到了CSS3动画”和“开启了硬件加速”是两件事情,虽然前者有可能导致后者。开启硬件加速在webkit中有神奇的万金油:opacity:1;或者-webkit-backface-visibility:hidden;。尽
- vue3学习——router-view 过渡动画
可乐KL
vue3学习前端vue3
虽然vue3说建vue页面不用包裹一个根节点,但是transition不能没有唯一的标签所以还是得包一层~o( ̄▽ ̄)o.el-main{/*渐变设置*/.MainFade-enter-from,.MainFade-leave-to{transform:translateX(20px);opacity:0;}.MainFade-enter-to,.MainFade-leave-from{opaci
- vite创建之实践项目
前端vue.jsnpm
vite创建之实践项目1、需要修改的代码 //在这里写vue代码 用户名: 密码: 登录 .alert{ position:absolute; width:290px; top:50px; margin:0auto; padding:10px0; background:#e76a6a; border-radius:8px; opacity:1; t
- 响应式图片上文字内容定位
十年一品温如言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:
- 【WPF.NET开发】优化性能:其他建议
吉特思米(gitusme)
WPF.NET专栏wpf.net性能优化c#
本文内容画笔的不透明度与元素的不透明度导航到对象对大型3D图面进行命中测试CompositionTarget.Rendering事件避免使用ScrollBarVisibility=Auto配置字体缓存服务以缩短启动时间本主题提供其他的性能改进建议。1、画笔的不透明度与元素的不透明度使用Brush设置元素的Fill或Stroke时,最好设置Brush.Opacity值而不是设置元素的Opacity属
- 【Qt学习笔记】(三)常用控件(持续更新)
有心栽花无心插柳
Qtqt学习笔记
Qt常用控件1控件概述2QWidget控件核心属性2.1enabled2.2geometry2.3windowframe的影响2.4windowTitle2.5windowIcon2.6windowOpacity2.7cursor2.8font2.9toolTip2.10focusPolicy2.11stylesheet1控件概述Widget是Qt中的核心概念英文原义是"小部件",我们此处也把它翻
- vue 组件封装 -- 添加【呼吸】动画效果(两种: 淡入>>淡入,淡入>>淡出>>淡入)
朝阳39
#Vue#已归档链接vue.js呼吸动画
呼吸动画一淡入>>淡入>>淡入>>淡入>>淡入>>淡入常用于展示某异步操作持续执行中封装组件breathing.vueexportdefault{props:{interval:{type:Number,default:20,},},data(){return{opacity:0,};},mounted(){this.breath();},methods:{breath(){letthat=thi
- JQuery 操作Class滚动轮播展示效果
天马3798
jQuery使用&插件jquery前端javascript滚动轮播展示
JQuery操作Class滚动轮播展示效果展示效果:1.html第一行xxxxxxxxx第二行xx第三行xxx第四行2.css@keyframesrunOne{0%{top:250px;opacity:0;transform:scale(0.5);}25%{top:150px;opacity:1;transform:scale(1);}75%{top:150px;opacity:1;transfo
- 前端web入门-CSS-day07-定位和css高级技巧
小周不摆烂
#前端web入门css前端css3html5html
(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录定位相对定位绝对定位定位居中固定定位堆叠层级z-index定位-总结高级技巧CSS精灵字体图标字体图标–下载字体字体图标–使用字体CSS修饰属性垂直对齐方式vertical-align过渡transition透明度opacity光标类型cursor定位作用:灵活的改变盒子在网页中的位置实现:1.定位模式:
- sass 内置函数 - 颜色
陌上无人花自开否
sass内置函数-颜色参考scss官网sass:color获取颜色单个值1.alpha($color)返回值:返回传入的color的透明度alpha的值(0-1之间的数字)内置方法的定义color.alpha($color)@debugalpha(#e1d7d2);//1@debugopacity(rgb(210,225,221,0.4));//0.4@debugalpha(opacity=20)
- vue从上到下淡入淡出过渡动画
Time202051
vuevue.js
从上往下的淡入淡出的过渡/*开始*///dialogFade是容器的类名//过度内容.dialogFade-enter,.dialogFade-leave-to{opacity:0;transform:translateY(-30px);}/*过程*/.dialogFade-enter-active{transition:all0.5s;}/*结束*/.dialogFade-enter-to{op
- linux系统服务器下jsp传参数乱码
3213213333332132
javajsplinuxwindowsxml
在一次解决乱码问题中, 发现jsp在windows下用js原生的方法进行编码没有问题,但是到了linux下就有问题, escape,encodeURI,encodeURIComponent等都解决不了问题
但是我想了下既然原生的方法不行,我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码,最后在绝望之际,用了下面的方法解决了
- Spring 注解区别以及应用
BlueSkator
spring
1. @Autowired
@Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean,或者不存在UserDao类型的bean,会抛出 BeanCreationException异常,这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。
2. @Qualifier
当spring中存在至少一个匹
- printf和sprintf的应用
dcj3sjt126com
PHPsprintfprintf
<?php
printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80);
echo '<br />';
printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456);
printf('th
- config.getInitParameter
171815164
parameter
web.xml
<servlet>
<servlet-name>servlet1</servlet-name>
<jsp-file>/index.jsp</jsp-file>
<init-param>
<param-name>str</param-name>
- Ant标签详解--基础操作
g21121
ant
Ant的一些核心概念:
build.xml:构建文件是以XML 文件来描述的,默认构建文件名为build.xml。 project:每个构建文
- [简单]代码片段_数据合并
53873039oycg
代码
合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。
代码如下:
- java 通信技术
云端月影
Java 远程通信技术
在分布式服务框架中,一个最基础的问题就是远程服务是怎么通讯的,在Java领域中有很多可实现远程通讯的技术,例如:RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等,这些名词之间到底是些什么关系呢,它们背后到底是基于什么原理实现的呢,了解这些是实现分布式服务框架的基础知识,而如果在性能上有高的要求的话,那深入了解这些技术背后的机制就是必须的了,在这篇blog中我们将来
- string与StringBuilder 性能差距到底有多大
aijuans
之前也看过一些对string与StringBuilder的性能分析,总感觉这个应该对整体性能不会产生多大的影响,所以就一直没有关注这块!
由于学程序初期最先接触的string拼接,所以就一直没改变过自己的习惯!
- 今天碰到 java.util.ConcurrentModificationException 异常
antonyup_2006
java多线程工作IBM
今天改bug,其中有个实现是要对map进行循环,然后有删除操作,代码如下:
Iterator<ListItem> iter = ItemMap.keySet.iterator();
while(iter.hasNext()){
ListItem it = iter.next();
//...一些逻辑操作
ItemMap.remove(it);
}
结果运行报Con
- PL/SQL的类型和JDBC操作数据库
百合不是茶
PL/SQL表标量类型游标PL/SQL记录
PL/SQL的标量类型:
字符,数字,时间,布尔,%type五中类型的
--标量:数据库中预定义类型的变量
--定义一个变长字符串
v_ename varchar2(10);
--定义一个小数,范围 -9999.99~9999.99
v_sal number(6,2);
--定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
- Mockito:一个强大的用于 Java 开发的模拟测试框架实例
bijian1013
mockito单元测试
Mockito框架:
Mockito是一个基于MIT协议的开源java测试框架。 Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
- 精通Oracle10编程SQL(10)处理例外
bijian1013
oracle数据库plsql
/*
*处理例外
*/
--例外简介
--处理例外-传递例外
declare
v_ename emp.ename%TYPE;
begin
SELECT ename INTO v_ename FROM emp
where empno=&no;
dbms_output.put_line('雇员名:'||v_ename);
exceptio
- 【Java】Java执行远程机器上Linux命令
bit1129
linux命令
Java使用ethz通过ssh2执行远程机器Linux上命令,
封装定义Linux机器的环境信息
package com.tom;
import java.io.File;
public class Env {
private String hostaddr; //Linux机器的IP地址
private Integer po
- java通信之Socket通信基础
白糖_
javasocket网络协议
正处于网络环境下的两个程序,它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤:
①创建Socket;
②打开连接到Socket的输入输出流;
④按照一定的协议对Socket进行读写操作;
④关闭Socket。
Socket通信分两部分:服务器端和客户端。服务器端必须优先启动,然后等待soc
- angular.bind
boyitech
AngularJSangular.bindAngularJS APIbind
angular.bind 描述: 上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。 使用方法: angular.bind(se
- java-13个坏人和13个好人站成一圈,数到7就从圈里面踢出一个来,要求把所有坏人都给踢出来,所有好人都留在圈里。请找出初始时坏人站的位置。
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
public class KickOutBadGuys {
/**
* 题目:13个坏人和13个好人站成一圈,数到7就从圈里面踢出一个来,要求把所有坏人都给踢出来,所有好人都留在圈里。请找出初始时坏人站的位置。
* Maybe you can find out
- Redis.conf配置文件及相关项说明(自查备用)
Kai_Ge
redis
Redis.conf配置文件及相关项说明
# Redis configuration file example
# Note on units: when memory size is needed, it is possible to specifiy
# it in the usual form of 1k 5GB 4M and so forth:
#
- [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏
comsci
人工智能
真不好意思,各位朋友...博客再次更新...
节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....
但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
- 记录一些常用的函数
dai_lm
java
public static String convertInputStreamToString(InputStream is) {
StringBuilder result = new StringBuilder();
if (is != null)
try {
InputStreamReader inputReader = new InputStreamRead
- Hadoop中小规模集群的并行计算缺陷
datamachine
mapreducehadoop并行计算
注:写这篇文章的初衷是因为Hadoop炒得有点太热,很多用户现有数据规模并不适用于Hadoop,但迫于扩容压力和去IOE(Hadoop的廉价扩展的确非常有吸引力)而尝试。尝试永远是件正确的事儿,但有时候不用太突进,可以调优或调需求,发挥现有系统的最大效用为上策。
-----------------------------------------------------------------
- 小学4年级英语单词背诵第二课
dcj3sjt126com
englishword
egg 蛋
twenty 二十
any 任何
well 健康的,好
twelve 十二
farm 农场
every 每一个
back 向后,回
fast 快速的
whose 谁的
much 许多
flower 花
watch 手表
very 非常,很
sport 运动
Chinese 中国的
- 自己实践了github的webhooks, linux上面的权限需要注意
dcj3sjt126com
githubwebhook
环境, 阿里云服务器
1. 本地创建项目, push到github服务器上面
2. 生成www用户的密钥
sudo -u www ssh-keygen -t rsa -C "
[email protected]"
3. 将密钥添加到github帐号的SSH_KEYS里面
3. 用www用户执行克隆, 源使
- Java冒泡排序
蕃薯耀
冒泡排序Java冒泡排序Java排序
冒泡排序
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月23日 10:40:14 星期二
http://fanshuyao.iteye.com/
- Excle读取数据转换为实体List【基于apache-poi】
hanqunfeng
apache
1.依赖apache-poi
2.支持xls和xlsx
3.支持按属性名称绑定数据值
4.支持从指定行、列开始读取
5.支持同时读取多个sheet
6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java
比如:
Str
- 3个处于草稿阶段的Javascript API介绍
jackyrong
JavaScript
原文:
http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email
本文中,介绍3个仍然处于草稿阶段,但应该值得关注的Javascript API.
1) Web Alarm API
&
- 6个创建Web应用程序的高效PHP框架
lampcy
Web框架PHP
以下是创建Web应用程序的PHP框架,有coder bay网站整理推荐:
1. CakePHP
CakePHP是一个PHP快速开发框架,它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式,如MVC和ORM,降低了开发成本,并减少了开发人员写代码的工作量。
2. CodeIgniter
CodeIgniter是一个非常小且功能强大的PHP框架,适合需
- 评"救市后中国股市新乱象泛起"谣言
nannan408
首先来看百度百家一位易姓作者的新闻:
三个多星期来股市持续暴跌,跌得投资者及上市公司都处于极度的恐慌和焦虑中,都要寻找自保及规避风险的方式。面对股市之危机,政府突然进入市场救市,希望以此来重建市场信心,以此来扭转股市持续暴跌的预期。而政府进入市场后,由于市场运作方式发生了巨大变化,投资者及上市公司为了自保及为了应对这种变化,中国股市新的乱象也自然产生。
首先,中国股市这两天
- 页面全屏遮罩的实现 方式
Rainbow702
htmlcss遮罩mask
之前做了一个页面,在点击了某个按钮之后,要求页面出现一个全屏遮罩,一开始使用了position:absolute来实现的。当时因为画面大小是固定的,不可以resize的,所以,没有发现问题。
最近用了同样的做法做了一个遮罩,但是画面是可以进行resize的,所以就发现了一个问题,当画面被reisze到浏览器出现了滚动条的时候,就发现,用absolute 的做法是有问题的。后来改成fixed定位就
- 关于angularjs的点滴
tntxia
AngularJS
angular是一个新兴的JS框架,和以往的框架不同的事,Angularjs更注重于js的建模,管理,同时也提供大量的组件帮助用户组建商业化程序,是一种值得研究的JS框架。
Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。
这里我们来简单的探讨一下它的应用。
首先使用Angularjs我
- Nutz--->>反复新建ioc容器的后果
xiaoxiao1992428
DAOmvcIOCnutz
问题:
public class DaoZ {
public static Dao dao() { // 每当需要使用dao的时候就取一次
Ioc ioc = new NutIoc(new JsonLoader("dao.js"));
return ioc.get(