🌓

cordova插件汇总大全

1、获取当前应用的版本号
cordova plugin add cordova-plugin-app-version

2、获取网络连接信息
cordova plugin add cordova-plugin-network-information

3、获取GPS数据
cordova plugin add cordova-plugin-geolocation

阅读全文

http上传/下载文件时,Content-Disposition的使用

Content-disposition是 MIME 协议的扩展,MIME 协议指示 MIME 用户代理如何显示附加的文件。当 Internet Explorer 接收到头时,它会激活文件下载对话框,它的文件名框自动填充了头中指定的文件名。(请注意,这是设计导致的;无法使用此功能将文档保存到用户的计算机上,而不向用户询问保存位置。)

阅读全文

Mac shell使用技巧总结

文件操作

常用目录

/Systme/Library/Extensions // 驱动所在目录
/User/XXX/Desktop // 桌面目录

阅读全文

CORS基础要点:关于dataType、contentType、withCredentials

  事实上,面试时我喜欢问跨域,因为多数开发者都知道它并且常用,而我希望能从面试者的回答中知道他在这个问题的深入程度,进一步看看面试者研究问题的思维方式及钻研精神,然而确实难到了很多人,当然这也不是面试通过的必要条件;这些都是题外话了,呵呵~~~,这里也不炒冷饭如何实现跨域,也不是分析CORS的原理,因为谷歌一下就有很多参考资料。

阅读全文

Ajax跨域问题:跨域请求设置withCredentials

主数据项目的域名为www.topmall.com,POS项目的域名为pos.topmall.com。即两个项目的主域名相同,子域名不相同。

阅读全文

cordova常用命令大全/phonegap命令大全

1、安装 cordova:
npm install -g cordova

2、创建应用程序
cordova create hello com.example.hello HelloWorld

3、添加平台
cordova platform add android
cordova platform add ios

阅读全文

ES6中的import和export

简要介绍:ES6在语言规格的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的

CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。

ES6模块主要有两个功能:export和import

export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口

阅读全文

那些年踩过的React之坑

前言

对很多 react 新手来说,网上能找到的资源大都是些简单的 tutorial ,它们能教会你如何使用 react ,但并不会告诉你怎么在实际项目中优雅的组织和编写 react 代码。用谷歌搜中文“ React 最佳实践”发现前两页几乎全都是同一篇国外文章的译文…所以我总结了下自己过去那个项目使用 React 踩过的一些坑,也整理了一些别人的观点,希望对部分 react 使用者有帮助。

阅读全文

Charles使用详解

一、开始

连接方式

  • 方法一:电脑和手机连接同一个wifi
  • 方法二:电脑使用网线连接网络,手机通过USB连接电脑

阅读全文

NPM常用命令

npm是什么,大家都应该很熟悉了。npm的常用命令很多,为了避免经常到npm官网查找,特将常用的npm命令整理下来。

npm install

包安装模块

阅读全文

如何给React加try-catch

最近在一个使用fis构建的react.js项目里遇到个问题,render函数里如果发生了运行时错误,比如说某个对象没有判断就直接去访问其属性,那我所知道的就是,页面不正常了,特别是有嵌套子组件的时候,我可得一个个一层层去排查判断,去加try-catch。。。

好像react的开发体验不应该是这样子的。

阅读全文

React中什么时候使用箭头函数

当我们想起箭头函数时,脑海里可能会浮现 棒,酷,简洁,有趣等形容词,其实,我们存在一些 更充分的理由 使我们在联想起 箭头函数 时不得不想到的

解决 this 引起的问题

箭头函数不会在函数体内重新定义this 的值,这使得在回调中的行为更容易预测,并且避免了this在回调中潜存的bug

阅读全文

HTML5的input上传类型控制

一、input:file属性

属性值有以下几个比较常用:

accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。

阅读全文

input[type=file]样式美化,input上传按钮美化

我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,input radio美化是一个道理的,后面文章会总结。

思路:

nput file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能。

阅读全文

如何使用Redux管理你的React应用

为什么使用React还需要使用别的框架来搭配?

React的核心是使用组件定义界面的表现,是一个View层的前端库,那么在使用React的时候我们通常还需要一套机制去管理组件与组件之间,组件与数据模型之间的通信。

阅读全文

Redux应用详解

概览

状态管理是软件开发的最困难方面之一,这使得状态管理错误成为了几乎所有 bug 的源头。本系列将探索 Redux,这是一个针对 JavaScript 应用程序的可预测的状态容器。Redux 不仅有助于状态管理,还使得实现一些高级特性变得很简单,比如无限撤销/重做和实时编辑时间旅行 (live-editing time travel)。

阅读全文

Ant Design中实现自定义组件验证

ant.design是蚂蚁金服前端团队开发出来的一个基于React的框架,有比较丰富的组件可供使用。在实际开发中,一个常见任务是表单验证。ant.design自身的Input, Upload等组件已经自带了ant.design的form验证,但我们自己开发的组件很多同学不清楚怎么实现,所以还借助了jquery等来取值或直接取dom值,然后自己写验证,这种方式可以实现,但往往体验不是一致。今天要给大家介绍一招即可实现自定义组件的表单验证。

阅读全文

React技术栈整理

这里梳理下React技术栈需要的最小知识集,让你可以最短时间掌握React,Redux,React-Router,ES6的相关知识,更快的上手React”全家桶“。预计会有ES6、React、Redux、React-Router、Webpack,实时更新目录。

ES6知识

变量声明

let 和 const

不要用var,而是用let 和 const 。const声明一个只读的常量,let用来声明变量,const 和 let 都是块级作用域。

阅读全文

axios使用详解

一、安装

1、 利用npm安装npm install axios --save

2、 利用bower安装bower install axios --save

阅读全文

ES5和ES6开发中需要知道的简写技巧

初级篇

1、三目运算符

下面是一个很好的例子,将一个完整的 if 语句,简写为一行代码。

阅读全文