- 博客(25)
- 收藏
- 关注
RSS订阅转载 BFC和清浮动问题
BFC块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。让浮动内容和周围的内容等高创建一个会包含这个浮动的BFC，通常的做法是设置父元素 overflow: auto 或者设置其他的非默认的 overflow: visible 的值。外边距塌陷...
2019-09-18 20:30:00
120
转载 css实现响应式的不同宽高比的图片正方形展示，且图片内容居中
先来看下效果图：三张不同宽高比的图片需要在不同宽度的屏幕中都展示成正方形，而且截取图片的最中间部分展示。实现代码如下：图片作为div的背景，响应式正方形实现：div的宽度用百分比表示，高度的用padding-top属性，值和width保持一致；不同尺寸图片居中显示：background-position: center;background-size:cover。...
2019-09-07 14:57:00
431
转载 Nginx介绍
https://www.cnblogs.com/wcwnina/p/8728391.html转载于:https://www.cnblogs.com/vicky24k/p/11465030.html
2019-09-05 11:56:00
125
转载 解决微信里H5页面键盘收起后webview不能自动下来问题
解决方案：滚动下h5的body；var scrollbox = $('body');var sheight = scrollbox.scrollTop();scrollbox.scrollTop(sheight - 10);setTimeout(function(){ scrollbox.scrollTop(sheight);},100) ...
2019-09-05 11:53:00
804
转载 定制高度随输入内容变化的输入框
需求：定制高度随输入内容变化的输入框；没有内容时单行高度36px,内容少于4行时随输入内容的增加或者减少变换输入框的高度，大于4行后高度不变，内容上下滚动；难点：没有内容时的高度和内容文字减少时行高变小；交互：解决方案：hostInput作为高度随输入内容变化的输入框，新建一个shadowbox,高度为0，宽度等于hostInput的宽度，超出隐藏，在shadowb...
2019-09-05 11:42:00
232
转载 数组操作
数组操作：shift()方法：移除数组中的第一项并返回该项unshift()方法：在数组的前端添加项push()方法：从数组末端添加项pop()方法：从数组末端移除项删除a数组中的’bb’:var a=['aa', 'bb', 'cc'];function doDelete() { var t = a.indexOf('bb'); ...
2019-08-18 13:19:00
84
转载 一些常用命令
live-servernpm install -g live-serverlive-server ./ --port=8081nrm lsnrm help // show helpnrm list // show all registriesnrm use cnpm // switch to cnpmnrm home // go to a ...
2019-08-18 13:12:00
106
转载 HTML页面保存为图片
方案1：将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI方案2：使用html2canvas.js实现（可选搭配Canvas2Image.js实现网页保存为图片）方案3：使用rasterizeHTML.js实现转载于:https://www.cnblogs.com/vicky24k/p/1137...
2019-08-18 13:09:00
2032
转载 一些chrome调试
1.command + shift + P变换主题 theme截屏 capture2.添加代码片段 Sources->Snippets->new Snippets->save,run3.command + p 迅速寻找资源4.console 中的 '$'(1)$0 是对我们当前选中的 html 节点的引用$1 是对上一次选择的节点的引用$2 是对在那之前...
2019-08-18 12:59:00
90
转载 hooks使用的一些注意点
对于react hooks刚开始使用的开发者，为了保证不误用，官方建议装上eslint-plugin-react-hooks先npm install eslint-plugin-react-hooks在.eslintrc.js文件里添加：{"plugins": ["react-hooks"],"rules": {"react-hooks/r...
2019-08-18 11:20:00
415
转载 React(v16.8) Hooks 简析
动机在组件之间复用状态逻辑很难,providers，consumers，高阶组件，render props等可以将横切关注点(如校验，日志，异常等)与核心业务逻辑分离开，但是使用过程中也会带来扩展性限制，ref传值问题，“嵌套地狱”等问题;Hook提供一种简单直接的代码复用方式，可以使开发者在无需修改组件结构的情况下复用状态逻辑复杂组件生命周期常常包含一些不相关的逻辑，相互关...
2019-07-08 16:08:00
171
转载 移动端垂直居中对齐
方法一：利用CSS3的transform:translate.center{ width:50%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -5...
2017-05-15 11:22:00
207
转载 如何允许WebGL从本地载入资源
当发现3D展现是一团黑的时候，在控制台如果看到“Unable to get image data from canvas because the canvas has been tainted by cross-origin data.”的错误提示，这是因为浏览器的安全策略，“同源策略”。浏览器为了阻止欺骗，会追踪 image data。当你把一个“跟canvas的域不同的”图片放到ca...
2017-05-04 10:45:00
131
转载 Google浏览器加载本地文件
一般来说，为了安全起见，浏览器是不允许加载本地文件的。对谷歌浏览器的快捷方式做一些设置，可以做到加载本地文件。步骤：鼠标放在谷歌浏览器的快捷方式->右键->属性-> 快捷方式->目标->将--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files参数加到原来的参数后面。eg...
2017-05-04 10:37:00
1026
转载 console.time与console.timeEnd
统计一段代码的执行时间时，可以使用console.time方法与console.timeEnd方法，其中console.time方法用于标记开始时间，console.timeEnd方法用于标记结束时间,两个方法必须用相同的字符串作为参数（参数值任意）。eg:console.time('test'); for(vari=0;i< 5000000;i++)...
2017-05-02 17:27:00
118
转载 JavaScript 正则表达式
定义JavaScript种正则表达式有两种定义方式，定义一个匹配类似<%XXX%>的字符串1. 构造函数var reg=new RegExp('<%[^%>]+%>','g');2. 字面量var reg=/<%[^%>]%>/g;g：global，全文搜索，默认搜索到第一个结果接停止i...
2017-05-02 16:58:00
69
转载 git常用命令
=== Git 分支命令 ===git branch 查看分支git branch -r 查看远程分支git branch -a 查看所有分支git branch --no-merge 查看所有未合并分支git branch --merge 查看所有已经合并的分支分支的创建，删除和切换你可以用如下命令创建分支git branch <newbranch>...
2016-11-18 16:42:00
91
转载 用纯css使内容永远居在页面底部
在wap开发中，经常会有各种屏幕尺寸logo居页面底部的需求，内容大于一屏时logo跟在内容后面，内容小于一屏时，logo在当屏底部。之前用过js,但是页面渲染中会有闪跳，效果不理想方法一：用一个高度大于等于底部内容的空白块填充在全局块，让底部内容距离全局块自身高度的负值，这个方法比较保险，对各种浏览器都适用方法二:让全局中最底的元素设置一个padding-botto...
2016-11-16 23:03:00
503
转载 Oracle中随机抽取N条记录
一、Oracle取随机数据1、Oracle访问数据的基本方法：1）、全表扫描(Full table Scan)：执行全表扫描，Oracle读表中的所有记录，考查每一行是否满足WHERE条件。Oracle顺序的读分配给该表的每一个数据块，且每个数据块Oracle只读一次.这样全表扫描能够受益于多块读.2）、采样表扫描(sample table scan)...
2015-05-15 18:10:00
207
转载 表数据回复到某个时候
alter table 表名 enable row movement;flashback table 表名 to timestamp to_timestamp('05/11/2015 12:00:00','mm/dd/yyyy hh24:mi:ss')转载于:https://www.cnblogs.com/vicky24k/p/4501095.html
2015-05-13 17:27:00
114
转载 oracle同名存储过程被覆盖后如何恢复（转）
1、以SYSDBA登陆数据库 2、根据时间点查询快照SELECT * FROM source$ AS OF TIMESTAMP TO_TIMESTAMP('2014-02-24 05:10:32', 'YYYY-MM-DD HH24:MI:SS') where source like '%CP_EAS_COSTBREAKDOWN_INFO%';（CP_EAS...
2015-05-13 17:20:00
826
转载 mybatis+spring+mysql
http://limingnihao.iteye.com/blog/781671转载于:https://www.cnblogs.com/vicky24k/p/4479717.html
2015-05-05 17:14:00
111
转载 MySQL与Oracle的语法区别
Oracle和mysql的一些简单命令对比 1) SQL> select to_char(sysdate,'yyyy-mm-dd') from dual; SQL> select to_char(sysdate,'hh24-mi-ss') from dual; mysql> select date_format(now(),'%Y-%m-%d'); mysq...
2015-05-05 16:17:00
131
转载 sql 抓取脚本
select * from v$sql swhere s.last_active_time > (select sysdate-1/24/60/60*8 from dual) and s.last_active_time < (select sysdate-1/24/60/60*1 from dual)...
2015-04-27 12:11:00
142
转载 Oracle Blob转Clob和Varchar2
createorreplaceFUNCTIONblob_to_clob(blob_inINBLOB)RETURNCLOBISv_clobCLOB;v_varcharVARCHAR2(4000);v_startPLS_INTEGER:=1;v_bufferPLS_INTEGER:=4000;g_nls_db_charvarchar2(60);...
2015-04-07 17:33:00
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人