清风渺渺-CSDN博客

转载节约 Web 开发时间的 67 个工具、库和资源

简评：作者没有讨论大型的前端框架如 React，Angular，Vue 等等，也没有讨论流行的代码编辑器如 Atom，VS Code，Sublime 等等，而是罗列出了一些加速开发者工作流的工具、资源和库。JavaScript 库Particles.js —— 在网页上创建炫酷的漂浮例子的库，在网站首页比较常见。Three.js —— 在网页上创建 3

2017-10-12 08:37:07 699

转载 JavaScript常用对象&属性&事件-图标

一、js-数组二、js-日期三、js-事件四、js-定时器五、js-window对象六、js-location对象方法&属性js-location对象方法js-location对象属性七、js-节点树&操作&属性js-节点树

2017-10-11 19:21:25 227

转载 Ajax异步&同步请求

一、简介Ajax请求最重要的问题是代码执行的顺序。最长遇到的问题是，我们定义一个变量接收ajax异步请求的返回结果，后续代码使用，然而后续代码在使用时该变量为初始值，始终得不到想要的结果！！！二、示例[javascript] view plain copy// 异步 var email = "test@ptmind.com

2017-10-11 19:20:47 435

转载前端自动化构建工具Grunt

一、了解GurntGrunt 是一个基于任务的JavaScript工程命令行构建工具。Grunt和Grunt插件，是通过npm安装并管理的，npm是Node.js的包管理器。了解Grunt前，首先要准备两件事：1、了解npm（Node Package Manager）：npm是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。2、安装node：进

2017-10-11 19:20:01 226

转载 WebSocket

一、概述HTTP协议是一种无状态协议，服务器端本身不具有识别客户端的能力，必须借助外部机制，比如session和cookie，才能与特定客户端保持对话。WebSocket的主要作用是，允许服务器端与客户端进行全双工（full-duplex）的通信。举例来说，HTTP协议有点像发电子邮件，发出后必须等待对方回信；WebSocket则是像打电话，服务器端和客户端可以同时向对方发送数据，

2017-10-11 19:18:55 204

转载 package.json

每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install 命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。package.json文件可以手工编写，也可以使用npm init命令自动生成。注意：npm init 时，用户需回答一些问题，然

2017-10-11 19:17:59 386

转载前端MVC&MVP&MVVM

“少壮不努力，长大干IT！”。公司项目重构终于进入尾声了，两个月快累成“狗”了。重构前端框架使用了MVVM+Node，从“铁器时代”直接进入“全栈时代”。下面是自己关于前端框架的肤浅认识。一、MVCMVC的全称为Model View Controller - Model（模型）是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。 - Vie

2017-10-11 19:17:05 402

转载解决blur与click冲突

在开发中我们会经常遇到blur和click冲突的情况。下面叙述了开发中常遇到的“下拉框”的问题，并提供了两种解决方案。一、blur和click事件简述blur事件：当元素失去焦点时触发blur事件；其为表单事件，blur和focus事件不会冒泡，其他表单事件都可以。click事件：当点击元素时触发click事件；所有元素都有此事件，会产生冒泡。示例1：blur事件为表单事件

2017-10-11 19:16:11 271

转载事件

JavaScript与HTML之间的交互式通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预订事件，以便事件发生时执行相应的代码。一、事件流事件流，描述的是从页面中接收事件的顺序。1. 事件冒泡事件冒泡(event bubbling)，即事件开始时有最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级

2017-10-11 19:15:36 180

转载 JS打开摄像头并截图上传

直入正题，JS打开摄像头并截图上传至后端的一个完整步骤http://www.cnblogs.com/imwtr/p/6413595.html?utm_source=tuicool&utm_medium=referral 1. 打开摄像头主要用到getUserMedia方法，然后将获取到的媒体流置入video标签2. 截取图片主要用到canvas绘图，使用drawImag

2017-10-11 18:57:00 426

转载 React Native Android打包apk

按照官方的5步曲:http://www.cnblogs.com/shaoting/p/7117454.html1.在终端里面,cd 到项目的根目录后.执行下面这行命令:keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -va

