qiaolevip
- 浏览: 4862956 次
- 性别:
- 来自: 上海
-
最新评论
-
taoshengyijiuzt：
感谢大佬！！！
JetBrains最新激活服务器（长期更新ing） -
masuweng：
激活码可以用
JetBrains最新激活服务器（长期更新ing） -
dusdong：
都失效了
JetBrains最新激活服务器（长期更新ing） -
追风筝的孩纸Zz：
dddddddddddddddd
js获取网页屏幕可见区域高度 -
自己811005：
88350bcf69dcfbda7f8a76a589d9054 ...
Js设置前端允许跨域请求后端API:Access-Control-Allow-Credentials
文章列表
今天公司准备招聘实习前端工程师，我写了一些我这边的需求，大家觉得多吗？
工作职责：
. 根据开发进度和任务分配，完成相应模块的开发、编程任务；
. 负责解决软件开发过程中遇到的技术问题；
. 协助团队完成相关的测试、部署、上线运营工作;
. 优化代码并保持良好的浏览器兼容性；
. 良好的编码能力和习惯，能书写适当的注释、文档，代码易于维护和扩展。
职位要求：
. 有一定周期前端开发的实习经验；
. 熟悉 HTML/CSS/JavaScript 等 Web 前端开发技术
. 熟悉 Ajax、DOM、XML、JSON 等相关技术；
. 熟悉 jQuery/ ...
// 文件命名：switchBtn.jsx (以项目命名规则为准)
// 导入所需字段
import React, { Component, PropTypes } from 'react';
// 声明组件名称以及继承关系
class SwitchBtn extends Component {
// 构建函数，继承父类
constructor(props) {
super(pro ...
当我们使用react-router给项目带来便利的同时，也会遇到各种不顺的问题，比如当我们从A页面进入B页面的时候，由于共享了同一个history，导致浏览的位置也被记录下来的，这样A页面滑动到底部了，进入B页面也在底部，也显然不符合我们的浏览习惯。
还好react-router提供相应的事件配置我们正常开发：
方案一 onUpdate：
<Router onUpdate={() => window.scrollTo(0, 0)} history={hashHistory}>
<Route path="/" component ...
报错代码：
node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:81
r.forEach(function(r) {
^
TypeError: r.forEach is not a function
当我们在使用webpack编译代码的时候，如果配置文件《webpack.config.js》格式不正确就会报错，而上面的也是webpack经常会遇到的错误，根据提示，我们发现是 LoadersList报错的，那我们就定位在配置 ...
1。创建并打开数据库
var db = window.openDatabase("myDatabase", "1.0", "My WebSQL test database", 5*1024*1024);
// 参数含义：数据库名称，版本号，描述，占用大小(bytes)
2。创建数据表
db.transaction(function (tx) {
tx.executeSql("CREATE TABLE IF NOT EXISTS fightclub (id INTEGER PRIMARY KEY AU ...
function $(id) {
return document.getElementById(id);
}
var _PAGE = {
timeListDom: $('timeList')
};
var spanDoms = _PAGE.timeListDom.querySelectorAll('span'), domLen = spanDoms.length;
// 第一种方式：原生for循环
for (var i = 0; i < domLen; i++) {
var v = spanDoms[i];
// do somethi ...
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) {
var seconds = Math.floor((t / 1000) % 60);
var minutes = Math.floor((t / 1000 / 60) % 60);
va ...
// 正常主流浏览器支持的日期格式化函数如下：
var t = Date.parse(date) - Date.now();
// 其中Date.now() 浏览器基本都支持，但是Date.parse(date)在字符串转日期时间的时候，iOS报错了，刷新了我对iOS开发的新认知。
// 1.尝试 new Date(date) ， 日期转换错误
// 2.尝试 new Date(date.replace(' ', 'T')); 转换日期成功，但是多8个小时
// 最后的兼容性做法，回归最原始的字符串转日期格式
var arr = date.split(/[- : ...
这里会汇总一些移动设备（手机）的内置浏览器兼容性的js函数问题：
1、for... of... 坑爹指数：★★★★
for-of loop是ES6的语法，比较新，导致部分Android手机不支持，例如【华为】
当一个React的项目在多数手机 ...
先来张效果图：
1.Components
// components
import React from 'react';
import { Link } from 'react-router';
class ConfirmWins extends React.Component {
constructor() {
super();
}
render() {
const props = this.props;
return (
<div className="confirm-wins-con ...
React报错提示:
Uncaught TypeError: _react2.default.unmountComponentAtNode is not a function
报错原因:
React版本过高，不支持React.render
React.unmountComponentAtNode(wrapper);
解决方案:
1.降级React版本
2.使用ReactDOM.render
import ReactDOM from 'react-dom'
ReactDOM.unmountComponentAtNode(wrapper);
...
React报错提示:
Uncaught TypeError: _react2.default.findDOMNode is not a function
报错原因:
React版本过高，不支持React.render
React.findDOMNode(this.refs.confirm).focus();
解决方案:
1.降级React版本
2.使用ReactDOM.render
import ReactDOM from 'react-dom'
ReactDOM.findDOMNode(this.refs.confirm).focus();
...
React报错提示:
Uncaught TypeError: _react2.default.render is not a function
报错原因:
React版本过高，不支持React.render
React.render(<Confirm {...props}/>, wrapper);
解决方案:
1.降级React版本
2.使用ReactDOM.render
import ReactDOM from 'react-dom'
ReactDOM.render(<Confirm {...props}/>, wrap ...
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).
Decide between using a controlled or uncontrolled input element for the lifetime of the component. M ...
react设置style是需要一个object对象的
var divStyle = {
color: 'white',
backgroundImage: 'url(' + imgUrl + ')',
WebkitTransition: 'all', // note the capital 'W' here
msTransition: 'all' // 'ms' is the only lowercase vendor prefix
};
ReactDOM.render(<div style={divStyle}>Hello World!</ ...