首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【DB笔试面试572】Oracle模糊查询可以使用索引?

♣ 题目部分 Oracle模糊查询可以使用索引?...♣ 答案部分 分为以下几种情况: (1)若SELECT子句只检索索引字段,那么模糊查询可以使用索引,例如,“SELECT ID FROM TB WHERE ID LIKE '%123%';”可以使用索引...② 模糊查询形如“WHERE COL_NAME LIKE '%ABC';”不能使用索引,但是可以通过REVERSE函数来创建函数索引才能使用到索引。...如果字符串ABC原字符串位置不固定,那么可以通过改写SQL进行优化。改写的方法主要是通过先使用子查询查询出需要的字段,然后在外层嵌套,这样就可以使用到索引了。...'AA%') filter(REVERSE(SUBSTR("TABLE_NAME",1,LENGTH("TABLE_NAME")-4)) LIKE 'AA%') --如果字符串ABC原字符串位置不固定

9.7K20

强烈推荐!汇总了几个前端离不开的2D图形库

家好,我是「前端实验室」爱分享的了不起~ 现代前端开发,无论是构建游戏、数据可视化还是动画效果,合适的2D图形库可以增加用户的趣味性,接下来就给大家介绍几个常用的2D图形库 konva.js Konva.js...它提供了一个强大的API,使得开发者可以轻松地Canvas上添加图形、文本、形状、图像、动画等元素,并且可以与这些元素进行交互 https://github.com/konvajs/konva fabric.js...它提供了丰富的功能集,使开发人员能够轻松创建并操作各种2D图形元素,如矩形、圆形、文本等。还支持图形转换、滤镜、动画和事件处理等功能,使得用户可以创建出更加生动、丰富的视觉效果。...它提供了易于使用的API,可以轻松地在网页上添加地图、图层、标记、组件和交互元素,并支持各种地图提供商和数据源。它也可以适应不同的设备和分辨率,支持移动设备和触摸交互。...它提供了简单易用的API,可以绘制各种形状、路径和文本,并且支持动画和事件处理。适用于需要在网页创建和操作矢量图形的项目。

79520
您找到你想要的搜索结果了吗?
是的
没有找到

【实战篇】使用fabric.js 快速开发一个图片编辑器

都是强大的canvas库,功能上类似,konva.js比较新中文文档也多一些,因为比较熟悉fabric就没有采用konva。...我的方法是入口文件初始化实例,然后与mixins结合,mixins定义了选择类型(多选、单选、未选中)、选中元素类型、选中id等属性,以及选中、取消选中的事件,子组件通过引入mixins来开发对应功能...通过vue的provide语法把fabric对象、EventEmitter对象向下传递,mixins中保存选中的元素和选中状态。...主要包括设置画布大小、设置背景颜色、设置背景图片,也可以设置背景重复方向。...字体属性可以自定义字体,需要先下载字体后再进行设置可以通过fontfaceobserver工具库下载指定字体,成功后再设置字体名称。

3.2K20

【CSS】CSS 总结 ⑤ ( CSS 盒子边框 | CSS 盒子模型内边距 | CSS 盒子模型外边距 | CSS 盒子模型圆角边框 | CSS 盒子模型阴影 ) ★

