2017年07月_mapbar_front

原创 react-native-vector-icons的使用

这个主要是使用官方推荐的图标来打包自己的原生应用。实际项目使用：Navigator做导航栏的时候的返回按钮等等。如下图：安装和使用 ##（这是android开发的使用方式）输入: npm install react-native-vector-icons –save (回车)输入: npm install rnpm -g输入: rnpm link (回车)官方文档地址：react-nat

2017-07-26 20:49:16 914

原创 react-native报错-Unable to resolve module ‘react’

error: bundling failed: “Unable to resolve module react from C:\\Users\\liwd\\Desktop\\mywork\\react-native\\Navigator\\index.android.js: Module does not exist in the module map\n\nThis might be relate

2017-07-26 20:37:50 16610

原创 react-native报错-unrecognized

Command run-android unrecognized. Make sure that you have run npm install and that you are inside a react-native project.解决方案：在命令行中运行下面的命令。yarn add react-native-cli

2017-07-26 17:16:49 7628

原创微信小程序开发（基础）

前前后后基本上做小程序快半年了，从基础功能的开发上线，到现在的项目迭代，目前已经迭代了第三版小程序了。在这里进行简单的介绍小程序的一些基础使用。小程序做不到什么？其实一个东西做不到的东西多了，就比如web界面做不到native开发的体验，原生js代替不了java语言等等。但是我这里所说的做不到，指的是小程序和我们的web开发相比，它做不到的有哪些？小程序做不到和web界面打通的通道。为什么说这个问

2017-07-24 20:38:43 618

原创 Zepto中如何实现"变量"的类型判断

首先，必须了解js一些基础问题null == undefined； //这个的执行结果是truenull === undefined； //执行结果为false//这个的判断标准小技巧： == 判断值是否相等。=== 判断值和类型都是否相等类型判断的思路来源//思路的来源是Object的toString（）方法。console.log({}.toString());//[object Obj

2017-07-20 16:10:17 379

原创 JavaScript中的正则表达式

正则表达式作用正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具正则对象-RegExpvar patt=new RegExp(pattern,modifiers); 或者更简单的方式: var patt=/pattern/modifiers;其中：pattern（模式）描述了表达式的模式；modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配。正则表

2017-07-20 15:01:26 208

原创项目实践中的react-navigation导航器

React-Native给前端带来了新视野，可以使用web开发语言javascript来实现Native开发（ios／android），现在的前端能做的事情就更多了。react-navigation的使用react-native中使用导航器来实现native的路由功能，可是官网说的太简略了，唯一指出的一篇入门文档，还是英语。效果图示基础知识先吧react-navigation的基本知识做一个梳理，仅

2017-07-18 00:51:49 1679

转载 JavaScript全栈开发-工具篇

2017-04-13 22:17 转载：javascript全栈开发作者：龙付成–腾讯高级前端工程师 @IMWeb前端社区目录Java早期主要作为脚本语言运行在浏览器，而现在Java的使用范围已经超越浏览器，向通用系统语言发展。特别是HTML5的出现，浏览器的平台化，Node.js开源项目的发展，NoSQL技术的发展，Java逐渐成为跨移动平台应用程序及跨平台桌面应用程序的开发语言。

2017-07-12 15:18:21 2246 2

原创在node下使用webpack构建react开发环境

在react中，我们知道使用webpack就是最好的构建工具，那这样的一个简单的开发环境是如何从无到有一步步的搭建起来的呢？这一篇文章的目的：就是基于node使用webpack搭建基础的开发环境。1、node的安装我们使用的webpack是基于nodejs的环境下开发的，可以看看自己的电脑中有没有安装node。打开命令窗口。输入node -v 就可以查看自己的node版本。如果展示中有类似 V8.1

2017-07-10 16:37:14 1283

原创前端常见面试题目解答

HTML和CSS 1、定位position的使用。 position最常用的用法是：父元素：position：relative；子元素：position：absolute；left：xxpx；top：xxpx；position有四个值：分别是static、relative、absolute、fixed。其中：static是默认值。不脱离文档流。 relative是相对定位。不

2017-07-07 13:55:27 1260

原创 ES6写法的reactjs

reactjs是目前最火的单页面框架，面向ES6语法，使用JSX语法进行组件化开发。JSX语法是把js和html混合起来编写代码，其核心就是以“<”“>”包裹html，以“{ }”来包裹js语法。只需要多写几遍就行，个人觉得没必要专门学习什么是jsx。reactjs语法非常简单，难的是把reactjs和其他的一系列东西混合起来如何使用。这篇博客只针对reactjs语法，而对其webpack搭建环境、

2017-07-07 12:31:11 823

原创 nodejs学习（9）nunjucks模板引擎

1、模板引擎最常用的场景是输出网页，我们架构起一定的模板，配合传入的数据，模板的结构不变，但数据会改变。 2、nodejs中,集成了一个nunjucks的环境，在使用的时候引入nunjucks模块就好。nunjucks提供了一个基本的模板语法。{% extends base.html %}{% block header %}<h1>{{title}}</h1>{% endblock %}{%

2017-07-05 09:16:54 2975

mapbar_front的博客