基于 Webpack & Vue & Vue-Router 的 SPA 初体验

最近这几年的前端圈子，由于戏台一般精彩纷呈，从 MVC 到 MVVM，你刚唱罢我登场。 backbone，angularjs 已成昨日黄花，reactjs 如日中天，同时另一更轻量的 vue 发展势头更猛，尤其是即将 release 的2.0版本，号称兼具了 angularjs 和 reactjs 的两者优点。不过现在的官方版本还是1.0 ，下面就是基于1.0版本的初体验。 1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是

小程序页面跳转方法总结

在开发小程序的时候，会碰到页面间进行跳转的需求，小程序间页面跳转的方法有很多，大体分为两类，一个是指令方式，一个是用过js控制。

小程序 | 15-页面跳转

实现界面跳转有两种方式：通过 navigator 组件 和 通过 wx 的 api 跳转

MUI-tab两种实现方式 原

二、另一种方式是原生方式，首先新建移动app,选择底部选项卡模板，会生成原生控件的底部选项卡模板

前端|Bootstrap——导航组件

Bootstrap是一个用于快速开发Web 应用程序和网站的前端框架，它提供了一个带有网格系统、链接样式、背景的基本结构。Bootstrap提供了许多的组件，其中就包括导航组件。这在很大程度上简化了操作。通常都是利用列表实现来导航的，常用的是无序列表（

）和有序列表（
）。自定义列表（

）一般不会用来实现导航。

01

Vue-router(路由)

2.定义(注册)路由跳转的组件----使用全局扩展的方式,用其他创建组件的方式也可以 在这里,进行了一个赋值操作,用一个变量名保存组件中所有的内容

Kibana源码剖析 —— savedSearch从读取到跳转