一、CSS 盒子边框 1、盒子模型 HTML 的 一个布局 可以看做一个 矩形的 盒子模型 , 该 盒子模型 是一个用于 容纳 标签元素 的容器 ; 盒子模型 组成 : 由内到外顺序如下 : 内容 Content...: 下图中 内容 100 x 100 像素的元素 ; 内边距 Padding : 内边距 Padding 位于 边框 与 内容 之间 ; 边框 Border : 边框 包裹 内边距 , 外边距...没指定 具体的尺寸 , 元素设置 Padding 内边距 , 则不会撑开盒子 ; 如果 标签元素 指定了 具体的尺寸 , 设置 Padding 内边距 , 会撑开盒子 ; 三、CSS 盒子模型外边距... CSS3 , 新加入了 圆角边框 样式 , 设置 border-radius: length; 属性 , 即可设置 盒子模型 的 圆角边框 ; border-radius 属性值取值 : 像素数值...= 宽度 , 并且 圆角矩形 的 圆角半径 高度 的一半 , 则该圆角矩形 表现就是一个正常的圆角矩形 , 左右两侧是圆角 ; /* 圆角矩形样式 */ div { width: 200px

28610

Canvas 奇妙历险(一)

阅读完本篇文章,我期望你对Canvas的基础API有一定的认识,在此基础上,结合自身情况做一些例子去巩固,不是一件蛮开心的事? 前期工作 前期工作,介绍了canvas是什么,能够干什么?...;canvas游戏方面也是应用相当广泛,老掉牙的例子就是贪吃蛇、坦克大战、飞机大战、2048、围棋,它也是可以做3D的游戏开发,这里有兴趣可以了解下three.js;canvas还可以应用在教育行业,...(此消息浏览器不支持canvas元素时显示) canvas常用API 楼下看到的这些,其中canvas简写成cas, CanvasRenderingContext2D对象简写成ctx...两种做法,第一种用线画,就是说你把它围成一个小小的矩形然后给它填实心可以近似看出一个点,不要耍小聪明,把moveTo(x, y)和lineTo(x, y)坐标设成一样,也是画不出来的,但要是你是围成的那又是可以的...stoke的前面加一个closePath()的话,那就是4个点,它会自动帮你闭合的。 问题四: 这个楼上说的closePath(), 那它开始需要beginPath()

83620

UI界面图标终极设计指南

1 使用光栅来更好的设计图标 UI界面的图标通常可以近似的看做以下的基本格式之一:横向矩形,纵向矩形,对角矩形,圆形,三角形,正方形。...如果把它们做成高斯模糊效果,你就会发现它们具有相同的视觉重量,因为它们变成或多或少相同的斑点效果。 ? 根据图标形状,将它们放在相应的框架。你就会发现,方形图标比三角形或细长图标更紧凑。 ? ?...因为它可以让图标在这些显示屏上更加清晰。 ? ? 如果图标设置1像素的边框,这个时候,这些边框应该使用外部或内部的描边样式,但不建议是居中的。如下图,你可以看到他们的区别。 ? ?...居中描边的一像素边框,虽然放大它们的时候,它们看起来很清晰。但在100%比例大小显示的时候,它们会模糊掉。所以,慎用~下面两张图是图标居中描边的时候所产生的效果: ? ?...下面的这个图标Sketch中看起来很棒,但是....... ? 我们把Sketch生成的SVG图标AI打开的时候,你会发现它的图层非常混乱。

1K50

CSS基础学习(2)

1661px 高度 0px div默认标签没有高度 ,宽度与父标签的宽度一样 上面代码,lidiv的父标签 这里所说的宽度不是肉眼可见的宽度,是width属性设置的宽度 width/heigth...轴上移动,向右正 y偏移量:y轴上移动,向下为正 阴影模糊半径:就是边线的清晰度 阴影扩散半径:就是向外伸展 阴影颜色:就是矩形下面那个矩形的背景颜色 1-4 盒模型–margin margin 外边距...margin ,右边盒子的左margin 相加 垂直距离 上下两个盒子的最大值 所以一般设置垂直距离 推荐 .box1{ margin-bottom: 50px; } 盒子左右居中 如下可以使子盒子父盒居中...a { background-color: #fff2cc; padding: 20px; } 这样设置虽然和块元素相似,但有区别 如 这样设置可以覆盖块元素 行内元素可以设置左右 margin...,但不可以设置上下 margin inline-block 作用:可以使块元素显示同一行内 但使两者之间会存在 间隙 处理方法 去除回车 <!

63010

Flutter BackdropFilter 实现高斯模糊

现在应该很多地方都会使用到高斯模糊的效果,想当初Android上实现差点没要了我的老命,那么 Flutter 实现会是如何?...当这一大串 0 显示我眼前的时候我差点瞎了。 不过可以看到使用 BackdropFilter 非常简单就实现了高斯模糊的效果。...然后我们的build 方法直接返回一个圆形的模糊背景,横纵向模糊的数值10,值越大,模糊的效果就越大。...那这个时候就有人问了,只能把模糊放在背景里,不能用来当前景?...当然,这种效果实现起来也是非常的简单,我们只需要把 BackdropFilter 的 child 设置一个 Container(),并且设置上颜色(我这里使用的是 Colors.white10),然后放在

3.1K31

打造高水平设计的必备利器Ai中文版illustrator-直装永久使用

选择【 矩形工具 】,绘制五个大小一样的矩形,并排列至合适的位置。具体效果如图示。   选择【钢笔工具】,选择合适的描边大小,【 颜色】 黑色,矩形框里勾出文字的笔画。具体效果如图示。   ...输出图形:导出设置设置输出格式、分辨率、颜色模式等参数,并导出最终图形文件。 打开或创建新的图像:Photoshop,用户可以通过“文件”菜单或快捷键Ctrl + N打开或创建新的图像。...用户可以选择图像的尺寸、分辨率和颜色模式等。 进行图像编辑和处理:通过选择各种工具和菜单,用户可以对图像进行编辑和处理,例如调整亮度、对比度、色彩平衡、裁剪、旋转、缩放、模糊、锐化等等。...添加图层和蒙版:Photoshop,用户可以使用图层和蒙版功能,将不同的元素和效果分别添加到不同的图层,以便更好地控制和修改。...添加文字和样式:Photoshop,用户可以使用文字工具添加文本,选择不同的字体、颜色、大小和样式等。用户还可以使用样式菜单添加各种效果和样式,如阴影、描边、渐变等。

1.4K00

SVG基础知识速查笔记

svg定义了七种形状元素矩形、圆形、椭圆、线段、折线、多边形、路径。...①.矩形 矩形的参数有6个: x: 矩形左上角的x坐标 y: 矩形左上角的y坐标 width: 矩形的宽度 height:矩形的高度 rx:对于圆角矩形,指定椭圆x方向的半径 ry:对于圆角矩形,指定椭圆...raw=true) ⑥.文字 svg可以使用标签绘制文字,其属性如下: x:文字位置的x坐标 y: 文字位置的y坐标 dx:相对于当前位置x方向上平移的距离(值正则往右,负则往左)...dy:相对于当前位置y方向上平移的距离(值正则往下,负则往上) textLength:文字的显示长度(不足则拉长,足则压缩) rotate:旋转角度(顺时针正,逆时针负) 如果要对文字某一部分文字单独设置样式...raw=true) ⑦.样式 svg的样式,可以使用class类,也可以直接在元素写样式。 直接在元素写样式时支持两种写法:单独写、合并写。

