- 博客(93)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 ios scroll滚动问题
当一个大容器里面有个横滚动，大容器本身是竖滚动。在ios中，当touch到横滚动时，大容器不能竖滚动了。。在移动端的overflow: scroll元素增加属性 -webkit-overflow-scrolling: touch；...
2018-03-22 12:03:55
2732
原创 css元素display和visibility,visible区别
display:none;隐藏不占位、无法点击（隐藏会产生reflow（回流）和repaint(重绘)）显示不写或者block,inline;意思分别为显示，显示为div（块级元素），显示为span（行类元素）visibility:hidden;隐藏占位无法点击（所占用的空间任然存在）visible（服务器控件）隐藏不占位无法点击，要与 runat="server"一起用<div visib...
2018-03-05 11:12:03
573
转载 js 5秒之内禁止重复提交代码
"javascript"> var checkSubmitFlg = false; function checkSubmit() { if (checkSubmitFlg == true) { alert("正在查询中.."); return false; }
2018-02-27 15:09:00
2101
转载 box-shadow详解
box-shadow前言box-shadow是css3的一个新属性，用来实现阴影效果，阴影分为内阴影和外阴影两个效果，可以通过逗号添加多个阴影效果。box-shadow阴影用法box-shadow:inset offset-x offset-y blur-radius spread-radius color,....;box-shadow参数解释@1：inset 有inset 则为内阴影，没有i...
2018-02-27 10:59:12
41837
3
转载 JQuery：除指定区域外点击任何地方隐藏DIV
第一先实现点击任何地方都隐藏该元素(假设id="bar")$(document).click(function(){ $("#bar").hide();});那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡事件，即document的事件对bar无效$("#bar").click(function(event){ event.st...
2018-02-05 22:13:31
360
转载 ES6：export default 和 export 区别
export default 和 export 区别：1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用3.在一个文件或模块中，export、import可以有多个，export default仅有一个4.通过export方式导出
2018-02-05 14:20:48
344
转载 getComponent优美写法
react按需加载(getComponent优美写法),并指定输出模块名称解决缓存(getComponent与chunkFilename)react配合webpack进行按需加载的方法很简单，Route的component改为getComponent，组件用require.ensure的方式获取，并在webpack中配置chunkFilename。const choosePro
2018-02-05 12:01:49
2037
转载 Flex基础布局
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 阮一峰的flex布局实例Flex 全拼Flexible Box，意为弹性布局。注意：a.webkit内核的浏览器，必须加上-webkit前缀b.父容器设置flex布局以后，float,clear,vertical-align将失效设置属性设置为Flex布局：d
2018-02-02 12:01:59
154
转载 css小笔记
倒三角#triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red;}蒙层
2018-01-30 19:01:50
114
转载 去除inline-block元素间间距
1.元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然间距就木有了。或者是借助HTML注释： 惆怅<!-- -->淡定<!-- -->热血2.使用margin负值.space a { display: inline-block; margin-right: -3px;}3.使用font-size:0
2018-01-28 20:54:39
106
转载 react的生命周期
生命周期的方法有：componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用，可以在这个方法中调用setTimeout, setInterval或者
2018-01-16 11:32:40
248
转载 JS中的call()方法和apply()方法用法总结
最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。
2018-01-08 13:49:55
188
原创 git的简单使用
git statu （查看仓库的状态）git add file(向暂存区中添加文件)git add .(是把本目录下所有文件添加到暂存区)git rm
2018-01-03 10:48:47
135
转载 Git--将服务器代码更新到本地
1. git status（查看本地分支文件信息，确保更新时不产生冲突）2. git checkout -- [file name] （若文件有修改，可以还原到最初状态; 若文件需要更新到服务器上，应该先merge到服务器，再更新到本地）3. git branch（查看当前分支情况）4. git checkout [remote branch](若分支为本地分支，则需切换到
2018-01-02 18:12:01
709
转载 git恢复被修改的文件
恢复到最后一次提交的改动：git checkout -- + 需要恢复的文件名但是，需要注意的是，如果该文件已经 add 到暂存队列中，上面的命令就不灵光喽需要先让这个文件取消暂存：git reset HEAD -- + 需要取消暂存的文件名然后再使用第一条命令。如果感觉命令多了记不住，那就做一两个匿名呗，比如：git config
2018-01-02 18:08:56
3493
转载 vscode调试应用
使用 VSCode 调试 React 应用HuminiOS简评：在 VSCode 中直接调试真的很舒服，省去很多切换到 Chrome 的时间。创建测试工程使用 create-react-app 创建工程：create-react-app vscode-tutorialopen vs
2017-12-29 11:02:04
11634
3
转载 vscode: Visual Studio Code 常用快捷键
主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以:直接输入文件名，跳转到文件? 列出当前可执行的动作! 显示 Errors或 Warnings，也可以 Ctr
2017-12-29 10:48:14
235
转载 关于this.setState更新的问题
this.setState是异步，所以在this.setState之后立即调用this.state是获取不到最新的数据的，那么怎么获取最新的数据呢？下面介绍三个方法：1.回调函数callbackthis.setState({ val: this.state.val+1}, () => { console.log(this.state.val)});2.compone
2017-12-28 11:50:19
3369
转载 JS中 var 和 let 关键字的区别
let和var关键字的异同（1）声明后未赋值，表现相同'use strict';(function() { var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined}());12345678（2）使用未声明的变
2017-12-28 11:35:59
357
转载 Sublime3新版激活码
—– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316412 4584D136 94D7F7D4 95BC8C1C 527DA828 560BB037 D1EDDD8C AE
2017-12-27 10:01:17
894
转载 nginx安装
有时候，我们需要单独安装nginx，来处理大量的下载请求。单独在Centos5安装nginx遇到的rewrite和HTTP cache错误解决办法：wget http://nginx.org/download/nginx-0.8.33.tar.gztar -zxvf nginx-0.8.33.tar.gz cd nginx-0.8.33./configure --prefi
2017-11-06 18:05:43
127
转载 如何把EXCEL文本格式里的数字批量转成文本
选中所有需要转换的数据——数据——分列——下一步——下一步——列数据格式选择文本——完成即可。
2017-11-03 09:14:14
8007
1
转载 js面向对象的几种方式。
js面向对象的几种方式。第一种模式：工厂方式 var lev=function(){ return "脚本之家"; }; function Parent(){ var Child = new Object(); Child.name="脚本"; Child.age="4"; Child.lev=lev; return Child; }; var x = Parent(); al
2017-11-01 10:54:46
971
原创 js闭包
js闭包 ：定义在一个函数内部的函数它的最大用处有两个：一个可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。这里面的f2函数就是闭包。function f1(){ n=999; function f2(){ alert(n); } return f2;}var result=f1();result();
2017-10-31 18:08:00
159
1
转载 js内存泄漏常见情况
js内存泄漏常见情况1、意外的全局变量 js中如果不用var声明变量,该变量将被视为window对象(全局对象)的属性,也就是全局变量.function foo(arg) {bar = "this is a hidden global variable";}// 上面的函数等价于function foo(arg) {window.bar = "this is
2017-10-31 14:58:16
868
1
转载 js浏览器兼容性的写法
javascript部分1. document.form.item 问题问题：代码中存在 document.formName.item("itemName") 这样的语句，不能在FF下运行解决方法： 改用 document.formName.elements["elementName"]2. 集合类对象问题问题：代码中许多集合类对象取用时使用()，IE能接受，FF不能解决方
2017-10-31 13:48:19
523
转载 jquery的绑定事件有几种方式
jquery的绑定事件有几种方式 ，请举例说明其优缺点。a、bind()函数只针对已经存在的元素进行事件的设置。live(),on.delegate()均支持未来新添加元素的事件设置。b、bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind()，替代函数为on(),这也是1.7版本新添加的函数，同样，可以用来代替live()函数，li
2017-10-31 10:35:59
14863
1
转载 css浏览器兼容性的写法
* ， ie6,ie7可以识别； _和- ， ie6可以识别； !important ,表示高优先级，ie7及以上，firefox都支持，ie6认识带!important的样式属性，但不认识!important的优先级；-webkit- ，针对safari，chrome浏览器的内核CSS写法-moz-，针对firefox浏览器的内核CSS写法-ms-，针对ie内核的C
2017-10-31 10:12:09
2671
原创 div+css左侧固定宽度200px，右侧自动扩展
div id="lt">div>div id="rt">div>一、左边固定，右边自适应的布局1. 左边左浮动，右边加个overflow:hidden;#lt{ float: left;width:200px; background: #ff0;}#rt{ overflow: hidden; background: #f0f;}2. 左边左浮动，右边加个margin-left;
2017-10-31 09:58:59
931
原创 第一个center是水平居中，第二个center是上下居中
CSS怎么样让背景图片水平（垂直）居中？//第一个center是水平居中，第二个center是上下居中div{background-position:center center；}
2017-10-30 17:19:53
605
原创 div+css文字水平垂直居中
文字水平垂直居中文字水平垂直居中.tac{ width: 200px; height:200px; line-height: 200px;/*文字水平居中对齐*/ border: 1px solid red; text-align: center; /*设置文字行距等于div的高度*/}
2017-10-30 17:18:20
412
转载 HTML/CSS：图片居中(水平居中和垂直居中)
css图片居中分css图片水平居中和垂直居中两种情况，有时候还需要图片同时水平垂直居中。 css图片水平居中1.利用margin: 0 auto实现图片水平居中利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下：div style="text-align: center; width: 500px; bord
2017-10-30 17:15:53
67278
转载 1292 (22007): Truncated incorrect DOUBLE value: ''
查看sql模式mysql> show session variables like '%sql_mode%';+---------------+--------------------------------------------+| Variable_name | Value |+---------------+-...
2017-10-27 17:27:16
1124
转载 Normalize.css 与传统的 CSS Reset 有哪些区别？
Normalize 相对「平和」，注重通用的方案，重置掉该重置的样式，保留有用的 user agent 样式，同时进行一些 bug 的修复，这点是 reset 所缺乏的。Reset 相对「暴力」，不管你有没有用，统统重置成一样的效果，且影响的范围很大，讲求跨浏览器的一致性。Normalize 给我的感觉就是不讲求样式一致，而讲求通用性和可维护性。这点可以从详细的注释和模块化的结构体现出
2017-10-25 10:51:08
474
2
转载 px与rem的转换
一、那么如果你确定要使用rem单位，就按以下三个步骤来计算：1、确定基数：一般10px，自己记住就行，不用写进代码里2、html {font-size:百分数;} 百分数=基数/16 基数10 百分数62.5% 基数14 百分数87.5%3、px换算rem 公式=想要的px值/基数 也就是说，当
2017-10-25 09:51:57
3656
转载 响应式布局的开发基础知识
主要分为以下几个部分正确理解响应式设计响应式设计的步骤响应式设计需要注意的问题响应式网页布局实现原理第一：正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠床等等，当我们需要把沙发放到一个角落的时候，此刻沙发就好比div吧，而角落里的某个地方就好比父元素
2017-10-25 09:48:09
211
原创 input的改变placeholder的颜色
input type="text" placeholder="123"/>第一种解决办法：::-webkit-input-placeholder{ color:#ea7a7a}:-moz-placeholder{ color:#ea7a7a}::-moz-placeholder{ color:#ea7a7a}:-ms-input-placeholder{ color:#ea
2017-10-16 14:05:28
402
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人