Solid

使用博客园快一星期了，看自己博客太单调了，就网上翻找别人的美化教程，自己钻研一整天，现在整理分享出来。 首先要申请js权限，在设置选项，博客设置里， 一般十几分钟就审核好了，如图 背景图片设置 先选择模板，选择SimpleMemory。 注： 后面的css代码是基于这个模板修改的 新建一个相册，上传背景图片，尽量选清晰度高的。在相册那里点击查看图片 会弹出一个很大的页面，右键图片，选择 复制图片地址 。 然后将以下css代码粘贴到 博客设置的 页面定制CSS代码 处，记得展开代码。 #google_ad_c1, #google_ad_c2 { display : none ;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { font-size : 14px

一、前言 对于现在做前端开发人员来说，FlatUI肯定不陌生，最近几年扁平化的设计越来越流行，大概由于现在PC端和移动端的设备的分辨率越来越高，扁平化反而看起来更让人愉悦，而通过渐变色产生的质感色彩反而没有扁平化来得亲切。 Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架，他提供了动感、时尚的风格色调搭配，简洁、炫丽的功能组件，同时还提供了更为平滑的js交互动画，可以称得上前端扁平化设计框架的优秀代表之一。 既然是扁平化设计框架的优秀代表，当然需要在自己项目中应用应用，本人最早使用VB开发，而后转为C#开发，最后转为Qt开发，都是因为公司项目需要，根据需要不断学习新的编程框架，语言都是相通的，举一反三，以前用C#写的vista时钟控件和vista日历控件，稍微改改就转移成了Qt写的对应控件，非常方便，只要掌握了思想，熟练了一门语言和框架之后，其他的学起来特别快。 Qt中的qss机制，和css极为相似，感觉就是脱胎于css，用qss来实现Qt界面样式不是一般的方便，而是相当的爽，在看到FlatUI这样的精美的扁平化设计样式后，难以抑制手痒痒，就想用qss实现类似的风格。 二、代码思路 QString FlatUI::setPushButtonQss(QPushButton *btn, int radius, int padding, const QString

前言 　　最近项目需要批量上传附件，查了下资料，网上很多但看着一脸懵，只贴部分代码，介绍也不详细，这里记录一下自己的采坑与多种实现，以免以后忘记。 　　这里先介绍下FormData对象，以下内容摘自：https://developer.mozilla.org/zh-CN/docs/Web/API/FormData 　　XMLHttpRequest Level 2添加了一个新的接口 FormData .利用 FormData对象 ,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的 send() 方法来异步的提交这个"表单".比起普通的ajax,使用 FormData 的最大优点就是我们可以异步上传一个二进制文件. 　　在我的 自定义input文件上传样式 里就已经实现里单文件上传，并且实现了自定义input样式；如果构造FormData对象是传入表单js对象，formData会自动注入表单里的值；如果是new一个空对象，然后手动append的表单类型为file时要注意：这里append进去的是File对象，而不是FileList对象 　　 效果 　　先看一下大概效果： 代码编写 　　controller有两种方法：三种方式调的都是用一个接口 /** * 批量上传 */ @PostMapping("upload")

1，ARcamera默认设置为Solid color，将其设置为Skybox就不会显示人工标识码了。 这种操作对通过投影来显示的时候有用，通过人工标识码控制虚拟的出现，投影的就是我们想看到的。 2 可以新建一个虚拟相机，把ARcamera的位置给它，并将识别码和虚拟物体设置在不同的层，然后让虚拟相机只看到有虚拟物体的层，这样就通过投影时不会显示人工标识码。 来源： oschina 链接： https://my.oschina.net/u/4382322/blog/4306679

MySQL索引怎么用？究竟能有多快？看完这篇你就懂了 追逐仰望星空 2020-08-05 10:43:38 推荐学习 阿里P8MySQL，基础/索引/锁/日志/调优都不误，一锅深扒端给你 “吃”完这本Java性能调优实战，MySQL+JVM+Tomcat等问题一键全消 为了能让索引能有更直观的效率，我在一张表里扔进了 百万条 数据（光靠这些数据，生成数据代码写了一个小时，解决MySQL8的文件导入权限问题解决了两个小时，导入数据花费了一个小时，我太难了~(；д；)。但是，一切不以 实践数据 为标准的理论都是**耍！流！氓！**o(´^｀)o）。让我们一边讲解MySQL的使用一边看一下索引能为我们的查询带来的性能提升吧。 索引使用的优势 提高查询效率，简单来说就是查的 快 ！ 再快 ！ 更快 ！外面说的什么提高表的速度、加速表连接、减少分组及排序时间、提高系统性能，说白了都是快，查得快！（顺便我发现百度出来的索引使用优势劣势貌似就那么一两套，真就天下文章一大抄呗，抄我的也欢迎，烦请注明出处或者作者Solid_lele哈） 具体会有多快呢？ 这是没有索引的百万级数据查找（这个算快的了，慢的四十秒，时间不是很稳定，因为是从磁盘块中读取数据，原理参照我开头提到的那篇文章）10.797s： 这是有索引的百万级数据查找0.272s： 差了四十多倍，就相当于别人一年赚四十多万，我一年赚一万