1.8K40

filter:drop-shadow与box-shadow的区别

而filter的drop-shadowIE13才开始支持,移动端Android4.4才开始支持,细想一下,其实离移动端愉快使用就差一口气,明天的今天,大家说不定就在载歌载舞了。...二、同样的参数值,表现效果有差异 filter的drop-shadow语法如下: filter: drop-shadow(x偏移, y偏移, 模糊大小, 色值); 例如: filter:drop-shadow...眼见实,看下面的图片示意(实时效果,请使用Chrome或手机浏览器查看): ?...四、drop-shadow不能阴影叠加 box-shadow有个超屌的特性,就是阴影可以任意累加,因此,理论上我们可以使用box-shadow生成任意的图片 但是filter的drop-shadow就只能抱歉了...drop-shadow不仅可以穿透代码构建的元素的透明部分,PNG图片的透明部分也是可以穿透的,如下图: ? 于是,曾经困扰我们的一些老大难的问题就有了很好的解决思路了!

1.4K10

CSS-03

# 盒子模型(Box Model) 所谓盒子模型: 就是把HTML页面的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。...(最为常用的) dashed:边框虚线 dotted:边框点线 double:边框双实线 我们开发,经常把表单原本的边框去掉,然后添加任意的样式。...# 外边距实现盒子居中 可以让一个盒子实现水平居中,需要满足一下两个条件: 必须是块级元素。 盒子必须指定了宽度(width) 然后就给左右的外边距都设置auto,就可使块级元素水平居中。...想要设置一个可继承的属性,只需将它应用于父元素即可。 注意: 1.**所以对于字体、文本属性等网页通用的样式可以使用继承。...**例如,字体、字号、颜色、行距等可以body元素中统一设置,然后通过继承影响文档中所有文本。

2K30

画布就是一切(一)— 画布编程的基本模式