2017-10-10 13:08:37 217

转载 React Native 常用的技术

下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水.特此记录下.http://www.cnblogs.com/shaoting/p/7148240.html转载1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付.2.导航条渐隐3.通讯录4.卡片式轮播5.时间轴6.图片+列表的

2017-10-10 13:08:05 407

转载 react-native-smart-barcode目前最好用的二维码扫描组件（IOS、android）

最近在制作React-Native项目的时候，条码识别给我们整个项目带了不少麻烦，几款主流的条码识别组件都不是特别好用，用户体验比较差，比如二维码识别速度慢、扫描页面十分卡顿用等一系列问题，后来在网上无意间找到一个非常好用的二维码扫描组件——react-native-smart-barcode，这个组件是基于https://github.com/zxing/zxing这个库写的，同时也支持IOS，

2017-10-10 13:06:59 1874

转载 React Native获取地理位置（获取具体城市、经纬度）

并不是所有的APP都要获取你当前的地理位置的，但是有的APP对这方面是特别重要的，例如催收的行业，准确获取借款人的位置，才能不扑空~~基本上实现的原理其实很简单，前端要做的事情就是每次打开APP的时候获取一下手机当前的位置，或者每隔几分钟就重新获取一次。注：RN提供的方法只能获取到经纬度，不会直接给你具体的城市或者街道，如果要的话，可以用百度或者高德的逆地理编码接口去转，不过一般前

2017-10-10 13:06:19 1670

转载将 React Native 项目运行在 Web 浏览器上面

http://www.cnblogs.com/On1Key/p/5780577.html React Native 的出现，让前端工程师拥有了使用 JavaScript 编写原生 APP 的能力。相比之前的 Web app 来说，对于性能和用户体验提升了非常多。但是 React Native 的代码只兼容两个平台（iOS 和 Android），并没有兼容 Web 端访问。这里是因为 Fac

2017-10-10 13:05:43 623

转载 ReactNative接入支付宝支付

写在前面重申一下，ReactNative开发的App是NativeApp，不是WebApp或者HybridApp，所以我们需要开通的是支付宝的App支付功能，别申请错了。申请完成之后就可以接下去开发了。支付宝支付接入支付宝支付前建议先查看支付宝官方文档，先按照要求创建应用并完成配置。不过要注意以下两点：第一，App支付不能在沙箱做测试，所以我们需要先 “上线”

2017-10-10 13:04:58 583

转载 ReactNative WebView组件通信

转载http://blog.csdn.net/xiehuimx/article/details/77151724源码传送门在开发Android的时候，一般我们会有一些加载网页的需求，或者执行一些JavaScript，我们都知道在android中实现这个功能的控件是WebView,在ReactNative中也有实现此类需求额的组件，它的名字也是WebView。那么今天的这篇文章

2017-10-10 13:04:13 171

转载 React Native 高德地图组件的使用（react-native-amap3d）

这篇文章主要介绍 RN 高德地图组件 react-native-amap3d，安装过程请参考 README。基本使用import {MapView} from 'react-native-amap3d'render() { return MapView style={StyleSheet.absoluteFill}/>}设置地图状态所谓的地图状态包括：中

2017-10-10 13:03:39 2285

转载 node.js - 收藏集

如何部署 Node.js 应用 - 后端 - 掘金当你熟悉 Node.js 之后很可能会自己写些小东西放在 VPS 上跑，比如说一个个人的 API 服务，或者是你的网站。这篇文章分享的内容不管你的 app 大小，都相对适用，因为我们的原则是「run it forever and deploy it smart...Node.js 开启 Https 的小实践 - 前端 - 掘金最近自

2017-10-10 13:01:56 449

转载移动 web 开发问题和优化小结

1.前言https://segmentfault.com/a/1190000011338800到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，

2017-10-10 13:00:39 140

转载 axios在vue中的简单配置与使用

尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：https://hzzly.github.io/2017/03/12/axios%E5%9C%A8vue%E4%B8%AD%E7%9A%84%