CSS浮动布局 浮动布局 　　 浮动是CSS布局中经常使用的一种手段，其实说白了就是使元素进行漂浮脱离正常的文档流排列机制，实现一堆原本的 block 状态的标签可以并排显示，当然这也可以使用 display:inline-block 进行实现，但是通常情况我们不会那么做。 　　 那么在使用浮动时我们应该注意下面的几点。 　　 1.浮动应该发生在一个大盒子内部 　　 2.浮动元素会影响后面文档流排列元素 　　 3.浮动元素会自动转为 inline-block 状态，这意味着原本的 inline 元素可设置宽高，而原本的 block 元素不会独占一行 　　 4.浮动元素会在父盒子的 content 区域中，不会超出父盒子的 padding 区域 　　 5.当一个父盒子中所有元素都进行浮动，那么父盒子会丢失高度 使用浮动 　　 对一个元素使用 float 就可以让该元素飘起来，它可以指定以下一些方向。 选项 说明 left 向左浮动 right 向右浮动 none 不浮动 文档流排列 　　 文档流排列就是自上向下的一种排列方式，对于 block 元素来说，它应该是独占一行的。 <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < meta name ="viewport" content =

边框与三角形 border : border-width 、 border-style 、 border-color border:style ：dotted（点）、dashed（虚线）、solid（实线）、double（双线轮廓）、其它3D 来看个border绘制三角形的原理： 图1为border最普遍的用法， border: solid 10px #ffb6b9; 。用多了你会不会就觉得border是由四个矩形边框拼接而成，但其实是错的。实际上，元素的border是由三角形组合而成，为了说明这个问题，我们继续看： 图2，我们为边框四个方向设置不同颜色， border-color: #ffb6b9 #fae3d9 #bbded6 #8ac6d1; ，并加大边框宽度。 图3，我们进一步将元素的宽高设为0。我们发现，此时元素由上下左右4个三角形组成。 为了实现一个三角形，那就很简单了，我们只需将其它border边的颜色设置为白色或者透明色即可 图4， border-color: transparent transparent #bbded6; ，设置上三角，左右三角为透明，那么我们就能看到一个图4的三角形了。 边框半径：圆角 通过以下属性设置四个角的半径： border-radius border-top-left-radius 、 border-top-right-radius 、

文章目录 一.效果展示 二.下雨 三.打雷 一.效果展示 最近在做一款黑暗风的FPS小游戏，看到资源包的demo scene里有雷雨效果，就学了下并用到了自己的游戏里。下面是先效果展示： //移动端gif可以点开来循环播放，但pc端要再看一遍只能刷新… 二.下雨 首先找一张雨点的贴图，做成材质球 shader用legacy shader/particles/additive，选贴图，把颜色改成自己想要的效果(如果选particles/alpha blended会很暗，像我效果图里一样黑色的雨） 创建一个粒子系统，命名为rain，把rotation的x 从-90改成90，粒子就会往下运动 把renderer里的material改成自己新建的材质，粒子就会变成雨点 将shape改成box，就能形成一个类似降雪的效果。根据自己需求，调节scale大小，形成一个降雨区。 勾选color over lifetime，创建一个从透明到不透明的渐变效果 但现在还只是类似下雪的效果，我们需要调节他的速度和密度 duration 和 start lifetime 来调节循环周期和粒子存活时间 start speed和 gravity modifier（重力增强） 调节速度 max particles 调节粒子的密度（模拟雨量大小） rate over time 同时影响了密度和速度

完善登录流程 1. 丰富登录界面 1.1 从 Element 指南中选择组件模板丰富登录界面，放置一个登录界面表单，包含账号密码输入框和登录重置按钮。 <template> <el-form :model="loginForm" :rules="fieldRules" ref="loginForm" label-position="left" label-width="0px" class="demo-ruleForm login-container"> <h3 class="title">系统登录</h3> <el-form-item prop="account"> <el-input type="text" v-model="loginForm.account" auto-complete="off" placeholder="账号"></el-input> </el-form-item> <el-form-item prop="password"> <el-input type="password" v-model="loginForm.password" auto-complete="off" placeholder="密码"></el-input> </el-form-item> <!-- <el-checkbox v-model="checked" checked

最左边是原始图片，中间是canvas内容，右边是将canvas内容导出到img标签中 canvas绘图时，确定图片的原始尺寸，不是显示的dom大小，需要创建元素后获得 如果使用dom大小的话，会在绘制时只能绘制出一部分 canvas目前的感觉是分为绘图层和展示层 旋转和移动的是绘图层的中心 展示层呈现内容，大小也是展示层的大小 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> <style> .img { width: 300px; border: 1px solid black; } </style> </head> <body> <img class="img" id="source" src="./t.jpg" alt="" /> <canvas class="img" id="rotationCanvas"></canvas> <img class="img" id="target" src="./t.jpg" alt="" /> <button onclick="rotation()">旋转</button> <script> let degree = 0; const sourceImg = document.getElementById(