大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

vue-router 路由和组件

vue-router 路由和组件 vue-router 是 vue 中需要学习的一个重要部分, 下面我来与大家分享下自己的经验 以 饿了么APP 为例 底部是我用 mint-ui 做成的公共组件, 取名为 "BottomTab" 首先我们来配置下公共组件 BottomTab, 代码如下 (mint-ui 引入需要单独配置, 这里不做详述) -- 首页 -- 发现 -- 订单 -- 我的 export default { name: "BottomTab", data() { return { currentId: "" };

组件化在项目中的使用姿势

png 接下来针对上面的结构我们来简要解释下,以及一些注意事项等。 app壳工程 首先app这个组件作为项目的壳,里面没有任何代码,主要做两件事,一是我们可以在这个壳工程中的build.gradle中去配置一些签名信息以及非组件化时依赖其他业务等组件的判断 依赖配置. 还是先把业务组件的大体结构展示下吧,不然说起来..

vue中慎用style的scoped属性

浏览器渲染button组件 button组件在浏览器渲染出的html部分和css部分分别为: text .模块一般组件(未添加scoped)引用模块私有组件 如果style上没有加scoped属性,那么渲染出来html和css分别就是: text /*button.vue渲染出来的css*/ . } /*content.vue渲染出来的css*/ .content[data-v-57bc25a0]{ width: 1200px;

腾讯正式开源 QMUI Web 前端框架!

腾讯正式开源 QMUI Web 前端框架! 前言 经过长时间的打磨迭代,QMUI Web作为腾讯广研 QMUI 团队的一个开源项目,正式发布到 Tencent Github。QMUI Web 是一个 Web UI 的解决方案,从零开始,由编码规范,到组件和工具方法的制作,再到工作流的整合,不断在迭代,也不断在优化,走过了不少的路。 QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要

Redux书写习惯

}) } }) 上述代码的大致意思就是:当路由走到user页面的时候,到对应模块下的redux文件中 获取对应reducer,创建一个obj,key是数据源的名称,reducer是写好的reducer,注入到全局的store中。 路由结构: . return array; } 页面使用的时候: import React from 'react' import { connect } from 'react-redux' import { bindActionCreators } from 'redux' import actions from '. } } const mapStateToProps = state = ({ list: state.list, });

YII2通过composer优化vendor

'/vendor', 总结: 我们在使用compser时需要考虑以下三个问题 1 composer install 和composer update的区别 2 composer版本管理和稳定性 3 公共组件如何以 composer包的方式输出和维护 以下命令区别参考网络资料整理 composer install 应该是最常用的命令,composer会根据本地的composer.json安装包,将下载的包放入项目下的vendor目录下,同时将安装时候的包版本信息放入到composer.lock,以便锁定版本.

immutable在redux中的应用

immutable在redux中的应用 本文转自我的博客阅读原文。 一览 整合各个子的reducer redux官方提供的combineReducers只支持原生JS的形式,所以这里要用redux-immutable提供的combineReducers来代替。 import {combineReducers} from 'redux-immutable' import dish from '. var data1 = immutableData.get('a') // data1 = 1 var data2 = immutableData.getIn(['c', 'd']) // data2 = 3 getIn用于深层结构访问 var data3 = immutableData.set('a' , 2);

iOS 组件化整理

png 源码 #WTAppDelegate.h @interface WTAppDelegate : UIResponder @property (strong, nonatomic) UIWindow *window; } - (instancetype)init { self = [super init]; } + (id)performAPI:(NSString *)moduleName methodName:(NSString *)methodName withParams:(NSDictionary *)params { Class targetClass = [WTModuleMessager serviceClassFromString:moduleName]; if (hasCallBack) { selectorString = [NSString stringWithFormat:@" block:",serviceClassMS]; } else { selectorString = [NSString stringWithFormat:@"

一个美丽的错误Static Library引用Framework

一个美丽的错误Static Library引用Framework 随着业务的发展或者项目的增长,为了更好的维护代码,在项目的开发后期都会对项目的一些公有组件和基础业务进行封装。最近由于一个人需要负责多个SDK的开发,后续公司可能还会继续开发新的SDK,对于每一个新的SDK的开发,如果我都从底层的基础库(网络,解析,工具类等)再到业务逻辑层都重新开发的话,会需要很多的时间,并

YII2通过composer优化vendor