2017-10-09 06:57:45 678

转载 Vue2.0 新手完全填坑攻略—从环境搭建到发布——DT

Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-examplevue-router中文文档http://router.vuejs.org/zh-cn/index.html什么是 Vue

2017-10-09 06:56:42 480

转载使用Vue-Router 2实现路由功能

注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。npm install vue-router一、使用路由在main.js中，需要明确安装路由功能：import Vue from 'vue'import VueRouter from 'vue-router'impor

2017-10-09 06:55:46 145

转载 es6的十大特性

ES6（ECMAScript2015）的出现，无疑给前端开发人员带来了新的惊喜，它包含了一些很棒的新特性，可以更加方便的实现很多复杂的操作，提高开发人员的效率。http://www.jianshu.com/p/53fe8b56cfb0本文主要针对ES6做一个简要介绍。主要译自： http://webapplog.com/ES6/comment-page-1/。也许你还不知道ES6是什么, 实

2017-10-09 06:54:52 272

转载 ES6这些就够了

刚开始用vue或者react，很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性，我们需要全部都掌握吗？秉着二八原则，掌握好常用的，有用的这个可以让我们快速起飞。接下来我们就聊聊ES6那些可爱的新特性吧。1.变量声明const和let我们都是知道在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局

2017-10-09 06:53:44 137

转载 Es6笔记

前言笔记仅记录了相比于第一次学习，重新理解的知识点完整内容详见：《ECMAScript 6 入门》阮一峰总结经历两个星期结合ES6的React实践，决定再回头看一遍阮一峰的ES6教程，发现收获多多，常看常新。第一遍看时，比较敷衍，没有实践自然也理解不深，综合来说，阮一峰的教程更适合查漏补缺，而不是作为入门教材。索引解构赋值的用途尾调用优化扩展运算符的用途数

2017-10-09 06:53:06 335

转载关于移动端rem 布局的一些总结

