- 博客(717)
- 收藏
- 关注
RSS订阅原创 Ubuntu VirtualBox 安装win10报错：FATAL: No bootable medium found! System halted.
点击设置：->Storage存储->添加Controller：IDE，左边的+号选择iso操作系统，启动即可：
2017-04-20 13:04:52
3993
原创 百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
事件：百度地图异步批量创建marker，单击单个marker弹出对话框报错。 报错：VM1771:1 Uncaught TypeError: b.ga(...).nb is not a function at HTMLSpanElement.eval (eval at zZ (getscript?v=2.0&ak=CBb579132…&services=&a...
2017-04-20 10:52:34
1149
原创 百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
事件：百度地图异步批量创建marker，单击单个marker弹出对话框报错。 报错：VM1771:1 Uncaught TypeError: b.ga(...).nb is not a function at HTMLSpanElement.eval (eval at zZ (getscript?v=2.0&ak=CBb579132…&services=&a...
2017-04-20 10:48:30
1759
1
原创 Warning: `value` prop on `input` should not be null.
// console报错信息如下Warning: `value` prop on `input` should not be null. Consider using the empty string to clear the component or `undefined` for uncontrolled components. in input (created by ...
2016-12-12 13:15:34
3441
原创 JS ES6 循环数组for of，循环json for in
import * as lib from '../util/constants';var map = {};var arr = 'userApi,CouponsApi,CoupondetailApi,addressApi,freeGetApi,categoryApi,pageApi,cartApi'.split(',');for (var j of arr) { for...
2016-11-29 15:42:35
3487
原创 React 获取虚拟dom节点的两种方法
第一种常规做法：<div className="confirm-money" ref="totalNeedPayRef"> { totalNeedPay }</div>import React from 'react';import { findDOMNode } from 'react-dom';const { totalNeedPa...
2016-11-18 16:08:29
2480
原创 JetBrains最新激活服务器（长期更新ing）
最新激活服务器，在线激活，长期更新： 2018-07-15 Updated (2018.1.5)https://idea.qmanga.com/http://123.206.193.241:1017 2018-05-35 Updated （2018.1.4 ver:181.**.**）http://123.206.193.241:1017 2018-0...
2016-11-07 14:54:02
5007
2
原创 React&Js实现无刷新搜索后隐藏键盘[兼容IOS&Android]
搜索框效果： React Html：<form onSubmit={e => this.searchItem(keyword, e)}> <img src="./images/icons/search-icon.png" className="search-icon" /> <input type="search" autoFocu..
2016-10-28 14:23:19
412
原创 使用localStorage实现历史记录搜索功能
搜索功能在商品很多的时候尤为重要，那为什么要历史记录呢，是在乎用户的感受，节约用户思路和操作的时候而产生的一项新的功能，那我们就来讨论一些历史记录是怎么实现的？ 首先我们来对比一下localStorage和sessionStorage：localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。ses...
2016-09-19 19:04:19
4180
2
原创 公司面试前端实习生，我的要求多吗？
今天公司准备招聘实习前端工程师，我写了一些我这边的需求，大家觉得多吗？ 工作职责：. 根据开发进度和任务分配，完成相应模块的开发、编程任务；. 负责解决软件开发过程中遇到的技术问题；. 协助团队完成相关的测试、部署、上线运营工作;. 优化代码并保持良好的浏览器兼容性；. 良好的编码能力和习惯，能书写适当的注释、文档，代码易于维护和扩展。职位要求：...
2016-08-31 11:50:20
3568
原创 React一个完整组件的定义以及绑定事件的优化
// 文件命名：switchBtn.jsx (以项目命名规则为准)// 导入所需字段import React, { Component, PropTypes } from 'react';// 声明组件名称以及继承关系class SwitchBtn extends Component { // 构建函数，继承父类 constructor(props)...
2016-08-29 10:59:54
368
原创 react-router 返回顶部的两种方式
当我们使用react-router给项目带来便利的同时，也会遇到各种不顺的问题，比如当我们从A页面进入B页面的时候，由于共享了同一个history，导致浏览的位置也被记录下来的，这样A页面滑动到底部了，进入B页面也在底部，也显然不符合我们的浏览习惯。还好react-router提供相应的事件配置我们正常开发：方案一 onUpdate： <Router onUpdate={...
2016-08-24 16:07:38
2374
原创 webpack webpack-core LoadersList TypeError: r.forEach is not a function
报错代码：node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:81 r.forEach(function(r) { ^TypeError: r.forEach is not a function 当我们在使用webpac...
2016-08-19 11:31:56
1568
原创 Web SQL初体验之新手指导(全功能解析)
1。创建并打开数据库var db = window.openDatabase("myDatabase", "1.0", "My WebSQL test database", 5*1024*1024); // 参数含义：数据库名称，版本号，描述，占用大小(bytes) 2。创建数据表db.transaction(function (tx) { tx.executeSq...
2016-08-17 17:23:58
253
原创 原生JS 循环Nodelist Dom列表的4种方式
function $(id) { return document.getElementById(id);}var _PAGE = { timeListDom: $('timeList')};var spanDoms = _PAGE.timeListDom.querySelectorAll('span'), domLen = spanDoms.length...
2016-07-07 17:18:08
1996
原创 js 倒计时日期对比函数的实现，兼容Android和iOS
function downTime(date) { var arr = date.split(/[- :]/); date = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5]); var t = date.getTime() - Date.now(); if (t > 0) { va...
2016-06-29 17:30:21
465
原创 IOS 字符串转日期格式化踩过的坑
// 正常主流浏览器支持的日期格式化函数如下：var t = Date.parse(date) - Date.now();// 其中Date.now() 浏览器基本都支持，但是Date.parse(date)在字符串转日期时间的时候，iOS报错了，刷新了我对iOS开发的新认知。// 1.尝试 new Date(date) ， 日期转换错误// 2.尝试 new Da...
2016-06-29 17:25:49
606
原创 前端开发手机内置浏览器(含js函数)兼容性汇总之那些踩过的坑
这里会汇总一些移动设备（手机）的内置浏览器兼容性的js函数问题： 1、for... of... 坑爹指数：★★★★ for-of loop是ES6的语法，比较新，导致部分Android手机不支持，例如【华为】 当一个React的项目在多数手机正常运行时，这个时候有些手机就是不支持这个函数。原因是由于内置浏览器的版本过低，不支持一些新的JS函数。 ...
2016-06-20 12:53:01
2087
原创 React confim popup components 弹出确认框组件的实现
先来张效果图：1.Components// componentsimport React from 'react';import { Link } from 'react-router';class ConfirmWins extends React.Component { constructor() { super(); } ren...
2016-06-03 16:43:55
2418
原创 React Uncaught TypeError: _react2.default.unmountComponentAtNode is not a functi
React报错提示:Uncaught TypeError: _react2.default.unmountComponentAtNode is not a function 报错原因:React版本过高，不支持React.renderReact.unmountComponentAtNode(wrapper); 解决方案:1.降级React版本2.使...
2016-05-31 15:20:33
943
原创 React Uncaught TypeError: _react2.default.findDOMNode is not a function
React报错提示:Uncaught TypeError: _react2.default.findDOMNode is not a function 报错原因:React版本过高，不支持React.renderReact.findDOMNode(this.refs.confirm).focus(); 解决方案:1.降级React版本2.使用Re...
2016-05-31 15:19:18
499
原创 React Uncaught TypeError: _react2.default.render is not a function
React报错提示:Uncaught TypeError: _react2.default.render is not a function 报错原因:React版本过高，不支持React.renderReact.render(<Confirm {...props}/>, wrapper); 解决方案:1.降级React版本2.使用R...
2016-05-31 15:17:36
744
原创 React <Component> is changing a controlled input of type text to be uncontrolled
React警告提示: warning.js:44 Warning: AddAddress is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). ...
2016-05-30 20:11:29
665
原创 React显示原生css style样式在dom对象里
react设置style是需要一个object对象的var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is ...
2016-05-23 17:24:55
1351
原创 【解决】React setState延迟delay导致数据更新不及时，代码无法正确执行
之前React setState后在另一个函数调用state的值没有更新： // init state.type = 'new';activeMenu(type) { // type = top if (type == this.state.type) return; this.loadList(type);}loadList(type) { ...
2016-05-12 18:41:19
7244
1
原创 doT js模板引擎 使用自定义函数进行渲染的两种方法
doT模板是一款js渲染模板引擎，速度快，文件小，渲染效果良好而著称。官网-Logo，点击进入： 更多丰富js模板引擎，猛击：https://qiaolevip.github.io/frontend-template-engines/ doT模板Example：https://qiaolevip.github.io/frontend-template-engines/...
2016-05-12 14:05:11
1143
原创 React Uncaught Invariant Violation: ReactMount: Two valid but unequal nodes with
报错提示：invariant.js:39 Uncaught Invariant Violation: ReactMount: Two valid but unequal nodes with the same `data-reactid`: .0.2.4.0.$117405.0 报错原因： 由于你的React代码包含了双重点击事件或者，A标签里面嵌套了A标签或onC...
2016-05-11 17:50:07
357
原创 React Uncaught Invariant Violation: onlyChild must be passed a children with exa
报错提示： Uncaught Invariant Violation: onlyChild must be passed a children with exactly one child. 报错代码： pmessage = this.state.showmessage?<div className="pmessage">{this.state.pme...
2016-05-11 12:03:27
617
原创 React addons.update setState 链式更新object属性
在上一篇文章里，我使用纯js更新object对象，然后在setState里面，这样操作属于原生的，今天在解读React.addons对象的时候，发现有update函数也可以链式更新对象，挺方便的，就是解读起来不那么容易。import React from 'react';// 经过种种setState， detail对象是这样的：this.state.detail.itemin...
2016-04-26 17:34:21
460
原创 iso android a标签css :active 在微信或app内嵌不起作用解决方案
前端开发今天有踩到一个大坑，特此记录。 事情的经过是这样的，我们app里面内嵌了一个页面，很多用户网络较慢情况下点击反应比较慢，导致像卡屏一般。需要在用户点击的时候给他个css交互，代表他的请求在处理中，遂想到 css ：active 伪类来解决。li:active { background: #e3e3e3;} 在android上面各种好用，在ios上面测试s...
2016-04-26 15:49:02
585
原创 Gulp watch error Error: watch /home/react-mobile/stylus/ ENOSPC
'watch' errored after 19 ms[13:25:21] Error: watch /home/react-mobile/stylus/ ENOSPC at exports._errnoException (util.js:870:11) at FSWatcher.start (fs.js:1234:19) at Object.fs.wat...
2016-04-25 13:32:26
457
原创 Sublime text 3 最新版 注册码 破解
—– BEGIN LICENSE —–Michael BarnesSingle User LicenseEA7E-8213858A353C41 872A0D5C DF9B2950 AFF6F667C458EA6D 8EA3C286 98D1D650 131A97ABAA919AEC EF20E143 B361B1E7 4C8B7F04B085E65E 2...
2016-04-20 17:44:44
163
原创 React 处理form表单input输入项双向数据绑定
<form method="post" autoComplete="off" encType="multipart/form-data" onSubmit={this.onSubmit.bind(this)}> <div className={ 'title bl-line' + (state.activeInput == 'subject' ? ' active...
2016-04-12 18:51:26
1936
原创 React 更新数据array子项添加新的属性便于循环处理
// 初始化数据this.state = { comments: []} // 添加新的属性showReplyInfo(index) { let items = this.state.comments; let item = items[index]; item.isLogin = this.state.isLogin; item.showRe...
2016-04-12 18:47:07
1610
原创 React 动态更新子项item从array数据
// 初始化statethis.state = { files: [],}// 添加数据到arraythis.setState({ files: [ ...this.state.files, fileInfo ]});// 动态移除子项从arrayremovePic(index) { this.setState...
2016-04-12 18:44:43
1019
原创 React 级联下拉列表实现
// 数据结构{"status": "200","data": {"groups": [{"name": "官方专区","todayposts": "0","gid": "1"},{"name": "理财有道",&quo
2016-04-12 18:39:26
4475
原创 js post x-www-form-urlencoded、form-url数据，Nodejs获取x-www-form-urlencoded数据
1、post数据结构：Form Data：type:postname:post发送url参数 2、js代码实现var xhr = new XMLHttpRequest();xhr.open('post', 'http://localhost:3000/post', true);xhr.setRequestHeader('Content-Type', 'a...
2016-04-05 16:13:02
3507
原创 js post json、object、application/json数据，Nodejs获取json数据
1、post数据结构： data: { type: 'post', name: 'post发送json参数' } 2、js代码实现 var xhr = new XMLHttpRequest();xhr.open('post', 'http://localhost:3000/post', true);xh...
2016-04-05 16:10:11
1236
原创 js post FormData、Payload、multipart/form-data数据，Nodejs获取multipart/form-data数据
1、post数据结构：Request Payload------WebKitFormBoundary3wELd4ULBH0cBXBjContent-Disposition: form-data; name="type"post------WebKitFormBoundary3wELd4ULBH0cBXBjContent-Disposition: form-dat...
2016-04-05 15:59:13
3067
原创 JS/html/form/XMLHttpRequest Ajax 批量上传文件/图片的3种方式
写在前面：后端选择你项目中使用的语言接收并处理图片。 由于上传图片都是以jQuery插件，为了纯js的崛起，遂选择ajax上传的方式，但在查找相关实例的时候着实困难重重，仅这个上传功能来回测试不下于2天的时间，最终还是执着战胜了困境。以下3种方式都经多次测试通过。 重要说明：第一种：切记：form -> enctype="multipart/form-data"...
2016-04-02 16:17:50
385
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人