在这个场景,只要鼠标坐标矩形区域内,那么我们就会修改矩形的hovertrue,否则为false。...canvas,我们需要知道如下的几个数据:矩形的位置、矩形的大小以及鼠标canvas的位置,如下图所示: 只要满足如下的条件,我们就认为鼠标矩形内,于是就会发生状态的更新: (x <= xInCanvas...我们现在知道,矩形的位置与大小是已有的值。那么鼠标canvas的x、y怎么获得呢?事实上,我们可以给canvas添加鼠标移动事件(mousemove),从移动事件获取鼠标位置。...: PS:实际上在对canvas有不同的缩放、CSS样式的加持下,坐标的计算会更加复杂,本文只是简单的获取鼠标canvas的坐标,不做过多的讨论,想要深入了解可以看这篇大佬的文章:获取鼠标 canvas...但实际上,我们画布上的显示的确实一个模糊的看起来比1px更加宽的线条: 这个问题产生的原因读者可以自行网上搜索。

19420

画布就是一切(一)— 画布编程的基本模式

在这个场景,只要鼠标坐标矩形区域内,那么我们就会修改矩形的hovertrue,否则为false。...canvas,我们需要知道如下的几个数据:矩形的位置、矩形的大小以及鼠标canvas的位置,如下图所示: 只要满足如下的条件,我们就认为鼠标矩形内,于是就会发生状态的更新: (x <= xInCanvas...我们现在知道,矩形的位置与大小是已有的值。那么鼠标canvas的x、y怎么获得呢?事实上,我们可以给canvas添加鼠标移动事件(mousemove),从移动事件获取鼠标位置。...: PS:实际上在对canvas有不同的缩放、CSS样式的加持下,坐标的计算会更加复杂,本文只是简单的获取鼠标canvas的坐标,不做过多的讨论,想要深入了解可以看这篇大佬的文章:获取鼠标 canvas...但实际上,我们画布上的显示的确实一个模糊的看起来比1px更加宽的线条: 这个问题产生的原因读者可以自行网上搜索。

21910

画布就是一切(一)— 画布编程的基本模式

在这个场景,只要鼠标坐标矩形区域内,那么我们就会修改矩形的hovertrue,否则为false。...canvas,我们需要知道如下的几个数据:矩形的位置、矩形的大小以及鼠标canvas的位置,如下图所示: 只要满足如下的条件,我们就认为鼠标矩形内,于是就会发生状态的更新: (x <= xInCanvas...我们现在知道,矩形的位置与大小是已有的值。那么鼠标canvas的x、y怎么获得呢?事实上,我们可以给canvas添加鼠标移动事件(mousemove),从移动事件获取鼠标位置。...: PS:实际上在对canvas有不同的缩放、CSS样式的加持下,坐标的计算会更加复杂,本文只是简单的获取鼠标canvas的坐标,不做过多的讨论,想要深入了解可以看这篇大佬的文章:获取鼠标 canvas...但实际上,我们画布上的显示的确实一个模糊的看起来比1px更加宽的线条: 这个问题产生的原因读者可以自行网上搜索。

18320

使用网络摄像头和Python的OpenCV构建运动检测器(Translate)

如果我们拥有了多个摄像头或闭路电视等设置可以通过该参数提供相应的端口号。 第四步:将捕捉到的帧转换为灰度图像,并应用高斯模糊去除噪声: ?...再利用高斯模糊对图像进行平滑处理,进而提高检测精度。高斯模糊函数,我们利用第2个参数定义了高斯核的宽度和高度;利用第3个参数,定义了标准偏差值。...以下是实时捕获的帧中发现的一些干扰。因此,为了使这些噪声最小化,我们需要对图像进行滤波。膨胀函数Dilate,我们可以通过设置迭代次数来设置平滑度。迭代次数越多,平滑度越高,处理时间也就越长。...因此,建议保持标准化设置3。膨胀函数的“None”参数表示我们的应用不需要元素结构。...您可以查看开始时间和结束时间,并计算对象摄影机前面的时间。 这个应用程序还不够令人兴奋?这个应用程序是不是远离了典型的无聊编程?

2.8K40

盒模型(box)

这里有一种叫 box-sizing的方法,来表示一个元素的长宽表示方式 外边距 盒模型可以通过 margin 的属性来添加外边距,书写方式和内边距类似 不过两个盒模型直接的距离要有所注意, 1.如果是左右两个盒模型...2.如果是上下两个盒模型,那么它们间的距离两者之间上下外边距的最大值,因而一般我们只设置下外边距。...当然 对于 上/右/下/左 方向上的边框可以单独设置(也适用无边框): 如 border-top-color: grey; 其余类比前面内容 这种方法也适用上面的简写方法。.../* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */ box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); x 偏移量:...x 轴上移动,向右正 y 偏移量: y 轴上移动,向下为正 阴影模糊半径:就是边线的清晰度 阴影扩散半径:就是向外伸展 阴影颜色:就是矩形下面那个矩形的背景色。

91640

canvas的api总结

简介 Canvas是 HTML5 新增的,一个可以使用脚本(通常JavaScript)在其中绘制图像的 HTML 元素。...设置或返回用于阴影的模糊级别 shadowOffsetX 设置或返回阴影与形状的水平距离 shadowOffsetY 设置或返回阴影与形状的垂直距离 lineCap 设置或返回线条的结束点样式...) 指定的方向内重复绘制指定的元素 createRadialGradient( x0, y0, r0, x1, y1, r1 ) 创建径向渐变 addColorStop( stop, color...) 规定渐变对象的颜色和停止位置 font 设置或返回文本内容的当前字体属性(和css的font一样) textAlign 设置或返回文本内容的当前对齐方式 textBaseline...设置或返回绘制文本时使用的当前文本基线 fillText( text, x, y ) 画布上绘制“被填充”的文本 strokeText( text, x, y ) 画布上绘制文本(无填充)

1.5K11
领券