1.rem是什么?rem(font size of the root element)是指相对于根元素的字体大小的单位2.为什么web app要使用rem？实现强大的屏幕适配布局(淘宝,腾讯,网易等网站都是rem布局适配)rem能等比例适配所有屏幕,根据变化html的字体大小来控制rem的大小,如不同html字体大小的计算下,rem值不同第一个例子：html{

2017-10-09 06:49:42 179

转载 JavaScript中8个常见的陷阱

1. 你是否尝试过对数组元素进行排序？JavaScript默认使用字典序(alphanumeric)来排序。因此，[1,2,5,10].sort()的结果是[1, 10, 2, 5]。如果你想正确的排序，应该这样做：[1,2,5,10].sort((a, b) => a - b)2. new Date() 十分好用new Date()的使用方法有：

2017-10-09 06:47:02 159

转载 Vue.js填坑记

前言上一篇文章主要介绍了我们团队的「Vue.js项目模板」的搭建过程，这只是第一步。作为新手，在实际开发过程中，还会遇到各种各样奇怪的问题。本文主要介绍问题的原因以及解决方式。http://www.heeroluo.net/article/detail/138/vuejs-problems-during-usage导航栏标题在单页应用中，由于页面切换不会导致浏览

2017-10-09 06:45:30 302

原创 react-native windows搭建运行环境

react-native的android环境搭建以下react-native 全部简称rn1、安装java8以上的jdk2、安装android studio 并且配置和下载sdk这里需要注意设置环境变量ANDROID_HOME：Android SDK Manager的位置例如：（ANDROID_HOME=> E:\Android\sdk）设置环境变量PATH：例如

2017-10-09 06:43:08 320

转载 Javascript原型继承 javascript

真正意义上来说Javascript并不是一门面向对象的语言，没有提供传统的继承方式，但是它提供了一种原型继承的方式，利用自身提供的原型属性来实现继承。Javascript原型继承是一个被说烂掉了的话题，但是自己对于这个问题一直没有彻底理解，今天花了点时间又看了一遍《Javascript模式》中关于原型实现继承的几种方法，下面来一一说明下，在最后我根据自己的理解提出了一个关于继承比较完整的实现，如果

2017-10-08 08:32:04 294

转载 React性能优化——代码篇

如果使用工具检测出页面浪费的渲染次数太多，就需要检查代码是否写法上有问题了。虽然 Virtual DOM 算法可以避免大多无效的真实 DOM 操作，但还是会浪费时间在计算不会改变的虚拟 DOM 上，也就是执行了 render 函数，但发现并没有任何改变。转载https://wulv.site/2017-07-02/react-perf-code.htmlkeykey 属

2017-10-08 08:30:58 448

转载 React性能优化——工具篇

实际上， React 使用 Virtual DOM 做优化，在内部已经尽可能的减少了真实 DOM 操作，然而还是可以做一些优化。从工具方面，可以使用以下几种工具检测我们的代码性能。转载https://wulv.site/2017-07-01/react-perf-tools.htmlReact Developer Tools for Chrome这是一个 Chrom

2017-10-08 08:30:07 432

转载 React性能优化总结

React性能优化总结from:http://www.tuicool.com/articles/VNFZBbj初学者对React可能满怀期待，觉得React可能完爆其它一切框架，甚至不切实际地认为React可能连原生的渲染都能完爆——对框架的狂热确实会出现这样的不切实际的期待。让我们来看看React的官方是怎么说的。React官方文档在Advanced Performane

2017-10-08 08:28:29 861

转载有趣的HTML5：离线存储

最近由于找工作一直没时间也没有精力更新博客，找工作真是一件苦逼的事情啊。。。不抱怨了，我们来看看HTML5的新特性---离线存储吧。随着Web App的发展，越来越多的移动端App使用HTML5的方式来开发，除了一些HybridApp以外，其他一部分Web App还是通过浏览器来访问的，通过浏览器访问就需要联网发送请求，这样就使得用户在离线的状态下无法使用App，同时Web App中一部分

2017-10-08 08:26:21 282

转载 Vue.js项目模板搭建

前言从今年（2017年）年初起，我们团队开始引入「Vue.js」开发移动端的产品。作为团队的领头人，我的首要任务就是设计整体的架构。一个良好的架构必定是具备丰富的开发经验后才能搭建出来的。虽然我有多年的前端开发经验，但就「Vue.js」来说，仍然是个新手。所幸「Vue.js」有一个配套工具「Vue-CLI」，它提供了一些比较成熟的项目模板，很大程度上降低了上手的难度。然而，很多具体的问题还

2017-10-08 08:25:24 711

转载 Vue 组件库实践和设计

转载https://juejin.im/post/598965bd5188256da941872c现在前端的快速发展，已经让组件这个模式变的格外重要。对于市面上的组件库，虽然能满足大部分的项目，但是一些小型细节方面和使用方面，或者UI库存在的一些bug，会让人很头疼。那我们应该如何面对解决这些问题。俗话说自己动手丰衣足食。有些组件不用刻意去造。应该考虑如何去打造一个快速，兼

2017-10-08 08:24:15 836

转载 Vue2.0 探索之路——vue-router入门教程和总结

今天在实现一个小功能的时候，遇到一个问题，使用vue-router获取上一页面的url信息，我尝试了多种方式，发现使用vue-router的canDeactivate钩子实现这个功能最为方便，现在将我的实现代码总结如下: 项目使用的是vue-cli,直接贴代码 export default { mixins: [], vuex

2017-10-08 08:23:02 250

转载前端知识点百科大全

前言这是关于vue的第三篇博文。https://segmentfault.com/a/1190000009651628没想到写的还有人看，正是因为你们的阅读和点赞收藏，才给了我无比的动力。请关注我的专栏，我不会停更的。最近也一直在想，前端知识怎么提高，前端知识的碎片化，让我感觉好多好多都不会，觉得这个时候我应该确定一个方向，重点的培养自己的招牌技能，再加以辅助技能。不过看了很多

2017-10-08 08:22:16 474 1

空空如也

空空如也