composer update composer.lock文件中的包版本会被更新,composer.json记录的包都会被更新到最新。 这个命令要谨慎使用。 如果组件已经使用composer引用到项目中,成为公共组件,需要谨慎使用composer命令,当然需要专人负责维护,没有共享操作权限。 参考文档 Composer四种加载方式 http://nai8.me/sapper-view.html?

微信小程序开发之压缩实践

} 这样并不会执行Page(pageOpt),页面也没注册啊。这就是要达到的目的,继续往后看。 将所有这些入口require到一个统一的入口文件中,然后用 webpack 打包压缩输出到bundle.js。 require('app.js')require('page1.js')require('page2.js')./bundle.js')即大功告成。 压缩 WXML、WXSS、JSON WXML //gm去除注释 /\"\n\s*/g去除换行 WXSS 直接用uglifycss JSON 直接JSON.stringify(JSON.parse(.

CSS 公共样式分享

zoom{zoom:1} .text-align: left;}body {font-size: 14px;text-align: center;background-repeat: repeat-x;}table {border-collapse: collapse;}input {padding: 1px;word-spacing: normal;overflow: hidden; /* resets display for IE/Win */ } /* Only IE can see inside the conditional comment and read this CSS rule. Don't ever use a normal HTML comment inside the CC or it will close prematurely. */ /======万能Float闭合2======/.

360前端负责人月影:赛跑项目和跳水项目的金牌含量其实一样

360前端负责人月影:赛跑项目和跳水项目的金牌含量其实一样 本文仅用于学习和交流,不用于商业目的。非商业转载请注明作译者、出处,并保留本文的原始链接:http://www.ituring.com.cn/Art... 编者语 通往360的酒仙桥路真是名副其实的“堵”,难到是大公司感召人才的魅力所致?采访当天,恰巧碰到高校毕业生面试大军。这么想来,李松峰老师特意下来直接把我领进办公楼,确

使用dva+antd快速构建单页面应用

var argv = require('yargs').roadhogrc配置文件,env为当前环境模式,pkg为package.json文件内容,paths是上面的path相关的路径信息。 roadhog默认配置文件使用json格式的配置,允许在文件中使用注释: return (0, _parseJsonPretty2.default)((0, _stripJsonComments2.default)((0, _fs.readFileSync)(rcConfig, 'utf-8')), '.roadhogrc.js文件,使用纯js来实现配置。返回一个配置对象就可以了。 使用.

技术栈的沉淀

tmpl(list).直接渲染上,堪比v-for;然而现在vue,angular框架可以替代jquery,同时开发效率高 2、小坑总结大法 在处理json数据的时候多用原生方法toString()和split();[Paste_Image.png](https://user-gold-cdn.xitu.io/2017/4/17/0a769ba168157b96a319d9eea620dd18) 开发请时刻打开葵花宝典微信开发者文档(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|exe|map|json)$ { root D:/resource/public;

React 组件与享元模式

React 组件与享元模式 我们在react/react-native的代码中都有这样的代码 import { View, StyleSheet, ScrollView, ListView, StatusBar, InteractionManager, Navigator

编写高质量的 HTML 代码

margin-right:auto;zoom 类 .流中的位置, 同时激活 top,right,bottom,left 和 z-index属性,这在未激活之前是无效的 网页虽然看起来是平面的二维结构,但是实际上它是存在 Z 轴的, Z 轴的大小由 z-index 来决定,默认情况下所有的元素都是在 z-index 这一层的。 元素根据自己的 display 类型, 长宽以及内外边距等属性来排列在 z-index :0 这一层里,我们称之为 文档

腾讯 QMUI 团队 Web 前端框架正式发布

腾讯 QMUI 团队 Web 前端框架正式发布 webOfficialPreview.jpg QMUI Web 一个旨在提高 UI 开发效率、快速产生项目 UI 的前端框架,由腾讯 QMUI 团队出品 Github:https://github.com/QMUI/qmui_web 官网:http://qmuiteam.com/web Quick Start document for English QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成。通过 QMUI Web,开

红包日历ios版本——基于vue全家桶的webapp单页应用

红包日历ios版本——基于vue全家桶的webapp单页应用 项目介绍:制作一个网赚应用平台:ios手机技术选型:vue + vuex + vue-router + vue-resource + webpack + es6 + sass + postcss最终效果图:更多可到App Store下载“悦动music” 首页 tipLayer 背景 毕业之后首个用新技术单独完成的项目,项目是从2015.10月开始的,当时vue还没有2. } } //waitForData: true }, methods: { fetchData: function(. } try { rest[0].