安装react npm install creat-react-app -g这里直接安装react的一个脚手架，里面包含了要用到的许多东西，帮助快速入门react 创建新项目 用脚手架创建一个新的单页应用，进到项目里面后start跑起来 react组件 引入Component组件 JSX语法 渲染虚 ...
分类：
其他好文 时间：
2018-07-18 14:09:10
阅读次数：
205
单页应用 优点：页面切换快（通过js来进行页面切换，并不请求html文件，使页面切换快） 缺点：首屏时间稍慢 （浏览器一开始会加载必需的HTML、CSS和JavaScript，然后在通过js进行操作，即请求一次html,在请求一次js,都返回来才可以） SEO差 （浏览器只认识HTML内容 不认识j ...
分类：
其他好文 时间：
2018-07-08 23:11:21
阅读次数：
230
Vue+Vue--Router结合开发 在实际开发中，用 Vue.js + vue-router 创建单页应用，是非常简单的。 在使用 Vue.js 时，我们就已经把组件组合成一个应用了，当你要把 vue-router 加进来，只需要配置组件和路由映射，然后告诉 vue-router 在哪里渲染它们 ...
分类：
其他好文 时间：
2018-07-08 18:09:51
阅读次数：
182
SPA单页应用中微信授权登录的一点思路 单页应用应该如何解决微信授权登录的尴尬跳转？后退无法返回？主要遇到的问题就是 先进入单页应用，一边渲染页面一边判断用户有没有登录，当判断到没有登录时异步数据请求已经发送出去了，然后要跳转到微信授权页面，这样就浪费了一次网络请求且用户可能要去点击这个数据了结果. ...
分类：
微信 时间：
2018-07-08 16:43:37
阅读次数：
325
对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。 安装 基于传统，我更喜欢采用npm包的形式进行安装。 npm install vue-router --save 当然，官方采用了多种方式进行安装，包括bower,cdn等。 基本用法 在HTML文 ...
分类：
Web程序 时间：
2018-07-06 01:30:08
阅读次数：
280
一、前言 vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代 ...
分类：
Web程序 时间：
2018-06-29 11:13:25
阅读次数：
254
SPA应用部署时首屏启动慢问题解决方案 使用vuejs开发的单页应用，打包部署上线后，发现首屏启动时间达到了惊人的10s左右，于是开始优化，目前使用到的总结如下： 巧用webpack插件 1、抽取css文件 2、模块化抽取 对应的entry是这么写的： 3、gzip代码压缩 4、代码压缩 nginx ...
分类：
其他好文 时间：
2018-05-31 00:32:49
阅读次数：
366
周末开发了一个在 GitHub 中给 repo 增加自定义备注的 chrome 扩展。 开发这个扩展的原因是我在 GitHub 中所 star 的项目实在太多了（截止目前 671 个），有的项目过个几天回来看就忘了为什么 star 了，有的轮子想找的时候发现忘记叫什么了，这么多一个个找实在浪费时间。 ...
分类：
Web程序 时间：
2018-05-27 23:34:59
阅读次数：
325
当我们在写单页应用的时候，前端路由采用vue-router实现，如果从页面A跳到页面B，然后点浏览器返回，返回到页面A时，页面会刷新。最近遇到一个需求，一个列表页，用户会根据条件进行筛选，也可以翻页，当用户筛选后点击具体的某一个条目时，进入详情页查看编辑详情，用户点击返回时，希望之前页面的筛选条件也 ...
分类：
其他好文 时间：
2018-05-27 15:38:49
阅读次数：
694
一、前言 vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代 ...
分类：
Web程序 时间：
2018-05-23 14:18:16
阅读次数：
230
