- 博客(43)
- 收藏
- 关注
RSS订阅原创 正则表达式合集
export const RegNumber15 = { pattern: /^[A-Za-z0-9]{1,15}$/, message: "请输入数字或字母，限制长度为15个字符"};export const RegString50 = { pattern: /(^[\s\S]{1,50}$)/, message: "请输入中文字符，限制长度50个字符"};expor...
2018-11-09 15:52:48
224
原创 浅拷贝与深拷贝
浅拷贝是将两个数的指针放在一起。深拷贝是将值赋值。浅拷贝会引起这个值改变，导致另一个值也跟着改变。this.setState({data:value ///这里的赋值是简单的进行了浅拷贝。也是说两个值会互相的影响}) ////但是有一点要注意，只有数组跟对象才存在深浅拷贝的问题。如果只是一个简单的字符串，并不需要考虑这么多...
2018-11-08 17:46:17
923
原创 深入理解ES6学习记录---13、用模块封装代码
1、export 和 export default 的区别1）在一个文件或模块中，export可以有多个，export default仅有一个2）通过export方式导出，在导入时要加{ }，export default则不需要2、import和export都不能通过条件语句来决定导入或者导出，都必须只能在头部使用它3、通过导入的值是只读模式。只有在导出的代码中才可以修改值（未完待续...
2018-10-30 16:45:07
189
原创 使用路径传值
1、第一种方法this.props.props.history.push({pathname:'/insurancment/onlinebe',state:{ url:this.state.onlineUrl }});//这个方法路径中是不会显示出这个url的 取值的时候：（会在props里面）this.state = {src:this.props.url,}2、但是使用：th...
2018-10-30 14:27:55
1159
原创 深入理解ES6学习记录---2、字符串和正则表达式
1、/^.$/.test().charAt(0) // 获取第0个索引下的值2、查找字符串中是否有某个值的方法//索引是从头开始的(传入的文本都只能是字符串，不然会报错) includes(文本，索引) startsWith(文本，索引) //索引是末尾减去索引 endsWidth(文本，索引) //但是如果要查找具体值的位置（这两个会字段转化你输入的任何值为字符串） ...
2018-10-23 14:53:12
138
原创 深入理解ES6学习记录---1、块级作用域（var，const，let的区别）
var count = 30;if(count) {let count=11;console.log("里面的"+count); ///11}console.log("外面的"+count); ///30var，const，letVar定义的变量会被提升到作用域顶部，const和let不会被提升（同个代码块中，声明在下面，上面
2018-10-23 13:37:18
215
翻译 let,const的区别
1、首先上两个经典的例子：var a = []; for (**var** i = 0; i < 10; i++) { a[i] = function () { console.log(i); ////////////////10 }; } a[6]();变量i是var声明的，在全局范围内都有效。所以每一次...
2018-10-08 16:48:43
394
原创 前端面试可能出现的问题记录
css面试题：1、清楚浮动有哪些方式？比较好的方式是哪一种•1、父级div定义height。 •2、结尾处加空div标签clear：both。 •3、父级div定义伪类：after和zoom。 •4、父级div定义overflow：hidden。 •5、父级div定义overflow：auto。 •6、父级div也浮动，需要定义宽度。 •7、父级div定义display：tab...
2018-07-23 16:53:53
121
原创 CSS3中-moz、-ms、-webkit和-o分别代表什么意思
1、-moz-：代表FireFox浏览器私有属性2、-ms-：代表IE浏览器私有属性3、-webkit-：代表safari、chrome浏览器私有属性4、-o-：代表opera浏览器私有属性
2018-05-03 09:38:21
1226
原创 this.setstate({goodsImg: ''}）不起作用
这里的this.setState({})不起作用，其实是因为他是异步的，立马console.log的时候，就取不出值了 使用：this.setState({goodsImg: ''}, function () { console.log(this.state.goodsImg); });就可以在异步完成的时候，打印
2018-04-23 10:46:22
1861
原创 没有登陆的时候，强制跳转到登陆界面
这个原理是： 后台检测到没有登陆的时候，给出状态码401，然后前端获取到状态吗401就调用退出登录功能，然后就会跳转到登录界面
2018-04-18 16:44:21
4186
原创 react踩到的坑
Warning: setState(…): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op.一开始一直以为是在componentDidMount组件里面写到了this.setTa...
2018-03-30 10:30:48
292
2
原创 移动端记录
移动端的最重要的一个思想是宽、高、竖屏、横屏不一定 1. const hei = document.documentElement.clientHeight - ReactDOM.findDOMNode(that.nav).offsetTop;//可视区域高度-导航离文档顶部距离 2. var mql = window.matchMedia(“(orientation: portrait)...
2018-03-16 10:57:42
159
原创 margin:0 auto居中不了
一个div在一个div里面，为了使里面的div居中： 1、 在外面的div中设置，但是ie9不支持 2、在里面的div中设置，margin：0 auto。这时候如果发现说不起作用的时候，要检查是否有宽度如果设置了float，就不行，一个float，一个居中，浏览器哪里知道你要干嘛，只能按照它自己要干嘛了
2018-03-15 16:02:42
1175
原创 react中的input值
正常的dom我们可以使用js或者jquery取到input中的value，react中却很奇怪，如果你的input中的value是已经初始值了如value=“你好”，那都ok，照样取得到，但是当value是需要渲染的，如value={某某}，那用js或者jquery就取不到了。
2018-03-15 14:44:58
3473
转载 正则匹配电话号码与手机号码
{ pattern:/^((0?1[358]\d{9})|((0(10|2[1-3]|[3-9]\d{2}))?[1-9]\d{6,7}))$/,message:”格式错误，请输入合法联系方式” },详细看以下链接： https://zhidao.baidu.com/question/96379217.html
2018-03-12 14:22:51
1422
原创 ajax、fetch上传数据
这个是ajax上传的： 这个是ajaxsubmit：handleUploadForIEhack=()=>{ //IE hack const that = this ; $("#formForIE").ajaxSubmit({ url: `/api/Info?id=${that.state.ID}`, /*设置pos
2018-02-25 17:08:20
670
1
原创 从路径中取出传过来的参数
出现的场景： 从一个页面跳转到另一个页面的时候，有时候我们需要传过去id或者具体的value等参数，可以使用添加到路径上的方法。 例如： &id=*放在路径的后面的样子 然后使用： export const getQueryString = function getQueryString(search,name) { var reg = new RegExp('(^|&)' +
2018-02-25 16:40:43
1879
原创 巧用多按钮在浏览器宽度变化时产生的下移
多使用一个.gap制造成一个一条高度只有1像素的距离，这样是看不见的（这里为了显示，用了红色，不想看见的就可以设置成背景色） 并且这条线会一直存在这个位置，不会随宽度的变小，被其他的按钮挤到右边去
2018-02-06 17:05:01
191
原创 response.json()出错
fetch(apiUrl,{ credentials: 'same-origin', method:"GET", headers: { //Authorization:'Basic', },}).then((response) => { console.log(response)/////第7行 if(respo
2018-01-17 08:58:27
8858
原创 想在手机上运行自己iis服务器部署的web网站
1、用手机登陆，只要将电脑输入的网址中的localhost换成你的ip地址就可以。 2、如果不行，把防火墙关了。 3、如果出现400.就是iis的问题。 1.使用管理员的身份运行软件，运行网址，在桌面的右下角右键-显示所有程序-点击相应的网址（一般现在都是点击那个ip地址的网址）-配置，然后出现文件（或者直接打开路径是在.vs-config-applicationhost.config里面...
2018-01-09 14:39:01
3309
原创 react中安装antd-mobile时出现错误
在react中安装antd-mobile的按需加载时，文档只给了在文件.babelrc中加入["import", { "libraryName": "antd-mobile", "style": "true"}。但是1、.babelrc文件好像创建不了，于是直接复制了别人的，运行npm run build后，出现错误，“不能找到模块”。其实是因为文档少了这句"presets":["react"
2017-12-22 12:18:50
1001
原创 为了让footer居于底部，并且可以不随着窗口变小，而往上移动
1、min-height:600px;（自己设置最小的高度，当页面最小的时候，底部的footer就在600px这位置了） 2、position:relative;(没有这个的话，即使页面大于设置的最小高度，还是会以最小高度显示) 3、height:100%;==》(这个是以相对的那个的高度的100%) (或者使用height:auto !important)==》（这个是里面的内容的高度撑开外
2017-12-19 17:21:06
1853
原创 页面跳转时屏幕出现抖动现象
今天解决了一个很有趣的bug，就是当分辨率调为1280*720的时候，两个页面之间跳转，页面会一直抖动，一直抖动，而且这个bug还只在一台电脑上，其他电脑都不会出现这个问题。 查找了资料，都说是由于高度引起的。 解决代码如下：<style> body{overflow:scroll;} ///或者 body{overflow-y:scroll;}</style>自己觉得
2017-12-14 17:14:58
4478
1
转载 外边距margin的合并原理
这篇文章写得很详细，我转来收藏 http://blog.csdn.net/erlian1992/article/details/49964485 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 (1)外边距合并 外边距合并叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，外
2017-11-10 11:12:09
491
转载 react设计中，什么时候该把数据放在组件，什么时候该放在store中
这里面的例子讲得挺好的 https://segmentfault.com/a/1190000007186209
2017-11-09 14:42:59
1957
原创 react-redux异步加载时使用的中间件
1、使用react-redux的thunk中间件 代码：import { FETCH_START, FETCH_SUCCESS,FETCH_FAILURE} from './actionType'//使用thunk异步加载export const fetchWeatherStart = () => {console.log("1") return { type:FETC
2017-11-09 10:04:41
542
转载 react的脚手架工具
1、create-react-app 作者： ParryKK 链接：http://www.imooc.com/article/17382 来源：慕课网 2、create-react-native-app 作者： ParryKK 链接：http://www.imooc.com/article/17382 来源：慕课网
2017-11-09 08:45:26
308
原创 webpack.config.dev.js中配置less
当在webpack中配置less的时候添加less加载器 { test: /\.less$/, //include: paths.appSrc, use: [{ loader: "style-loader" // creates style nodes from
2017-11-07 15:51:45
2749
原创 vs运行出现无法启动IIS Express服务器
网上搜索了很多，只有这个方法可以用记事本或者其他什么文本编辑器，打开项目的.csproj文件，定位到，把关于IIS的配置、、属性都清空，为True，保存，重新用VS2015打开项目，然后Ctrl+F5，成功！原理就是让VS2015重置一下启动配置。出处： http://blog.csdn.net/wei123456/article/details/53470399
2017-09-29 13:37:11
2058
转载 js获取userAgent中操作系统版本
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");var flag = true;/** * 初始化加载程序 */window.onload = function(){ console.log(isMobile()); console.log(is
2017-09-14 16:59:14
1224
原创 show.bs.tab
监听show.bs.tab事件的时候，会有event值。如下例子所示$('.nav[role="tablist"] li a[data-toggle="tab"]').on('show.bs.tab', function (e) { //var tabId = $(e.target).context.dataset.target;//ie10以下不支持
2017-09-11 12:04:39
1711
转载 检查浏览器版本
$(function () {var Sys = {};var ua = navigator.userAgent.toLowerCase();var s;(s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :(s = ua.m
2017-09-11 11:59:55
281
原创 火狐对disabled的不兼容
script>window.onload=function () { var bu=document.getElementById("bu"); bu.disabled=true; var p1=document.getElementById("p1"); p1.onclick=function () { bu.disabled=false;
2017-08-31 11:07:00
1835
原创 ajax延迟导致点击切换效果失败
如果点击效果的切换中只有立马执行的效果，那没有什么影响。如果点击切换的时候有关联到ajax的程序，那就要小心了，因为ajax的执行是会有延时效果的。只能把事件写在success里面才可以正常显示。如果没有的话，那么回出现双击点击的时候出错
2017-08-30 17:20:53
360
原创 td与tr，onclick与mousedown的各自执行顺序
1、td与tr，onclick与mousedown的各自执行顺序1、如果程序中同时对td和tr做不同的点击事件监听，不管td与tr监听事件的写法的前后顺序，程序都会先找到td的事件，然后执行td的事件，再执行tr的事件。 2、onclick与mousedown：因为mousedown是监听鼠标按下的哪一个时刻，onclick是监听点击完成的时刻。所以mousedown是在onclick执行的前面。
2017-08-30 17:16:39
1107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人