2018年04月_Corey_Mxd

原创 React 父子组件之间传值

父组件（OrgManage）=> 子组件（LocationFilter）export class OrgManage extends React.Component {//父组件 render() { return ( <LocationFilter provinceID={this.props.match.p...

2018-04-30 15:39:33 1755

原创正则表达式总结（持续更新中）

'请输入正确的手机号'： /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/'请输入正确的联系邮箱'： /^$|^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/

2018-04-30 15:08:40 206

原创 Visual Studio Code [rg.exe] 占用cpu卡顿解决办法

下载vscode1.18以上版本安装完成后，文件->设置->首选项-> 搜索设置 "search.followSymlinks": false

2018-04-26 15:21:49 10449

原创 for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作)

for...in 语句用于对数组或者对象的属性进行循环操作。for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。语法：for(变量 in 对象){ 在此执行代码}“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。实例：使用 for ... in 循环遍历数组。<html><body><script...

2018-04-25 15:30:20 2428

Ant Design里面的一些触发方法，如OnChange,OnSelect等等，当你触发时，该时间会自动传一些值给方法。这是Select里面的onChange调用，在红框中，他会自动传Option的value值给你写的方法。但如果，你想在这个调用中除了传固有的值，还想传你自己相传的参数呢？如果直接写 onChange={this.onChange(你要传的参数)}，他会用你要传的参数覆盖掉默认值...

2018-04-17 16:53:03 4980

转载 jquery-cookie持久化

Query.Cookie.js，是一个轻量级的Cookie管理插件<script src="jQuery.1.8.3.js" type="text/javascript"></script> <script src="jquery.cookie.js" type="text/javascript"></script>

2018-04-10 11:06:41 419

转载复选框单选框与文字对齐问题的研究与解决

一、前言目前中文网站上面的文字，就我的个人感觉而言，绝大多数网站的主流文字大小为12px，因为在目前高分辨率显示器屏幕下，11px的汉字，其像素点开始不规整，文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。例如下面这张雅虎中国首页在火狐浏览器下的截图：雅虎中国首页单选框复选框与文字不对齐这里，不是说，雅虎中国的团队不够认真，而因为这1...

2018-04-10 11:04:23 1285

转载 js阻止事件冒泡的两种方法

一、冒泡事件简介当我们点击一个控件的时候，如果包括这个控件的父控件也有click事件，则会继续执行。方法一：event.stopPropagation( );例如：<div> <p>段落文本内容 <input type="button" value="点击" /> </p></div>html代码

2018-04-10 11:01:22 1203

转载 js获取手机验证码倒计时的实现

方案一<div class="div user-input"> <input type="number" class="code" name="verify" placeholder="请输入手机验证码" required maxlength="6"> <input type="button&q

2018-04-09 09:09:33 1321 3

转载生成图形验证码

!(function(window, document) { var size = 5;//设置验证码长度 function GVerify(options) { //创建一个图形验证码对象，接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id ca...

2018-04-07 18:01:24 921

转载设置输入框input中placeholder属性的字体颜色、字号

一、须知placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占用文本。二、设置placeholder文字颜色、字号方式1、因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定（可以在冒号前面写input和textarea）。?12345678910111213141516::-webkit-input-placeholder...

2018-04-07 16:37:25 5191

原创 checkbox标签勾选了但没有checked=checked和checkbox标签已有checked=checked但是不显示勾选

checkbox标签勾选了但没有checked=checked这种情况需要自己创建一个选中事件<div class="keep-pwd"> <label> <input type="checkbox" id="remLoginChk"> <label>记住账号</label>

2018-04-07 10:47:41 7365

转载前端开发人员守则：如何避免浏览器兼容问题！

浏览器兼容问题在前面几期文章中提到过很多次了，它与网站跳出率和用户体验度息息相关。做好浏览器兼容，才能够让网站在不同的浏览器下正常显示。浏览器一旦不兼容，用户打开网站时就会出现排版错乱甚至是乱码的情况。　　为什么会出现浏览器兼容的问题呢？不同浏览器使用内核及所支持的HTML等网页语言标准不同；以及用户客户端的环境不同（如分辨率不同）造成的显示效果不能达到理想效果。在web前端开发中如何避免浏览器兼...

2018-04-07 10:30:49 340

转载 jQuery cookie 实现记住用户名和密码功能

HTML代码　　<div class="wrap"> <div class="line-top"></div> <div class="line-right"></div> <div class="line-bottom"&amp

2018-04-07 10:09:58 410

转载 [事件处理] js实现的文本框内容发生改变立马触发事件简单介绍

js实现的文本框内容发生改变立马触发事件简单介绍:本章节介绍一下如何在文本框的内容发生变化的时候，立马触发一个事件执行响应的操作，而不是像是keydow或者keyup事件一样，只能够检测通过键盘输入导致内容的变化，下面就通过代码实例做一下简单介绍。一.相关知识准备: 1.onchange事件:此事件会在元素内容发生改变，且失去焦点的时候触发。浏览器支持度较好。2.onpropertychan...

2018-04-06 17:55:56 3031

转载 JS引擎的运行机制你应该知道什么

javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念，而是通过一个简单的demo来展开分析，全局讲解JS引擎从定义到执行的每一个细节，以及这些概念在其中所扮演的角色。 ?1...

2018-04-03 14:08:09 157

转载 js中的同步和异步的理解

你应该知道，javascript语言是一门“单线程”的语言，不像java语言，类继承Thread再来个thread.start就可以开辟一个线程，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。那么这里说的同步和异步到底是什么呢？如果你真的不懂，我希望你认真读完这篇文章。其实我个人觉得js官方的文档在使用两个词的时候并不准确，包括很多...

2018-04-03 14:06:02 181

Corey