持久化对象 Kibana中可以查询到很多保存的对象，他们都存储在es中一个叫做.kibana的索引中。 搜索 存储在type为search中; 图表 存储在type为visualization中； 仪表板 存储在type为dashboard中； 每个plugins下的tab页都有一个对应的savedObject对象，比如 检索页对应的是savedSearch对象(discover/saved_searches/_saved_search.js) 图表页对应的是savedVisualization对象(vis

easyui内嵌iframe问题解决

摘要总结：本篇文章主要介绍了在EasyUI中如何通过内嵌iframe实现tab页跳转以及如何在iframe子页面中调用父页面的方法。同时还提到了在tab页中如何实现新增同级tab页并刷新tab页。

你的 Link Button 能让用户选择新页面打开吗？

我想表达的是「需要导航能力的可点击元素」（Link Button是为了方便沟通而创造的名词）

uni-app 与 Vue H5 项目通讯

可以内嵌在移动端，实现前端的混合式开发，大多数混合式开发框架都是基于WebView模式进行二次开发的。比如：APIcloud、uni-app等等的框架。

uni-app 与 Vue H5 项目通讯

可以内嵌在移动端，实现前端的混合式开发，大多数混合式开发框架都是基于WebView模式进行二次开发的。比如：APIcloud、uni-app等等的框架。

微信小程序|顶部导航标签栏

当我们在一个小程序中想要查看某些信息，总是以页面顶部的一个导航栏展示出来，点击该导航栏上的各个标签则会出现对应页面内容。而如何实现顶部的标签导航，则需要我们引入dist中的tab组件。

微信小程序自定义 tabBar 踩坑实践

创建一个与 /pages 的同级目录，命名为 /custom-tab-bar，注意目录层级与目录命名问题，不可用其他名称命名。

小程序wx.switchTab的跳转传参问题

这篇文章demo是为了一个粉丝（实力宠粉，手动微笑，哈哈）写的，正好今天周五，时间还是比较多的，不急着回家，因为回家也是玩游戏，留在办公室里面还可以多学习一些知识。和这篇文章类似，小程序扫码成功后带着参数跳转到指定页面,不同的地方是tab页的跳转。

微信小程序后端开发流程_微信小程序开发入门

最近一大学同窗开了家自习室，需要一个自习室的预约微信小程序，又恰好手上没有什么代码项目在写，本着少一事不如多一事的原则，尝试了第一次的微信小程序开发。白天要上班，只能利用晚上时间编写，反正他也不着急开业，于是前前后后用了大概半个月的时间，故做记录。 刚开始写，确实没什么经验，不知从何下手，每当这时，当然是坚持一个原则，划重点，开源无国界（天下代码一大抄）。当然，不管哪种语言，初学者都是从看会别人的代码开始的。 在这里，我不说明具体的代码，也不分析具体的代码，只大概分析一下，一个自习室预约软件的需求。总的来说，两点，前端微信小程序和后台服务器。

前端处理动态 url 和 pushStatus 的使用

起因是这样的，在尝试前后端分离的这条道路上，我自己也在不断摸索，感觉要把大部分的坑都踩踩了。目前我用的技术是：

身为程序猿——谷歌浏览器的这些骚操作你真的废吗！【熬夜整理&建议收藏】[通俗易懂]

前言——几日前，我那上初中的妹妹突然发VX问我说她想复制网上搜到的一些朋友圈文案拿去发朋友圈，但是问题是复制不了！

Sublime快捷键与常用插件配置总结 【原创】

Sublime快捷键与常用插件配置总结 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 Sublime快捷键与常用插件配置总结 1. 快捷键 2. 安装Package Control 2.1 命令行安装： 2.2 手动安装 3. 插件安装卸载

HTML基础

作用：为文本添加特殊格式，以突出重点。常见的文本格式：加粗、倾斜、下划线、删除线等。

微信开发--微信小程序(四)

1.小程序向后台请求接口必须使用https，包括web-view里的网页，如果项目中有用到web socket，那么也必须使用wss协议。https证书一般会用第三方的。比如阿里云的。 2.在微信小程序管理后台，还需要配置合法域名。当然，在后台还没有部署https之前，我们也可以进行开发调试，只需要设置不校验合法域名，https证书等即可。步骤 : 工具--项目详情--不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书

react-native之navigation

这个文件目录除了src 其他的都是通过react-native init my_app自动生成的。

在线教育app开发+小程序项目开发要点

本项目的一个教育培训服务APP。提供在线浏览机构信息、名师风采和课程预约订购等功能。

sublime text2快捷键的使用

1. 文件快速导航：  这是sublime上面很好用的功能之一， ctrl+p可以调出窗口，菜单上的解释是gotoanythings ，确实如其所言，调出窗口后，直接输入关键字，可以在已打开的项目文件夹中进行快速文件名导航，而且支持模糊搜索,对于不想一直鼠标点开文件夹的同学来说极为方便， 并且在该窗口里加上:前缀即为行跳转(ctrl+G)， 加上@(ctrl+R)前缀在html里是id 关键字导航，css里是每条规则导航，js里则是每个function导航。  2. 命令行模式 ctrl+` 可以调出命令行

React Native开发之react-navigation库详解

众所周知，在多页面应用程序中，页面的跳转是通过路由或导航器来实现的。在0.44版本之前，开发者可以直接使用官方提供的Navigator组件来实现页面的跳转，不过从0.44版本开始，Navigator被官方从react native的核心组件库中剥离出来，放到react-native-deprecated-custom-components的模块中。 如果开发者需要继续使用Navigator，则需要先使用yarn add react-native-deprecated-custom-components命令安装后再使用。不过，官方并不建议开发者这么做，而是建议开发者直接使用导航库react-navigation。react-navigation是React Native社区非常著名的页面导航库，可以用来实现各种页面的跳转操作。 目前，react-navigation支持三种类型的导航器，分别是StackNavigator、TabNavigator和DrawerNavigator。具体区别如下：

chrome插件如何与web实现单点登录

在chrome插件中，我们通常会看到在插件端登录操作会跳转到第三方独立的web去登录，一旦web登录，返回到插件端，一刷新页面，插件就自动登录了。这是如何实现的呢？本文是插件与web端的单点登录的一篇总结笔记，希望看完在项目中有所帮助。

BuildAdmin14：关闭tab，居然用了vue-router的重定向

上一篇讲了重新加载标签功能的实现，主要是利用了mitt事件总线库。本篇文章就接着实现关闭标签的功能。

Visual Studio Code 快捷键大全（Windows）

Visual Studio Code 快捷键大全（Windows）

零基础学开发，她做了款「仿知乎」小程序 | 实战教程

有多少人是零基础，又想学小程序开发呢？ 今天，知晓程序（微信号 zxcx0101）给大家分享一个励志案例：一个读大气科学、自学前端开发的妹子，因为喜欢逛知乎，自己做出了一款「仿知乎」小程序。 希望她

微信小程序面试题总结

大体相同，但小程序直接this.data的属性是不可以同步到视图的，必须调用this.setData()方法！

小程序开发仿微信界面 DEMO

前言 先看一个视频，这个视频并不是去演示如何使用微信，而是演示基于wepy开发的微信小程序demo。 点击观看视频 : 【wepy开发的微信小程序demo 】 demo中包含的功能有： 仿微信界面 联

32. 精读《React Router4.0 进阶概念》

本期精读的文章是：React Router 进阶：嵌套路由，代码分割，转场动画等等。

微信小程序实用代码段（持续更新中）

两年前的文章，被收藏了368次。挺实用的，可以看看。排名不分先后，按自己的习惯来的。总结经验，不喜勿喷哦~

微信小程序从零开始开发步骤（六）4种页面跳转的方法

用法：用于页面跳转，相当于html里面的标签。 API教程：https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html 四种跳转的方法，在index里面写下一段代码进行测试 1：从首页跳转到日志页面（可以返回） （注意，在没有设置底部导航的情况下，没有tab也可使用这个属性，有tab页则需更换

微信小程序4种跳转方式

wx.navigateTo  用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。 wx.redirectTo  当页面过多时，被保留页面会挤占微信分配给小程序的内存，或是达到微信所限制的 5 层页面栈。这时，我们应该考虑选择 wx.redirectTo。wx.redirectTo()用于关闭当前页面，跳转到应用内的某个页面

Sublime Text3 使用教程

Sublime Text 是一款代码编辑器，其具有漂亮的界面和强大的功能，如：代码缩略图，Java、JavaScript、Python语言插件，代码段补充等并且Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

sublime Text 开发工具

1、创建方法：Tools（工具）- > New Snippet（新代码片段）,会看到以下结构

Chrome 常用快捷键

Chrome keyboard shortcuts - Computer - Google Support

最佳实战|如何使用腾讯云微搭从0到1开发企业门户应用

在创建应用之前，我们需要知道，当应用中存在使用动态数据功能模块时，便需要创建对应的数据模型进行管理。以企业门户应用为例，我们需要创建的数据模型以及字段如下：

最佳实战|如何使用腾讯云微搭从0到1开发企业门户应用

在创建应用之前，我们需要知道，当应用中存在使用动态数据功能模块时，便需要创建对应的数据模型进行管理。以企业门户应用为例，我们需要创建的数据模型以及字段如下：

跨 Tab 窗口通信是如何实现的

代码不多，核心代码 200 行，感兴趣的可以戳这里：Github - broadcastAnimation[1]

React 中后台系统多页签实现

本项目是我现在所在部门的项目，是一个企业级中后台管理系统，包括系统管理、角色权限体系、基于 Activiti 的工作流引擎等很多开箱即用的功能。项目包括前后端，后端是我们部门自研的基于 Spring 的企业级 Java 框架，前端是 React 技术栈，当时还是 v15 版本。React Router 还是 v2 版本。

最佳实战|如何使用腾讯云微搭从0到1开发企业门户应用

在创建应用之前，我们需要知道，当应用中存在使用动态数据功能模块时，便需要创建对应的数据模型进行管理。以企业门户应用为例，我们需要创建的数据模型以及字段如下：

Chrome 浏览器最牛插件之一 Vimium

最近学习了一下，整理了一下官方的默认按键。其中我使用到的都进行了中文翻译，一些没有翻译的是我没有使用的，这部分理解不深，不想误导大家，所以将英文原文放在这里，还望大神指点。

【实战】1096- React 中后台系统多页签实现

本项目是我现在所在部门的项目，是一个企业级中后台管理系统，包括系统管理、角色权限体系、基于 Activiti 的工作流引擎等很多开箱即用的功能。项目包括前后端，后端是我们部门自研的基于 Spring 的企业级 Java 框架，前端是 React 技术栈，当时还是 v15 版本。React Router 还是 v2 版本。

BuildAdmin05：如何玩转Vue路由动态加载

vue-router在BuildAdmin中主要实现了菜单栏和tabs标签页两大模块，而这两个模块是比较复杂的，所以对vue-router需要有一个很好的掌握。

Alfred快速启动开发环境

Alfred是一款Mac系统必装软件，他提供快速启动App、全文查找文件、workflow自动化流程等功能。本文介绍如何使用Alfred Workflow+Apple Script实现快速启动开发环境。 问题 & 设想 先梳理下，我在日常启动前端的工作环境时，需要手动操作的步骤： 打开Webstorm并选择开发项目（10秒） 打开iterm命令行工具，并cd到项目下（5秒） 打开whistle代理（5秒） 打开chrome浏览器工作必须的插件，比如代理插件、react、vue调试插件（20秒） 打开c

浏览器跨 Tab 窗口通信原理及应用实践

代码不多，核心代码 200 行，感兴趣的可以戳这里：Github - broadcastAnimation

sublime Text3使用笔记

转载：http://blog.csdn.net/u012771929/article/details/30030249 目录： 1.setting 　　安装插件，package control ，Emmet使用 2.快捷操作       选择，编辑，搜索，显示 ---- 1.settings preferences>>settings default存储的默认格式信息； preferences>>settings user可以自己配置信息，格式为json 1.1安装插件 从官网下的版本是没有插件的，需要自己

开发 | 天天用小程序页面跳转接口，但你真的了解它们吗？

今天，知晓程序（微信号 zxcx0101）就来为你详细解析，小程序中有关页面跳转的 4 个接口，帮助你更有效地利用小程序的 5 层页面层级限制。