CAF

一篇文章带你了解CSS3按钮知识

蓝咒 提交于 2020-11-22 09:50:48
在实际开发中,按钮的应用是必不可少。使用 CSS 来制作按钮,可以更有新意,更有趣,也可以自定义自己想要的样式。 一、平面样式CSS按钮 平面样式按钮的使用现在非常流行,并且符合无处不在的平面设计趋势。,这些的平面样式按钮效果很好看。 以下代码是按钮处于正常的情况下的状态。 例: .button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; } 1. 按钮颜色 颜色:Green ,Blue, Red, Gray ,Black。 可以使用 background-color 属性来设置按钮颜色。 例 .button1 { background-color: #4CAF50; } /* Green */ .button2 { background-color: #008CBA; } /* Blue */ .button3 { background-color: #f44336; } /* Red */ .button4 { background-color: #FFC0CB; color:

Android Camera1中的对焦与测光

我怕爱的太早我们不能终老 提交于 2020-11-21 02:38:27
Android Camera1开发系列连载: Android Camera1详解 Android Camera1显示预览的四种方式 对焦模式 在使用特定的对焦模式的时候,必须确保相机支持该模式, 相机支持的对焦模式可以通过Parameters#getFocusMode接口来获取: 常用的对焦模式为: // 连续自动对焦caf,预览场景变化时会自动去对焦 Camera.Parameters.FOCUS_MODE_CONTINUOUS_VIDEO Camera.Parameters.FOCUS_MODE_CONTINUOUS_PICTURE // 单次自动对焦af,下发一次请求则对焦一次 Camera.Parameters.FOCUS_MODE_AUTO 对焦区域 当对焦模式为caf或者af时,可以 指定 对焦区域,如果未设置,则驱动程序将会自己选择焦点目标,看一张来自官网描述对焦坐标系的图: 如图所示,无论屏幕是横屏还是竖屏,预览视图的中心点坐标都是(0,0),左上角为(-1000,-1000),右下角为(1000,1000) 在计算屏幕坐标系中的UI点击坐标(x,y)到sensor对焦坐标系对焦区域focusRect的时候,还需要考虑预览的旋转角和前置镜像,计算过程大致如下: 设置对焦区域的时候,需要先查询一下可设置对焦区域的最大个数: // 返回0的时候表示不支持设置对焦区域

用数据分析理论解读双十一背后的技术

走远了吗. 提交于 2020-11-14 02:51:29
全民狂欢购物的双十一背后,有很多技术在支撑,利用正确的技术手段可以在双十一为我所用。我们以化妆品电商为例,解析一下如何通过数据分析的方式让电商的双十一准备更高效充分。 基于历史数据进行分析建模对今年的销售情况进行预测,能够帮助商家做出更科学的营销方案。通常我们所能够收集到的历史数据包含了时间、名称、价格、销量、评论数量、商户等数据。 在已有数据中(数据量有限,仅用作构建分析模型之用,不作为参考),我们发现“title”这一列里面的信息量很大,但由于都是杂乱无章的文本数据,不能直接做分析,所以首先需要通过自然语言处理技术对数据进行处理。处理之后,会清清晰的得到产品大类、小类、产品功效之类等变量。 根据数据变量的特征,分别用线性回归、决策树、随机森林、XgBoost 等算法建模并比较,得到一个最佳的预测模型。起初,这些特征和销售量的关系单从数字上看并不直观,但是,通过使用七牛云 Pandora 可以将这些数据可视化,更直观看到结果。 从散点图展示,销量的预测值和实际值很接近,几乎完美地服从 y=x 的直线分布,所以能够判断出,这个模型能够帮助我们有效进行分析。 “变量重要性”是我们在分析中所需要关注到的一个重点。针对电商,通常评论数量、价格和产品功效是影响销量的三大关键因素。评论数量越多,销量就越高;价格正好相反,价格越低,销量就越高;针对化妆品这一品类

超详细280页Docker实战文档,可下载。

允我心安 提交于 2020-11-13 11:48:39
超详细280页Docker实战文档,可下载。(领取见文末) Docker如日中天,这不是单纯的炒概念,Docker确确实实解决了开发与运维的痛点,因此在企业开发中得到了非常广泛的使用。 Docker是一个开放源代码软件项目,让应用程序部署在软件容器下的工作可以自动化进行,借此在Linux操作系统上,提供一-个额外的软件抽象层,以及操作系统层虚拟化的自动管理机制。 今天分享一份280页的Docker实战文档,相信看完后对Docker会有更深入的了解。由于文档内容过多,在此只以截图展示部分内容,详细完整版的Docker实战文档请见文末。 第一章:欢迎来到Docker 世界: 1.什么是Docker 2. Docker 解决了什么问题 3. 为什么Docker 如此重要 4. 何时何处使用Docker 5.案例:"Hello World" 第二章:在容器中运行软件: 1.从Docker 命令行工具获得帮助 2.控制容器:建立一个网站的监控器 3. 已解决的问题和PID 命名空间 4. 消除元数据冲突:构建一个网站农场 5. 构建与环境无关的系统 6. 建立持久化的容器 7.清理 第三章:软件安装的简化: 选择所需的软件 什么是仓库 查找和安装软件 命令行使用Docker Hub 5.通过网站访问Docker Hub 6.使用替代注册服务器 7.镜像文件 从Dockerfile 安装 9

必看!RDS 数据库入门一本通(附网盘链接)

醉酒当歌 提交于 2020-11-09 17:09:37
今天跟大家分享的是关于RDS 数据库入门一本通。 文末下拉获取网盘链接 1.RDS 数据库概览页 1.1概览页的由来 1.2概览页 2.RDS 数据库实例列表 3.RDS 数据库实例详情页 3.1基本信息 3.2账户管理 3.3数据库管理 3.4备份恢复 3.5数据库连接 4.RDS 实例数据库代理 4.1代理服务 4.2读写分离 4.3关闭代理服务 4.4读写分离基本信息 5.RDS 实例监控与报警 5.1监控 5.2报警 6.RDS 实例数据安全性 6.1白名单设置 6.2SQL 审计 6.3SSL 6.4TDE 7.RDS 实例服务可用性 7.1主备切换设置 7.2主备库切换 7.3修改数据复制方式 8.RDS 实例日志管理 8.1错误日志 8.2慢日志明细 8.3慢日志统计 8.4主备切换日志 9.RDS 实例 SQL 洞察 9.1搜索 9.2分析 9.3服务设置 9.4导出 10.RDS 实例参数设置 10.1应用模板 10.2导出为模板 10.3导入参数 10.4导出参数 10.5参数修改 11.自治服务 ( 原 CLOUDDBA) 12.章专属集群(原主机组列表) 13.RDS 实例跨地域备份 13.1恢复数据 13.2设置 14.已删除实例备份 14.1设置 14.2下载 15.RDS 实例回收站 16.待处理事件 16.1运行状态 16.2开始时间 16

OSChina 周四乱弹 —— 你倒是让我进去啊!Let me in!

℡╲_俬逩灬. 提交于 2020-10-25 10:35:56
Osc乱弹歌单(2020)请戳( 这里 ) 【今日歌曲】 @ watergood :是时候分享一波我的这张纯音乐歌单了,过去的五年多时间里,我陆陆续续地把听到的好听的纯音乐添加了进去,目前一共65首,相信总有那么一首会带给你好心情。 《时间走得太快,我们还没有来得及看清快乐》- 理想青年 手机党少年们想听歌,请使劲儿戳( 这里 ) @ 巴拉迪维 : 大胆猜一下:今年端午节会下雨吗? 下雨多好, 在城市的最高的地方, “以前上学的时候特羡慕住在大城市这样的地方的人,夜里看万家灯火。现实是工作之后只想要住个清静的地方可以好好睡一觉。” 下雨天在家陪自己家小猫玩多幸福, @ Xiaoshiyue :最近一直做梦我有狗子和猫了,就是场景都是我在教训他们 不会的, 万一你遇到灵异事件了, 你和你的狗狗互换身体了, 画风就变了。 “和狗狗灵魂对换的@ Xiaoshiyue 很无奈每天还是得陪用自己身体的狗狗玩接球游戏。” 那到底养什么呢? @ aYa_Y :我喜欢猫,但我怕猫;我想养猫,但我有点洁癖;我喜欢二哈,但我讨厌🐶 猫太傲娇了, 不适合你养的, “最后还是气噗噗去买了。” 你就养狗吧, 你问有什么区别, 看明白了么? 我现在不想养小动物了, 我想养女朋友, @ 性感码农 :万事俱备,只欠女朋友 “你还是变成舔狗吧。” 有了女友, 待遇就不一样了, 不一样的体验, @ clouddyy

电脑录制软件推荐,实力超群的迅捷屏幕录像工具!

て烟熏妆下的殇ゞ 提交于 2020-10-23 03:31:41
小林最近在电脑上录制街舞教程的网课时,遇到了一些乱七八糟的问题,比如录制好的视频没有在指定的位置、录制中途出现黑屏等,于是小林找了多个软件来测试,最终觉得迅捷屏幕录像工具比较好用。下面给大家送上使用这款软件的图文教程,希望能帮助到大家。 使用工具:迅捷屏幕录像工具 第一步: 下载安装好软件到电脑桌面后,双击打开。在软件的主界面中进行录制视频的参数设在区,比如在视频选项中选择“全屏录制”;在音频选项中选择“仅系统声”;在画质设置中选择“原画”;在录制格式中选择“MP4”;在模式选择中点击“正常模式”。当然,建议你按照个人需要来进行自定义选择。 第二步 :在录制前需要自定义设置“更改目录”,把视频文件的储存位置设定为个人的目标文件夹,这样方便以后查看。 第三步: 当开始录制后,中途可以点击“暂停录制”,录制结束后就点击它右方的蓝白小方块。最后,点击“打开文件夹”就可以查看录好的视频了。 好了,关于电脑录制软件的推荐就到这里,希望在看了小林的图文教程后,大家能轻松解决各种屏幕录制的问题。如果觉得这篇文章给大家带来了价值,那就点个赞吧,谢谢。 来源: oschina 链接: https://my.oschina.net/u/4529349/blog/4301261

安装vant-weapp 组件

回眸只為那壹抹淺笑 提交于 2020-10-07 06:51:11
一、新建小程序项目 二、打开cmd,小程序项目目录下 npm i vant-weapp -S --production 2.1 如果执行上面的代码报错了 那你就执行一下:npm init -y 微信开发工具里面就会出现:package.json这样就解决问题了 2.2 接着就可以执行:npm i vant-weapp -S --production 这样就可以了~~~~ 三、在微信开发者工具中,就可以用了 四、使用 在app.json引入 { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" }, "style": "v2", "sitemapLocation": "sitemap.json", "usingComponents":{ "van-cell":"./miniprogram_npm/vant-weapp/cell/index" } } 在wxml里面使用了! <van-cell-group> <van-cell

三分钟搭建websocket实时在线聊天,项目经理也不敢这么写

陌路散爱 提交于 2020-08-19 20:57:55
我们先看一下下面这张图: 可以看到这是一个简易的聊天室,两个窗口的消息是实时发送与接收的,这个主要就是用我们今天要讲的websocket实现的。 websocket是什么? websocket是一种网络通信协议,我们都知道http协议,http协议只能从客户端主动发起,不能从服务端推送数据到客户端,今天我们讲的websocket就是一种不仅能从客户端发送数据到服务端,也可以主动从服务的推送数据给客户端的一种协议。 我们先看一张图: 我们可以看到,http请求是客户端发起请求,服务端响应,然后断开连接,客户端发起,服务端响应的一种循环。而websocket协议是客户端发起连接后,就会一直保持连接,期间客户端和服务端都可以向对方发送数据,直到连接关闭。 websocket其他的一些特点: (1)建立在 TCP 协议之上,服务器端的实现比较容易。 (2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。 (3)数据格式比较轻量,性能开销小,通信高效。 (4)可以发送文本,也可以发送二进制数据。 (5)没有同源限制,客户端可以与任意服务器通信。 (6)协议标识符是 ws (如果加密,则为 wss ),服务器网址就是 URL。 应用场景 试想一下这样的场景,我们需要实现一个支付成功后

Vue-cli3配置全局环境变量

偶尔善良 提交于 2020-08-19 03:20:11
1.根目录下创建.env文件,里面可以用key=value的形式设置全局变量 2.全局变量的名字也就是key必须以VUE_APP_*的格式命名,也就是以VUE_APP_作为开头,例如VUE_APP_RESOURCE_URL。 3.如果要配置根据不同环境引入静态资源的url不同,则需要在根目录下创建两个以.env.开头的文件,示例 开发环境.env.dev文件 生产环境.env.prod 4.在package.json中配置命令 5.这样就可以在index.html中使用全局变量 采坑:(因为配置的全局变量也是在网上找的,不知道用途,所以就造成了以下错误~) VUE_CLI_BABEL_TRANSPILE_MODULES = false/true 在.env.dev中使用了这个变量之后,执行命令npm run dev,引入的elementUI部分组件一直报错,好像是按需加载的模式 删掉之后神奇的没有报错了,不知道什么原因,希望有大佬帮忙解答,感谢!!! 来源: oschina 链接: https://my.oschina.net/u/3850274/blog/4290519