2017年09月_barnett_y

转载 ReactNative源码篇

https://juejin.im/post/59cc51625188257a134ab5df本篇系列文章主要分析ReactNative源码，分析ReactNative的启动流程、渲染原理、通信机制与线程模型等方面内容。1ReactNative源码篇：源码初识2ReactNative源码篇：代码调用3ReactNative源码篇：启动流程4ReactNative源码篇：渲染

2017-09-28 14:25:35 2712 1

转载前端面试之webpack篇

https://juejin.im/post/59cb6307f265da064e1f65b9还是以前一样，有些概念面试可能会考，我都用*标记了出来，两句话就总结清楚其余的地方如果你想了解webpack，就仔细看看，虽然本教程不能让你webpack玩的很6，但是懂操作流程够了。面试你一般问你webpack的原理，Loader的原理，你有用那些优化措施前端开发已经模块化，它改进了代码库的封装

2017-09-28 14:08:18 35213 1

转载前端面试问题（持续更新）

https://juejin.im/post/59c485075188257e6e2634e01、有关BFC的理解2、盒模型的理解3、box-sizing的理解4、渐进增强 VS 优雅降级5、url->页面加载完成的整个流程6、js组成部分7、如何跨域访问8、js判断数组9、严格模式10、ajax的优缺点11、HTML、XML、XHTML 有什么区别12、html语义化

2017-09-28 13:47:02 1205 1

转载前端周报：前端面试题及答案总结；JavaScript参数传递的深入理解

Paste_Image.png1、2017前端面试题及答案总结|掘金技术征文 "金三银四，金九银十"，用来形容求职最好的几个月。但是随着行业的饱和，初中级前端er就业形势不容乐观。行业状态不可控，我们能做的当然只是让自己变得更加具有竞争力。今年自己也用了几个月的时间来准备笔记面试，巩固基础知识。特此将自己在这个过程总结的题目分享出来，希望对于求职和准备求职的同学有所帮助。htt

2017-09-27 17:18:07 882 1

转载 React开发，仿支付宝付款密码输入框

react-native-passwordInput采用React Native开发，仿支付宝付款密码输入框Install安装包:npm i react-native-input-password --save通过引用import Password from 'react-native-input-password'来使用Demo

2017-09-27 16:07:21 4693 2

转载小度鱼（React-Native）

小度鱼是我业余时间开发维护的一个网络社区系统转载http://bbs.reactnative.cn/topic/4636/%E5%88%86%E4%BA%AB%E8%87%AA%E5%B7%B1%E7%9A%84-react-native-%E7%A4%BE%E5%8C%BA%E9%A1%B9%E7%9B%AE-%E6%AC%A2%E8%BF%8E%E5%9B%B4%E8%A7%82

2017-09-26 21:15:03 1293 2

转载 Vue全家桶实现一个购物Web App

好的生活，聚集美丽，成人之美！从现在做起！http://www.tuicool.com/articles/EBbmAjr效果预览:point_right:预览地址：请点我！在线预览，手机浏览或切换浏览器移动调试PS：google浏览器在切换不同的手机测试，需要重新刷新页面；安卓手机可能不适应:point_right:源码地址： Github在这里

2017-09-25 22:16:34 4574 2

转载 ReactNative集成百度语音合成

http://www.tuicool.com/articles/RVJRBfF语音交互是现今应用最多的智能交互方式，在人工智能越来越火的当下应用十分广泛，所以特别针对车内环境，在驾驶员安心驾驶的时候，用语音可以安全的进行操控。恰好新版项目中要加入语音播报功能，因为我们的应用和司机有关，于是在网上搜索一些解决方案，目前有阿里云，百度云以及科大讯飞还有一些其他公司提供的相关解决方案。不同方案之

2017-09-25 22:15:16 3720 1

转载关于React-Native使用immutable(redux环境下)的一点用法

Immutable的优点每次对Immutable对象的操作返回的都是一个新对象，不会出现“篡改行为”clone行为自下而上，共同部分会被保留，自己以上的节点才会被操作，性能更好api丰富延迟操作等高端姿势为什么性能快，因为用了hash maps tries和vector tries传送门：http://en.wikipedia.org/wiki/Hash_array_mappe

2017-09-25 22:14:21 1470 1

转载 vue 2 使用Bus.js进行兄弟(非父子)组件通信简单案例

vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作为媒介，要相互通信的兄弟组件之中，都引入Bus，之后通过分别调用Bus事件触发和监听来实现组件之间的通信和参数传递。http://www.tuicool.com/articles/7VvAnqF首

2017-09-24 20:53:30 847 1

转载 Immutable.js与React和Redux实践

http://www.tuicool.com/articles/QriYv2B本篇文章将聚焦Immutable与Redux的项目实践，将从多方面阐述Immutable及Redux：包括什么是Immutable，为什么需要使用Immutable，Immutable.js与React，Redux及reselect的组合实践及优化，最后总结使用Immutable可能遇到的一些问题及解决方式。

2017-09-23 23:22:14 595 1

转载 Redux saga

如何使用saga：1.使用createSagaMiddleware方法创建saga 的Middlewareconst sagaMiddleware = createSagaMiddleware()2.在创建的redux的store时，使用applyMiddleware函数将创建的saga Middleware实例绑定到store上.applyMiddleware(sagaM

2017-09-23 23:21:00 864 1

转载 Vue 组件库实践和设计

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

2017-09-22 08:48:41 385 1

转载 Vuex Demo 讲解

vuex官网的专业术语，让有些人还是感觉，摸不着头脑，做一些实用场景给大家看https://juejin.im/post/58fffc52a22b9d0065b8db53state 用来数据共享数据存储mutation 用来注册改变数据状态getters 用来对共享数据进行过滤操作action 解决异步改变共享数据这个四大特征就是核心，如何用怎么用接下来还是按着我们约定的来

2017-09-22 08:47:20 1665 1

转载 Vue4种父子组件数据双向传递

讲重点，今天我就给大家讲讲VUE四种数据双向传递有那些用法https://juejin.im/post/59c270bc5188252c237f851f?utm_source=tuicool&utm_medium=referral一.通过$on , $emit 来进行双向通信使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件这种用法

2017-09-22 08:45:12 3655 1

转载 Vue.js填坑记

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

2017-09-20 18:37:01 873 1

转载 Vue.js项目模板搭建

转载http://www.heeroluo.net/article/detail/137/vuejs-project-template前言从今年（2017年）年初起，我们团队开始引入「Vue.js」开发移动端的产品。作为团队的领头人，我的首要任务就是设计整体的架构。一个良好的架构必定是具备丰富的开发经验后才能搭建出来的。虽然我有多年的前端开发经验，但就「Vue.js」来说，

2017-09-20 18:36:12 1152 1

转载 JavaScript的隐式类型转换浅析

http://blog.csdn.net/sweetllh/article/details/74075142参考博文：http://www.codeceo.com/article/javascript-type-convert.html http://www.jianshu.com/p/0f1e3ff14537JavaScript的数据类型分为六种，分别为null,undefi

2017-09-19 10:23:30 480

转载 js强制类型转换

转载http://blog.csdn.net/sweetllh/article/details/74075353转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是Na

2017-09-19 10:19:29 505

转载谈谈JS中常遇到的浏览器兼容问题和解决方法

http://www.cnblogs.com/duenyang/p/6066737.html今天整理了一下浏览器对JS的兼容问题，希望能给你们带来帮助，我没想到的地方请留言给我，我再加上；常遇到的关于浏览器的宽高问题：//以下均可console.log()实验 var winW=document.body.clientWidth||document.docu

2017-09-19 10:06:00 665

转载 vue(8) - 收藏集 - 掘金

https://segmentfault.com/a/11900000093932312017 百度前端技术学院——vue 源码分析之动态数据绑定一 - 前端 - 掘金一、Object.keys() Object.keys()方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组，数组中属性名的排列顺序和使用(for in)循环遍历该对象时返回的顺序一致 (顺序一致不包括数

2017-09-18 10:51:03 1687

转载 vue(2) - 收藏集 - 掘金

https://segmentfault.com/a/1190000009392936javascript 正则表达式总结 - 前端 - 掘金为什么要使用正则表达式正则表达式通过由普通字符和特殊字符组成的文字模板完成对字符串的校验，搜索，替换。在javascript中类似这样 ...平时自己项目中用到的 CSS - 掘金css有些属性容易忘记，半天不写就要去查api，

2017-09-18 10:49:57 837

转载浅谈JavaScript--声明提升

JavaScript是一种动态语言，不同于C、Java等静态语言先编译后执行，所以代码中的执行顺序并不像你看到的那样执行，有个词你需要知道声明提升，下面我们就来聊聊声明提升。抛砖123a = 1;var a;console.log(a); // 1结果是1，不是undefined。虽然在var a;在a = 1

2017-09-18 10:48:24 695

转载 History API 使用指北

https://yeaseonzhang.github.io/2017/03/03/History-API-%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8C%97/#moreHTML5 History API，基本上是为了SPA(单页应用)而生。History API能够在不刷新页面的情况下，通过和url匹配历史堆栈中的数据取出来，这样就能大大减少数据请求，提

2017-09-18 10:38:36 1265

转载 JS红宝书·读书笔记

JavaScript高级程序设计花了半个多月的时间，终于又把“JS红宝书”又撸了一遍。第一次读“JS红宝书”还是2015年初学JS的时候，那时候只是把语法部分读了一遍，还有一些浏览器相关知识做了下了解，大概也就读了半本的样子，就开始了用JS进行开发了，在成长的道路上遇见了JQuery，当时真的是感觉到JQuery太友好了，慢慢放下了原生开发。现在呢，更多的时候是在用

2017-09-18 10:35:41 5294 1

转载前端面试题及答案总结

转载https://yeaseonzhang.github.io/“金三银四，金九银十”，用来形容求职最好的几个月。但是随着行业的饱和，初中级前端er就业形势不容乐观。行业状态不可控，我们能做的当然只是让自己变得更加具有竞争力。今年自己也用了几个月的时间来准备笔记面试，巩固基础知识。特此将自己在这个过程总结的题目分享出来，希望对于求职和准备求职的同学有所帮助。

2017-09-18 09:40:01 809 1

转载平时自己项目中用到的 CSS

https://juejin.im/post/58da53b7ac502e0058e70abfcss有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。Github: github.com/aototo/blog博客长期更新，喜欢的朋友star一下outline 移除当选中input元素的时候会出现状态线

2017-09-18 09:23:23 842 1

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

2017-09-18 09:10:58 445 1

转载有趣的HTML5：离线存储

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

2017-09-18 09:02:27 616 1

转载 React渲染问题研究以及Immutable的应用

写在前面这里主要介绍自己在React开发中的一些总结，关于react的渲染问题的一点研究。另外本人一直希望在React项目中尝试使用，因此在之前已经介绍过immutable的API，可以参看这里Immutable日常操作之深入API，算是对其的一个补充。本文所有代码请参看github仓库：https://github.com/Rynxiao/immutable-react

2017-09-17 17:00:32 591 1

转载 immutable日常操作之深入API

写在前面本文只是个人在熟悉Immutable.js的一些个人笔记，因此我只根据我自己的情况来熟悉API，所以很多API并没有被列举到，比如常规的push/map/filter/reduce等等操作，这些API我认为只要你自己稍微看一下官网的介绍都可以知道怎么用。本文所有的代码请参看本人的github地址https://github.com/Rynxiao/immutable-learn。

2017-09-17 16:59:56 453 1

转载 webpack教程

1. 导语1.1 什么叫做webpackwebpack is a module bundler.webpack takes modules with dependencies and generates static assets representing those modules.简单的概括就是：webpack是一个模块打包工具，处理模块之间的依赖同时生成对

2017-09-17 16:05:57 1125 1

转载 redux深入理解之中间件(middleware)

本文代码请看本人github，https://github.com/Rynxiao/redux-middleware关于redux运用，请看之前一篇文章http://blog.csdn.net/yuzhongzi81/article/details/51880577理解reduce函数reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从

2017-09-17 15:32:59 470

转载我遇到的前端面试题2017

想知道自己什么水平就出去面试....金九银十，在九月之前把工作落实了，经历了好几个公司的面试，得到一些信息，和大家分享：大部分公司（创业公司）都趋向于招一个牛逼的前端而不是三四个平庸的前端性能优化、ES6必问招聘要求上清一色的要求有一门后端语言的经验，但似乎面试的时候并没有一个公司问过我后端语言方面的东西招聘要求写的和面试相关性并不是很高招人的要求越来越高，不要轻易离职，特别是

2017-09-15 17:46:16 751 1

原创 jsonp跨域百度

* { margin: 0; padding: 0; } #txt { width: 300px; height: 40px; border: 1px solid #f99; font-size: 14px; font-family: "微软雅黑"; } #list { width: 300px; bo

2017-09-15 14:03:29 611

转载深入浅出JSONP--解决ajax跨域问题

取不到数据！　　上周客户新买了服务器，原本在旧的服务器上放着客户的Web主页信息和一个后台程序(asp.net)，在客户的主页中有一个动态显示最新消息的处理，这个处理就是通过ajax异步从那个后台程序中取得的。由于又购买了新的服务器，客户想把web主页和那个后台程序分开来，后台程序被部署到了新的服务器上。不过这个项目是我的同事小福同志开发的，也就由他来把程序分开部署，然后进行一些小改动。　

2017-09-15 13:45:18 603

转载 JSONP - 从理论到实践

同源策略ajax之所以需要“跨域”，罪魁祸首就是浏览器的同源策略。即，一个页面的ajax只能获取这个页面相同源或者相同域的数据。如何叫“同源”或者“同域”呢？——协议、域名、端口号都必须相同。例如：http://google.com 和 https://google.com 不同，因为协议不同；http://localhost:8080 和 http://localhost

2017-09-15 13:28:15 308

转载使用JS在浏览器中判断当前网络连接状态的几种方法

使用JS在客户端判断当前网络状态http://miaoyunze.com/2017/05/04/network-status-check/?utm_source=tuicool&utm_medium=referral1. navigator.onLine2. ajax请求3. 获取网络资源4. window.addEventListener()

2017-09-15 13:26:34 17516 1

转载 [js高手之路]深入浅出webpack教程系列9-打包图片(file-loader)用法

[js高手之路]深入浅出webpack教程系列索引目录：http://www.tuicool.com/articles/VrAVB3b[js高手之路]深入浅出webpack教程系列1-安装与基本打包用法和命令参数[js高手之路]深入浅出webpack教程系列2-配置文件webpack.config.js详解(上)[js高手之路]深入浅出webpack教程系列3-配置文件webpac

2017-09-14 20:51:04 2561

空空如也

空空如也