- 博客(100)
- 收藏
- 关注
转载 vue组件($children,$refs,$parent)的使用
如果项目很大,组件很多,怎么样才能准确的、快速的寻找到我们想要的组件了??转载http://www.tuicool.com/articles/73IRrem1)$refs首先你的给子组件做标记。demo :然后在父组件中,通过this.$refs.one就可以访问了这个自组件了,包括访问自组件的data里面的数据,调用它的函数2)$children他
2017-07-31 09:07:09
8703
转载 React-Router学习
一. 嵌套https://zhuanlan.zhihu.com/p/20381597?columnSlug=purerenderhttp://www.ruanyifeng.com/blog/2016/05/react_router.html?utm_source=tool.luhttp://www.mrfront.com/2016/12/11/react-router-tutorial
2017-07-30 21:24:42
730
1
转载 ReactNative分组列表SectionList使用详情及示例详解
《逻辑性最强的React Native环境搭建与调试》《ReactNative开发工具有这一篇足矣》《解决React Native unable to load script from assets index.android.bundle on windows》《React Native App设置&Android版发布》《史上最易懂——ReactNative
2017-07-29 19:10:47
5638
1
转载 React 常用面试题目与分析
调用 setState 之后发生了什么?https://zhuanlan.zhihu.com/p/24856035在代码中调用setState函数之后,React 会将传入的参数对象与组件当前的状态合并,然后触发所谓的调和过程(Reconciliation)。经过调和过程,React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个UI界面。在 React 得到元
2017-07-28 09:36:57
3067
转载 vue.js几种不同组件(页面)间传值的方式
在应用复杂时,推荐使用vue官网推荐的vuex,以下讨论简单SPA中的组件间传值。一、路由传值 路由对象如下图所示: 在跳转页面的时候,在js代码中的操作如下,在标签中使用标签123456this.$router.push({
2017-07-27 11:05:24
3676
转载 使用vue-router切换页面时,获取上一页url以及当前页面url
今天在实现一个小功能的时候,遇到一个问题,使用vue-router获取上一页面的url信息,我尝试了多种方式,发现使用vue-router的canDeactivate钩子实现这个功能最为方便,现在将我的实现代码总结如下: 项目使用的是vue-cli,直接贴代码 export default { mixins: [], vuex
2017-07-27 11:04:04
16086
2
转载 Generator:同步代码书写异步情怀
编者按:看完本文,你能对ES6的Generator有一个很好的理解,轻松地以同步的方式写异步代码,也能初步理解到TJ大神的co框架的原理。https://segmentfault.com/a/1190000010354158?utm_source=tuicool&utm_medium=referral前言:ES6在2015年6月正式发布,它带给js带来许多新特性,其中一个就是G
2017-07-26 15:43:40
471
转载 Redux:百行代码千行文档
接触Redux不过短短半年,从开始看官方文档的一头雾水,到渐渐已经理解了Redux到底是在做什么,但是绝大数场景下Redux都是配合React一同使用的,因而会引入了React-Redux库,但是正是因为React-Redux库封装了大量方法,使得我们对Redux的理解变的开始模糊。这篇文章将会在Redux源码的角度分析Redux,希望你在阅读之前有部分Redux的基础。转载https://j
2017-07-26 09:03:42
628
转载 详解 Vue 2.4.0 带来的 4 个重大变化
本周Vue.js发布了有着丰富新特性和更加优化的2.4.0版本。https://juejin.im/post/5976b1d66fb9a06bc45d58d1在这篇文章中,我将跟大家分享4个有突破性新特性。服务端渲染异步组件包裹组件内实现属性继承异步组件支持webpack3组件渲染后可保留HTML注释1、服务端渲染异步组件在vue2.4.0以前版本,由于无法支持
2017-07-25 17:37:42
2141
转载 入门 Webpack,看这篇就够了
写在前面的话https://segmentfault.com/a/1190000006178770阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpac
2017-07-25 15:44:57
798
转载 Redux 学习笔记 - 源码阅读
转自https://juejin.im/post/59754b63f265da6c2b76c0c9?utm_source=tuicool&utm_medium=referral很久之前就看过一遍 Redux 相关技术栈的源码,最近在看书的时候发现有些细节已经忘了,而且发现当时的理解有些偏差,打算写几篇学习笔记。这是第一篇,主要记录一下我对 Redux 、redux-thunk 源码的理解。
2017-07-25 08:56:08
533
转载 Vue官方文档梳理-全局API
Vue.extend配置项data必须为function,否则配置无效。data的合并规则(可以看《Vue官方文档梳理-全局配置》)源码如下:传入非function类型的data(上图中data配置为{a:1}),在合并options时,如果data不是function类型,开发版会发出警告,然后直接返回了parentVal,这意味着extend传入的data选项被无视了。我们知道
2017-07-25 08:51:05
517
转载 JS判断客户端是否是iOS或者Android手机移动端
通过判断浏览器的userAgent,用正则来判断手机是否是ios(苹果)和Android(安卓)客户端。代码如下:var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+
2017-07-24 22:32:47
2241
转载 JS实现识别电脑浏览器和手机浏览器
http://blog.youkuaiyun.com/li_magic/article/details/53215140 识别电脑浏览器和手机浏览器 var system ={}; var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac
2017-07-24 22:19:34
3668
转载 js判断浏览器类型
所有浏览器都支持该对象。Navigator 对象包含有关浏览器的信息。Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。<script type="text/JavaScript"> $(function(){ var browser={},matchReg;
2017-07-24 22:14:18
433
转载 js判断浏览器是android还是ios还是微信浏览器
项目中需要扫描二维码之后自动分辨出是Android还是iOS系统,针对于不同的系统进行不同的下载http://blog.youkuaiyun.com/xjtarzan/article/details/46729829方法一:JS判断是否移动端浏览器使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到里即可。script type=”text/javascript
2017-07-24 22:08:30
2566
转载 js查看浏览器类型和版本
http://www.cnblogs.com/leejersey/p/3409202.htmlvar Sys = {};var ua = navigator.userAgent.toLowerCase();var s;var scan;(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :(s = ua.match(/firefox\/
2017-07-24 13:44:21
438
转载 Vue 2.3、2.4 知识点小结
原文连接 blog , 本文不涉及 SSR.https://juejin.im/post/596c7af1f265da6c251906c02.3 参考 https://github.com/vuejs/vue/releases/tag/v2.3.02.4 参考 https://github.com/vuejs/vue/releases/tag/v2.4.0实例 demo
2017-07-24 09:06:20
576
转载 Vue官方文档梳理-全局配置
optionMergeStrategies用于自定义选项的合并策略,Vue已经预定义了一些自己配置项的合并策略,如下图所示。比如props、methods、computed就是同一个策略:子配置项会覆盖父级配置项。源码如下:var strats = config.optionMergeStrategies;strats.props =strats.methods =strat
2017-07-24 08:56:51
6533
转载 Vue官方文档梳理-全局API
Vue.extend配置项data必须为function,否则配置无效。data的合并规则(可以看《Vue官方文档梳理-全局配置》)源码如下:传入非function类型的data(上图中data配置为{a:1}),在合并options时,如果data不是function类型,开发版会发出警告,然后直接返回了parentVal,这意味着extend传入的data选项被无视了。我们知道
2017-07-24 08:55:44
6197
转载 在大型应用中使用 Redux 的五个技巧
http://www.tuicool.com/articles/u6VjIf3Redux 是一个很棒的用于管理应用程序“状态”的工具。单向数据流以及对不可变数据的关注使得推断状态的变化变得很简单。每次状态变化都由一个 action 触发,这会导致 reducer 函数返回一个变更后的新状态。由于客户要在我们的平台上管理或发布广告资源,在 AppNexus 使用 Redux 创建的很多用
2017-07-21 17:33:42
2658
转载 react 版的知乎日报
知乎日报 项目主要使用了 react + react-router + axios + react-slick,API 来自 @izzyleung。这个项目是使用 react 写的第一个项目,边看文档边写。redux 还在学习中,以后考虑在项目中加上 redux 。 之前使用 vue 写过一个知乎日报,vue 版项目地址: https://github.com/yangrenm
2017-07-21 17:31:12
1098
转载 使用 vue2 制作一个知乎日报
知乎日报 本项目主要使用 vue 的全家桶进行开发,项目中使用的 API 来自 知乎Api,通过完成此项目,加深了对 vue 全家桶的学习和理解。 API在使用的过程中遇到了跨域的问题,通过搭建node http 服务,用于转发 API 请求,解决跨域问题,之后将 node http 服务部署到 Heroku ,可以在线访问。搭建 node http 服务部署到Heroku
2017-07-21 17:30:22
2079
转载 React Native 常用的技术
下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水.特此记录下.http://www.cnblogs.com/shaoting/p/7148240.html转载1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付.2.导航条渐隐3.通讯录4.卡片式轮播5.时间轴6.图片+列表的
2017-07-21 17:15:21
931
转载 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-07-21 17:06:55
636
转载 vue-mixins使用注意事项和高级用法
因为在项目中 mixins(混合)特性使用频率是很高的 有必要熟练掌握http://www.deboy.cn/Vue-mixins-advance-tips.html官方文档: mixins实际项目中 一般都存在 列表(list) 这种很常见的使用场景话再多都不如上demofile: mixins/list.js12345678910
2017-07-21 16:43:50
2807
转载 React Native——react-navigation的使用
在React Native中,官方已经推荐使用react-navigation来实现各个界面的跳转和不同板块的切换。react-navigation主要包括三个组件:StackNavigator 导航组件TabNavigator 切换组件DrawerNavigator 抽屉组件StackNavigator用于实现各个页面之间的跳转,TabNavigator用来实现同一个页面上不同界面的
2017-07-21 16:27:29
10161
3
转载 内置组件 -slot讲解
slot是标签的内容扩展,也就是说你用slot就可以在自定义组件时传递给组件内容,组件接收内容并输出。转自http://jspang.com/2017/04/09/vue2_4/4/先来定义一个的组件,这个组件用来显示博主的一些信息。我们在Vue 构造器里的data中给出了信息,信息如下:(博客地址,网名,使用技能)1234567data:{ jspang
2017-07-21 14:06:30
1625
转载 Vue.js 中,7种定义组件模板的方法 | Codementor
在vue中定义模板组件时存在有多种选择。我算了一下,至少有7种不同的方法:http://www.tuicool.com/topicsStringTemplate literalX-TemplatesInlineRender functionsJSXSingle page components当然,可
2017-07-21 08:56:34
575
转载 JS判断页面是否在微信浏览器、QQ浏览器等打开的方法
本文实例讲述了js判断当前页面是否在微信浏览器打开的方法。分享给大家供大家参考,具体如下: 转自http://blog.youkuaiyun.com/jason_wangying/article/details/70739736最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器
2017-07-20 13:11:34
4262
转载 js判断访问浏览器是安卓还是ios还是微信浏览器还是微博
http://sky-xin.iteye.com/blog/2252469var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isi
2017-07-20 13:08:52
778
转载 Vue2开发的读书WebAPP
前言初学vue.js,官网的文档写的很清楚,看着不难。俗话说:光说不练假把式。程序猿学个新东西还是要敲出来看看效果比较好。最开始是想搞个音乐类的,毕竟天天都会听歌,但发现搞音乐类的太多了,我再搞个多没意思。考虑了一下,还是搞个看书的吧,这个还是很少有人搞的。找了找发现只有追书神器的api暴露出来了,起点之类的api找不到。最终效果因为api数据的限制,参考了起点中文网app、起点中文网web端
2017-07-19 13:33:57
896
转载 Vue2 移动端开发环境搭建
Vue本文给出基于 Vue2 的移动端环境搭建,移动端大家更多想到的是响应布局,我们根据不同大小的屏幕进行适配,当然少不了我们的重头戏 rem,移动端相比 pc 端就没什么特别的了。我会一步一步带领大家进入 Vue2 的世界,拥抱变化,熟悉 Vue 1.x 的根据文档可以迅速掌握 2.0,因为其中大约 90% 的语法是重复的。2.0 更多是基于框架本身的
2017-07-19 08:54:15
3636
转载 vue-router中参数传递 && 编程式导航 && 坑 && beforeRouteEnter
第一部分: vue-router参数传递转自http://www.cnblogs.com/zhuzhenwei918/p/6916012.html通过router-link我们可以向路由到的组件传递参数,这在我们实际使用中时非常重要的。 路由: { path:"/DetailPage", component: DetailPage,
2017-07-18 09:11:02
18045
转载 vuex初探
WW(是什么、为什么) 转自http://www.cnblogs.com/zhuzhenwei918/p/6833078.html 什么是vuex? 如果你学过react,那么你就更容易理解vuex,因为vuex相当于react中的redux,它是用于管理数据的工具。我们看一看官网的介绍:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的
2017-07-18 09:04:01
993
转载 vue进阶 --- 实例演示
这篇博客将通过一个实例来对vue构建项目的过程有一个了解。转自http://www.cnblogs.com/zhuzhenwei918/p/6822964.html 主要用到的知识点如下所示:vue-router 2.0路由配置router-view 和 router-link的使用transition控制页面的跳转.vue后缀的单文件组件 调整目录结构
2017-07-18 09:03:47
1004
转载 React-Native 与IOS集成交互
本篇文章记录了在已经创建好的原生项目上集成react-native的过程。一、创建工程我在桌面创建了一个工程,命名RNTest。1_1.png二、添加package.json文件在RNTest目录下创建一个package.json或者直接从别的react-native项目中复制过来。{ "name": "RNTest", "version": "0.
2017-07-18 09:01:26
561
转载 vue核心概念
转自http://www.cnblogs.com/zhuzhenwei918/p/6790920.html1. Vue实例就是其中的data下的对象。 Vue实例的改变,也会导致其中对象的改变。如下: var bar = { foo: "zzw" }; var vm = new Vue({ data: bar });
2017-07-17 13:50:33
1040
转载 Vue axios处理http请求
axios中文文档 https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format axios文档在处理http请求方面,已经不推荐使用vue-resource了,而是使用最新的axios,下面做一个简单的介绍。安装使用nodenpm instal
2017-07-17 13:31:20
2369
转载 vue中遇到的坑 --- 变化检测问题(数组相关)
最近在项目中遇到了一个问题,不知道为什么,所以最后通过动手做demo实践、查文档的方式解决了,这里做一个总结。http://www.cnblogs.com/zhuzhenwei918/p/6893496.html 例1"en"> "UTF-8"> vue "https://unpkg.com/vue@2.3.3/dist/vue.js">
2017-07-17 13:27:14
2446
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人