最近的文章列表

webpack配置.jsx文件由babel来解析,出现:babel没能识别我 js 文件中的 jsx 语法?

fb 开发网上例子 getting  started用的是 

<script type="text/babel">      
// To get started with this tutorial running your own code, simply remove      
// the script tag loading scripts/example.js and start writing code here.    
</script>  

而一般我们会看到用的是jsx  有什么区别吗

区别就在于 babel 支持将按照ES6写的代码转成ES5格式的代码,以便让其能在现代浏览器上正常运行,用jsx, 只能用ES5的语法。

升级到 babel6 了

安装 babel-preset-react

2016/2/17 Comments:
Webpack+React+Hot控制台报错:Cannot read property ‘NODE_ENV’ of undefined

解决办法如下:

找到webpack.config.js文件:

var webpack = require('webpack');
var path = require('path');

module.exports = {
// entry: './js/entry.js',
entry: [
'webpack-dev-server/client?http://127.0.0.1:3000', // WebpackDevServer host and port
'webpack/hot/only-dev-server',
2016/2/16 Comments:
JS如何检测手机上APP是否安装的情况
我们在浏览网页的时候,你会看到一个网页下面漂浮着一个提示框“打开APP”或者“下载APP的字样”,如果你的手机已经安装过这个APP,那么网页会提示“打开APP”,如果没有安装,那就会提示“下载APP的字样” 这个从技术角度是如何去实现的呢?下面我给大家分享这块技术,去年公司给国际动漫节做项目的时候,客户就提到这个需求,在点击网页企业的时候 那么直接打开APP(如果已经安装了) 如果没有安装过,直接打开APP页面
 
下面我把这块的源码分享一下
if (navigator.userAgent.match(/android/i)) {
// 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为
// 否则打开a标签的href链接
2015/11/20 Comments:
XP系统下IE8的User Agent里带有msie 6.0

环境:  

windows xp 系统自动IE6, 后来直接安装了IE8。

IE8

2015/10/22 Comments:
解决IE6、IE7、IE8、IE9不支持HTML5 placeholder属性值的方案

placeholder 是HTML5的新属性,在做input 的预设值还挺方便的,但无奈IE8以下不支持,因此需要额外做fix。在实际使用中,却遇到了很多问题:

例如在官网查到的plugin:http://plugins.jquery.com/project/input-placeholder,就不支持type="password"的结果。因为仅改变value,对应password的显示方式

以下是我找到支持度最好地plugin:

DEMO: http://mathiasbynens.be/demo/placeholder

plugin: https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

2015/10/21 Comments:
jQuery bug:Slidetoggle 在IE7会出现闪烁消失及自动关闭的情况

事件原因:

绑定事件的对象的父类不能包含position属性值为absolute和relative的样式,一旦包含,IE7则会出现此情况。


解决方法:

将position属性删除或者设置高为101%即可解决

2015/10/16 Comments:
Modernizr、HTML5Shiv、respond.js三者的区别?

HTML5Shiv主要解决HTML5提出的新的元素不被IE6-8识别。

Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。

Modernizr 是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发,同时又不会牺牲其他不支持这些新技术的浏览器的控制。

2015/10/15 Comments:
Expressjs的安装创建与启动(pm2重启express)

初次接触nodejs,想快速用nodejs建个站,于是找到了expressjs这个框架,摸索了许久才弄明白expressjs项目的创建与启动,现在分享一下。

前提环境:window系统、已安装nodejs、已联网。

补充:

在安装express之前需要安装express-generator,或则会出现express不是内部或外部命令的问题

npm install -g express-generator

步骤:

1、在D盘创建一个web文件夹;

2、打开cmd,cd到web目录;

2015/9/18 Comments:
windows下通过 node.js启动express报错:cannot find module 'mongodb'

我有一个Node.js Express项目。我已经安装了MongoDB,有server.js文件,当我尝试运行它,我得到这个错误:

module.js:340
throw err;
^
Error: Cannot find module 'mongodb'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:362:17)
at require (module.js:378:17)

这个错误表明:NPM包:MongoDB 安装不正确。

2015/9/16 Comments:
详解JSON.stringify(value [, replacer] [, space]) 语法(带实例)

语法:

JSON.stringify(value [, replacer] [, space]) 
value:是必须要的字段。就是你输入的对象,比如数组啊,类啊等等。 
replacer:这个是可选的。它又分为2种方式,一种是方法,第二种是数组。


情况一:我们先说数据,通过我们后面的实验可以知道,它是和第一个有关系的。一般来说,我们系列化后的结果是通过键值对来进行表示的。


比如说: 
name:"Camnpr",age:25

2015/9/10 Comments: