- 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
- html
周华华
html
js
1,数组的排列
var arr=[1,4,234,43,52,];
for(var x=0;x<arr.length;x++){
for(var y=x-1;y<arr.length;y++){
if(arr[x]<arr[y]){
&
- 【Struts2 四】Struts2拦截器
bit1129
struts2拦截器
Struts2框架是基于拦截器实现的,可以对某个Action进行拦截,然后某些逻辑处理,拦截器相当于AOP里面的环绕通知,即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上,即使struts.xml没有任何关于拦截器的配置,Struts2也会为我们添加一组默认的拦截器,最常见的是,请求参数自动绑定到Action对应的字段上。
Struts2中自定义拦截器的步骤是:
- make:cc 命令未找到解决方法
daizj
linux命令未知make cc
安装rz sz程序时,报下面错误:
[root@slave2 src]# make posix
cc -O -DPOSIX -DMD=2 rz.c -o rz
make: cc:命令未找到
make: *** [posix] 错误 127
系统:centos 6.6
环境:虚拟机
错误原因:系统未安装gcc,这个是由于在安
- Oracle之Job应用
周凡杨
oracle job
最近写服务,服务上线后,需要写一个定时执行的SQL脚本,清理并更新数据库表里的数据,应用到了Oracle 的 Job的相关知识。在此总结一下。
一:查看相关job信息
1、相关视图
dba_jobs
all_jobs
user_jobs
dba_jobs_running 包含正在运行
- 多线程机制
朱辉辉33
多线程
转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx
程序、进程和线程:
程序是一段静态的代码,它是应用程序执行的蓝本。进程是程序的一次动态执行过程,它对应了从代码加载、执行至执行完毕的一个完整过程,这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位,一个进程执行过程中可以产生多个线程,每个线程有自身的
- web报表工具FineReport使用中遇到的常见报错及解决办法(一)
老A不折腾
web报表finereportjava报表报表工具
FineReport使用中遇到的常见报错及解决办法(一)
这里写点抛砖引玉,希望大家能把自己整理的问题及解决方法晾出来,Mark一下,利人利己。
出现问题先搜一下文档上有没有,再看看度娘有没有,再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题,大多文档上都有提到的。
1、address pool is full:
含义:地址池满,连接数超过并发数上
- mysql rpm安装后没有my.cnf
林鹤霄
没有my.cnf
Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的,
至于为什么没有这个文件而MySQL却也能正常启动和作用,在这儿有两个说法,
第一种说法,my.cnf只是MySQL启动时的一个参数文件,可以没有它,这时MySQL会用内置的默认参数启动,
第二种说法,MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件,这种说法仅限于r
- Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题
aigo
root
原文:http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/
Step 4: Run ADB command from your PC
On the PC, you need install Amazon Fire ADB driver and instal
- javascript 中var提升的典型实例
alxw4616
JavaScript
// 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧
myname = 'global';
var fn = function () {
console.log(myname); // undefined
var myname = 'local';
console.log(myname); // local
};
fn()
// 上述代码实际上等同于以下代码
m
- 定时器和获取时间的使用
百合不是茶
时间的转换定时器
定时器:定时创建任务在游戏设计的时候用的比较多
Timer();定时器
TImerTask();Timer的子类 由 Timer 安排为一次执行或重复执行的任务。
定时器类Timer在java.util包中。使用时,先实例化,然后使用实例的schedule(TimerTask task, long delay)方法,设定
- JDK1.5 Queue
bijian1013
javathreadjava多线程Queue
JDK1.5 Queue
LinkedList:
LinkedList不是同步的。如果多个线程同时访问列表,而其中至少一个线程从结构上修改了该列表,则它必须 保持外部同步。(结构修改指添加或删除一个或多个元素的任何操作;仅设置元素的值不是结构修改。)这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象,则应该使用 Collections.synchronizedList 方
- http认证原理和https
bijian1013
httphttps
一.基础介绍
在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。
Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。
http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后
- 【Java范型五】范型继承
bit1129
java
定义如下一个抽象的范型类,其中定义了两个范型参数,T1,T2
package com.tom.lang.generics;
public abstract class SuperGenerics<T1, T2> {
private T1 t1;
private T2 t2;
public abstract void doIt(T
- 【Nginx六】nginx.conf常用指令(Directive)
bit1129
Directive
1. worker_processes 8;
表示Nginx将启动8个工作者进程,通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行
nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
- lua 遍历Header头部
ronin47
lua header 遍历
local headers = ngx.req.get_headers()
ngx.say("headers begin", "<br/>")
ngx.say("Host : ", he
- java-32.通过交换a,b中的元素,使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。
bylijinnan
java
import java.util.Arrays;
public class MinSumASumB {
/**
* Q32.有两个序列a,b,大小都为n,序列元素的值任意整数,无序.
*
* 要求:通过交换a,b中的元素,使[序列a元素的和]与[序列b元素的和]之间的差最小。
* 例如:
* int[] a = {100,99,98,1,2,3
- redis
开窍的石头
redis
在redis的redis.conf配置文件中找到# requirepass foobared
把它替换成requirepass 12356789 后边的12356789就是你的密码
打开redis客户端输入config get requirepass
返回
redis 127.0.0.1:6379> config get requirepass
1) "require
- [JAVA图像与图形]现有的GPU架构支持JAVA语言吗?
comsci
java语言
无论是opengl还是cuda,都是建立在C语言体系架构基础上的,在未来,图像图形处理业务快速发展,相关领域市场不断扩大的情况下,我们JAVA语言系统怎么从这么庞大,且还在不断扩大的市场上分到一块蛋糕,是值得每个JAVAER认真思考和行动的事情
- 安装ubuntu14.04登录后花屏了怎么办
cuiyadll
ubuntu
这个情况,一般属于显卡驱动问题。
可以先尝试安装显卡的官方闭源驱动。
按键盘三个键:CTRL + ALT + F1
进入终端,输入用户名和密码登录终端:
安装amd的显卡驱动
sudo
apt-get
install
fglrx
安装nvidia显卡驱动
sudo
ap
- SSL 与 数字证书 的基本概念和工作原理
darrenzhu
加密ssl证书密钥签名
SSL 与 数字证书 的基本概念和工作原理
http://www.linuxde.net/2012/03/8301.html
SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥,握手协议本身是基于非对称加密机制的,之后就使用共同的密钥基于对称加密机制进行信息交换。
http://www.ibm.com/developerworks/cn/webspher
- Ubuntu设置ip的步骤
dcj3sjt126com
ubuntu
在单位的一台机器完全装了Ubuntu Server,但回家只能在XP上VM一个,装的时候网卡是DHCP的,用ifconfig查了一下ip是192.168.92.128,可以ping通。
转载不是错:
Ubuntu命令行修改网络配置方法
/etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0,让网卡开机自动挂载.
1. 以D
- php包管理工具推荐
dcj3sjt126com
PHPComposer
http://www.phpcomposer.com/
Composer是 PHP 用来管理依赖(dependency)关系的工具。你可以在自己的项目中声明所依赖的外部工具库(libraries),Composer 会帮你安装这些依赖的库文件。
中文文档
入门指南
下载
安装包列表
Composer 中国镜像
- Gson使用四(TypeAdapter)
eksliang
jsongsonGson自定义转换器gsonTypeAdapter
转载请出自出处:http://eksliang.iteye.com/blog/2175595 一.概述
Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例
例如我们通常去注册时(那些外国网站),会让我们输入firstName,lastName,但是转到我们都
- JQM控件之Navbar和Tabs
gundumw100
htmlxmlcss
在JQM中使用导航栏Navbar是简单的。
只需要将data-role="navbar"赋给div即可:
<div data-role="navbar">
<ul>
<li><a href="#" class="ui-btn-active&qu
- 利用归并排序算法对大文件进行排序
iwindyforest
java归并排序大文件分治法Merge sort
归并排序算法介绍,请参照Wikipeida
zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F
基本思想:
大文件分割成行数相等的两个子文件,递归(归并排序)两个子文件,直到递归到分割成的子文件低于限制行数
低于限制行数的子文件直接排序
两个排序好的子文件归并到父文件
直到最后所有排序好的父文件归并到输入
- iOS UIWebView URL拦截
啸笑天
UIWebView
本文译者:candeladiao,原文:URL filtering for UIWebView on the iPhone说明:译者在做app开发时,因为页面的javascript文件比较大导致加载速度很慢,所以想把javascript文件打包在app里,当UIWebView需要加载该脚本时就从app本地读取,但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法,第一次翻译,难免有
- 索引的碎片整理SQL语句
macroli
sql
SET NOCOUNT ON
DECLARE @tablename VARCHAR (128)
DECLARE @execstr VARCHAR (255)
DECLARE @objectid INT
DECLARE @indexid INT
DECLARE @frag DECIMAL
DECLARE @maxfrag DECIMAL
--设置最大允许的碎片数量,超过则对索引进行碎片
- Angularjs同步操作http请求with $promise
qiaolevip
每天进步一点点学习永无止境AngularJS纵观千象
// Define a factory
app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) {
var deferred = $q.defer();
AccountService.getProfile().then(function(res) {
- hibernate联合查询问题
sxj19881213
sqlHibernateHQL联合查询
最近在用hibernate做项目,遇到了联合查询的问题,以及联合查询中的N+1问题。
针对无外键关联的联合查询,我做了HQL和SQL的实验,希望能帮助到大家。(我使用的版本是hibernate3.3.2)
1 几个常识:
(1)hql中的几种join查询,只有在外键关联、并且作了相应配置时才能使用。
(2)hql的默认查询策略,在进行联合查询时,会产
- struts2.xml
wuai
struts
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache