CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 还可以使用父div宽度来计算（以下例子，父级div的宽度减去50px）： .foo { width: calc(100% - 50px); } 其他示例： 其中50vw表示50%的viewport width(屏幕或者说可视屏幕的宽度) 100vh，意思就是100%的高度。 .foo { width: c…

如题的需求：使用input 标签type=file来选择图片文件并显示在div/image标签中的实现。不过文件选择组件不能自定义我要的按钮，我使用了样式给input隐藏起来，然后自己再使用div画了一个按钮（选择照片） html代码如下: <div style="width:96px;height: 128px;border: #A2A2A2 1px solid;text-align: center;background: #FAFAFA;"> <img :src="portraitData" …

在项目开发过程中，我们希望只针对某些修改的文件做提交（例如按照不同的功能做不同的提交记录，或者正在大量文件修改过程中，突然需要提交某个文件来解决某个急需修改的问题等），我之前做过Jetbrains下的产品一般都是可以勾选单个或者某几个文件进行提交的，但是vscode下貌似没有勾选待提交的文件的功能。 经过一番摸索，发现还是可以做到的，如图，把需要提交的文件，点击『+』暂存更改，然后输入提交注释后，再提交，就会把放入暂存区的文件提交了。 如果使用terminal下git命令可以做到的： # Step1 git sta…

使用MongoDB统计某个字段（Field）出现相同个数的情况，例如：统计某个泄露数据库前20的相同密码次数的情况。 使用MondoDB的aggregate或者mapreduce来实现，举例： db.some_collection.aggregate( [ { $group: { _id: "$password", count: { $sum: 1 } } }, { $sort: { count: -1 } }, { $limit: 20 } ] ) 或者： db.runCommand({ 'mapreduce':…

有时候人名排序需要按照笔画来排序，原理其实很简单，把每个汉字的笔画数出来、排序的序号列出来就可以了，因为也就近2万条记录，问题不大。 我把《汉字笔画排序数据库表》分享出来：https://github.com/yaoxinghuo/yaoxinghuo.github.io/blob/master/resources/t_stroke.sql 导入到的数据库表：t_stock，数据结构和数据示例如下： 有了这个数据库，需要笔画排序的表，再新增一个字段，把姓名用t_stroke查出来排序（t_stroke的c字段）存到…

需要在网页浏览器中调用连接摄像头/音频，并显示在浏览器中 Javascript代码如下： this.getUserMediaToPhoto({ video: { width: 480, height: 320 }, audio: true }, function(stream) { var video = document.getElementById('video'); video.srcObject = stream; }, function(error) { console.log(error); }); /…

例如做一些剔重操作（利用自己表某些字段group出来的信息，再进行更新或者删除） update t_table set is_delete=1 where id not in ( select min(id) from t_table group by email ) 会报错提示如下信息： 1093 - You can't specify target table 't_test' for update in FROM clause 原因就是MySQL不允许同时更新和删除一张表，也就是你不能以一个查询的结果为条件 …

DIV或者其他标签内的多行文本文字，默认情况下的很多时候，可能对齐方式排版的对齐方式不对，不是很好看（右侧不对齐），如图： 为了让网页美观，希望让文本两段对齐，可以使用来进行对齐 示例的代码如下： .my-div { word-wrap: anywhere; text-align:justify; } 修改后如图就两端对齐了，好看多了：  

Oracle的SQL语句中，需要连接多个字段（或者其他文本等变量）组成一个新的字符串。 如果是连接2个字段，那么可以使用concat: SELECT concat('A','B') from dual; select concat(col1, col2) from t_table; concat如果是要连接多个字段或者文本，就不行，Oracle下可以使用连接符： SELECT ('A'||'B'||'C') as new_col from dual; select col1||col2||col3 from t_t…

平时使用SQL的select ... in 的时候，一般来说都是查某个单个字段in一个数组（或者子查询中得到的一个单独的列的数据） 如果要查询多个字段in一个多维数组呢？ 可以这样做：用引号，中间用都逗号隔开，来作为多个字段。示例如下： -- 可以兼容 PostgreSQL, Oracle, MySQL, DB2, HSQLDB SELECT * FROM table1 WHERE (col1, col2) IN ((val1a, val2a), (val1b, val2b), ...); -- in 后面的可以用…