- 博客(294)
- 收藏
- 关注
RSS订阅转载 使用vue-router切换页面时，获取上一页url以及当前页面url
今天在实现一个小功能的时候，遇到一个问题，使用vue-router获取上一页面的url信息，我尝试了多种方式，发现使用vue-router的canDeactivate钩子实现这个功能最为方便，现在将我的实现代码总结如下: 项目使用的是vue-cli,直接贴代码 export default { mixins: [], vuex: {
2017-07-28 14:40:53
16247
转载 vue2.0脚手架的webpack 配置文件分析
最近在项目中遇到了一个问题，不知道为什么，所以最后通过动手做demo实践、查文档的方式解决了，这里做一个总结。http://www.cnblogs.com/zhuzhenwei918/p/6893496.html 例1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <s
2017-07-24 14:17:10
687
转载 vue数组中数据变化但是视图没有更新解决方案
场景在我使用vuex的过程中，使用computed获取数据。获取到的数据格式是这个样子的http://www.cnblogs.com/sufubo/p/6906261.html#undefinedcarts: [{}, {}, {}]但是我在这个页面中需要给这个数据额外添加一个数据字段carts[index].editState = false;遇到的问题当我这样开始做的时候，是直接在conpu
2017-07-22 14:37:52
14704
转载 Vuejs2.0 小应用
前段时间利用闲暇时间学习Vuejs并且做了一个实例，主要使用vue-router实现路由控制，vuex对程序进行状态管理，axios发送http请求。对数据在组件间的传递、webpack打包工具、数据的双向绑定有更深刻的了解和认识。http://www.huzerui.com/blog/2017/02/04/vuejs-demo/?utm_source=tuicool&utm_medium=refe
2017-07-22 14:37:13
430
转载 vue2.0之axios使用详解(二)
发了vue2.0之axios使用详解(一)后，有朋友问如何在实际项目中使用，下面把我平常用的两种方法分享下，自己在实际项目中总结的方法，有不好的地方还请指正，共同提高，谢谢！[javascript] view plain copy 方法一:直接在.vue文件中引入使用 在.vue文件中使用 <script> import axios from ‘axios’; ex
2017-07-22 14:34:33
479
转载 vue2.0之axios使用详解(一)
axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用http://blog.youkuaiyun.com/binginsist/article/details/65630547功能特性在浏览器中发送 XMLHttpRequests 请求在 node.js 中发送 http请求支持 Promise API拦截请求和响应转换请求和响应数据自动转换 JSON 数据客户端支
2017-07-22 14:33:58
483
转载 每个人都能做的网易云音乐[vue全家桶]
仿网易云音乐(webapp)项目地址 (project address)api来源 感谢binaryify让我能用喜欢的东西做一个属于自己的播放器!http://www.tuicool.com/articles/ye2Un23源码地址 不要脸的求star 哈哈哈!!!项目预览 1mhere.cn (pc端按F12切换手机调试模式效果更佳!)(移动端可直接扫码)技术栈 (technology)vu
2017-07-22 14:31:43
1378
转载 用Vue高仿qq音乐官网-pc端
用Vue高仿qq音乐官网-pc端一直想做一个vue项目 然后呢 我就做了http://www.tuicool.com/articles/eymeiiN效果预览部分地方不全部根据原版，也有自由发挥的，目前功能模块比较简陋，要完整显示效果必须接入后端数据，请下载以下api文件并打开网易云音乐API项目地址： githubBuild Setup# install dependenciescnpm i
2017-07-22 14:30:32
2653
转载 网易云音乐移动客户端Vue.js
项目预览https://github.com/MengZhaoFly/netease_yanxuanvue版网易严选,体验网易严选购物流程，线上访问:http://zhaoboy.bid/yanxuan/#/线上访问:http://zhaoboy.bid/yanxuan/#/或者二维码扫描: 项目描述vue全家桶模仿网易严选浏览，购物流程，好的生活，没那么贵。技术栈前后端分离,CORS解决跨
2017-07-22 14:29:35
640
转载 用 Vue 撸一个微博客户端
Pixel-Web这是一个 Vue 微博客户端Github项目地址：https://github.com/Werb/Pixel-Web欢迎关注我的微博：wanbo-Intro我是一个前端小白，突发奇想自学 Vue ，前前后后写了一个月时间使用 vue-cli 构建、打包, 配合 vue全家桶（vue、vuex、vue-router）进行编码使用 axios 进行资源请求使用 Node.js 对 ap
2017-07-22 14:28:12
771
转载 使用 vue2 制作一个知乎日报
知乎日报 本项目主要使用 vue 的全家桶进行开发，项目中使用的 API 来自 知乎Api，通过完成此项目，加深了对 vue 全家桶的学习和理解。 API在使用的过程中遇到了跨域的问题，通过搭建node http 服务，用于转发 API 请求，解决跨域问题，之后将 node http 服务部署到 Heroku ，可以在线访问。搭建 node http 服务部署到Heroku项目地址ht
2017-07-22 14:25:11
506
转载 Vue2.0全家桶仿腾讯课堂（移动端）
最近在学习vue,觉得超好用，忍不住自己仿了个腾讯课堂练练手，不当之处还请大家指正（持续更新中）。http://www.tuicool.com/articles/INRz2eI效果预览:point_right:在线预览： 点我！！！在线预览，手机浏览或切换浏览器移动调试:point_right:源码地址： Github :sparkles::sparkles:求你的小星星～描述前端部分SPA
2017-07-22 14:21:37
1272
转载 javascript封装自定义滚动条方法，可自定义四个边框滚动条
http://www.cnblogs.com/webhb/p/5755762.html还是根据我的个人习惯封装了一个方法 setScroll({ box :父盒子DOM对象, content : 内容盒子DOM对象, scrollall : 滚动条大盒子DOM对象, scroll : 滚动条DOM对象, direction: 垂直滚动条还是水平滚动条 }) 该方法传入一个object，前四
2017-06-08 19:33:52
412
转载 JS控制静态页面之间传递参数获取参数并应用(window.location)
在项目中遇到这也一个问题：有a.html和b.html。1.a页面已经打开，b页面尚未打开，我希望在a页面设置好一些列参数，比如背景色，宽度等参数，传递给b页面，好让b页面在打开就能应用。2.a页面已经打开，b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。注意：不涉及跨域问题。 想了很久，终于想到了解决方案。第一个问题，我们可以利用html页面锚点的特性，将参数通
2017-06-08 19:33:05
602
转载 Object.keys()js 把对象按照属性名的字母顺序进行排列
js 把对象按照属性名的字母顺序进行排列var obj = {name: "zhangsan", age: 8, ace: 5, nbme: "lisi"};//要排序的对象function objKeySort(obj) {//排序的函数 var newkey = Object.keys(obj).sort(); //先用Object内置类的keys方法获取要排序对象的属性名，再利用
2017-06-08 19:32:39
2419
转载 javascript 获取当前系统时间
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDa
2017-06-08 19:31:58
507
转载 javascript Date format(js日期格式化)
javascript Date format(js日期格式化)方法一：// 对Date的扩展，将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子： // (new Date()).Format(
2017-06-08 19:31:26
551
转载 推荐10 个短小却超实用的 JavaScript 代码段
推荐10 个短小却超实用的 JavaScript 代码段字数2018 阅读5303 评论9 喜欢219JavaScript正变得越来越流行，它已经成为前端开发的第一选择，并且利用基于JavaScript语言的NodeJS，我们也可以开发出高性能的后端服务，甚至我还看到在硬件编程领域也出现了JavaScript的身影。JavaScript正在逐渐进化为一门全能的开发语言。但用好JavaScript
2017-06-08 19:30:46
259
转载 基于Node的React图片上传组件实现
写在前面红旗不倒，誓把JavaScript进行到底！今天介绍我的开源项目 Royal 里的图片上传组件的前后端实现原理（React+ Node），花了一些时间，希望对你有所帮助。http://blog.youkuaiyun.com/u011413061/article/details/52169321前端实现遵循React 组件化的思想，我把图片上传做成了一个独立的组件（没有其他依赖），直接import即可。
2017-06-08 19:27:26
525
转载 express搭建nodeJS中间层（三）
写在前面之前2篇已经比较详细地介绍用express搭建nodeJS中间层并部署到centOS服务器，用forever管理nodeJS进程，这一系列工作 都是基于 项目已经调试 完毕了。但实际开发过程中会发现 每次修改完 代码后 都需要关闭node进程然后 重启才能生效，特别麻烦，这篇就介绍一个 自动监听并同步的的 node工具——supervisor。全局安装 supervisor直接用npm安装
2017-06-08 19:26:39
261
转载 express搭建nodeJS中间层(一)（二）
express搭建nodeJS中间层（一）2016-01-10写在前面好了，准备了一周的理论知识和开发方案，nodeJS中间层搭建项目从今天就开始了。作为项目的负责人和初次尝试者，我会把开发的过程中用到的技术、碰到的壁一个个用文章记录下来。http://jafeney.com/2016/01/10/2016-01-10-express-1/express框架介绍express框架是nodeJ
2017-06-08 19:26:18
438
转载 深入理解express框架
写在前面Express 是一个简洁而灵活的 Node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。http://jafeney.com/2016/01/10/2016-01-10-express/Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的
2017-06-08 19:25:24
397
转载 git常用命令总结以及用github来展示你的前端页面
命令小结命令 功能git init把当前文件夹初始化为默认的git库git add 文件名向git库中添加一个文件git rm 文件名从git库中删除一个文件git status查看当前库中进行的任务git diff 文件名add前查看工作区和暂存区的差别git commit -m “修改内容”把修改内容提交上去，用于区别版本git checkout – 文件名在add之前把文件恢复到上次交付，在
2017-06-07 12:12:48
329
转载 图解GitHub基本操作
目录一、注册并登陆到github网站1.1、打开github网站首页（https://github.com/）1.2、注册一个自己的github账号1.3、登陆自己的github账号二、创建一个自己的仓库三、在Hbuilder环境下上传自己的开源项目到github仓库四、在Hbuilder环境下把github上的源码引入Hbuilder项目中五、在github上下载源码到本地六、删除不用的gith
2017-06-07 12:12:10
233
转载 git入门级--在github创建项目
git分布式版本控制系统我第一个接触的版本控制系统是svn，当时觉得版本控制就是这样，直到我遇到了Git…git是分布式版本控制系统，合适分布式开发，强调个体。速度快、灵活，代码冲突了也比较好解决，最让我喜欢的还是git的分支切换。在github上创建一个空项目我这里git的远程仓库选择github，github是全球最大的代码托管库，在国内也有许多类似的站点可以选用（比如：coding）。这里假
2017-06-07 12:08:53
275
转载 git入门级--在github创建项目
git分布式版本控制系统我第一个接触的版本控制系统是svn，当时觉得版本控制就是这样，直到我遇到了Git…git是分布式版本控制系统，合适分布式开发，强调个体。速度快、灵活，代码冲突了也比较好解决，最让我喜欢的还是git的分支切换。在github上创建一个空项目我这里git的远程仓库选择github，github是全球最大的代码托管库，在国内也有许多类似的站点可以选用（比如：coding）。这里假
2017-06-07 12:08:26
397
转载 Git-常用命令&快捷命令&团队合作
Git-常用命令&快捷命令&团队合作http://www.thinksaas.cn/topics/0/612/612385.htmlGit 是一个很强大的分布式版本控制系统。它不但适用于管理大型开源软件的源代码，管理私人的文档和源代码也有很多优势。在团队合作时作用不言而喻，更是为了解决团队合作代码冲突而生。Git常用命令初始化新版本库：git init全局设置：git config --glo
2017-06-07 12:07:45
365
转载 Vue2.0全家桶仿腾讯体育APP
一年一度的NBA总决赛，相信球迷用的最多的就是腾讯体育这款APP，刚好上手Vue，当练手就把这个APP仿下来。效果预览
2017-06-07 12:04:47
1323
转载 Vue全家桶+Mint-Ui打造高仿QQMusic，搭配详细说明
Vue-QQMusic简介：http://www.tuicool.com/articles/jQfEJzq最近有点小闲置，于是乎希望写点东西，正好自己喜欢听歌，便决定自己写一个QQ音乐的简易版。顺便进一步加深下自己对移动端的知识。我会在每个核心组件和部分都加下注解大致说明原理，争取提供一个良好的代码阅读环境，在注视部分是采用英文写的，请原谅我撇脚的英语o(╯□╰)o，欢迎大家给我提出更好的意见
2017-06-07 12:04:05
2620
转载 Vue-book 2.0 一个移动端简单的全栈 web APP
Vue-book 2.0Github 地址： https://github.com/percy507/v… 【觉得不错就来个 star 吧 ^_^】http://www.tuicool.com/articles/3YfUbmJ说明（菜鸟请进，大神绕道 ~）前端: Vue.js + Vuex + Webpack2后端: php + MySQL要是你对 PHP 和 MySQL 没啥基础，可以逛逛
2017-06-07 12:03:29
938
转载 当 better-scroll 遇见 Vue
在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示：http://www.tuicool.com/articles/ueaYBjZ也可以是横向滚动的导航栏，如图所示：可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。什么是 better-scrollbe
2017-06-07 12:02:57
366
转载 Vue豆瓣系列文章
项目地址 在线演示http://www.jianshu.com/p/3e4d06b9e0fd?utm_source=tuicool&utm_medium=referral不识庐山真面目，只缘身在此山中。大概一个月前，开源了Vue重构豆瓣移动端的项目，效果还可以，收到了很多小伙伴的反馈，话说是要写一些文章的，但迟迟没有动笔，估计小伙伴们等的花都谢了，拖延症是病，需要治疗…接下来开始填坑，这一系列的文
2017-06-07 12:02:19
839
转载 用 webpack 实现持久化缓存
什么是持久化缓存？原文链接https://sebastianblade.com/using-webpack-to-achieve-long-term-cache/缓存（cache）一直是前端性能优化的重头戏，利用好静态资源的缓存机制，可以使我们的 web 应用更加快速和稳定。仅仅简单的资源缓存是不够的，我们还要为不断更新的资源做持久化缓存（Long term cache）。以前我们能利用服务端模板
2017-06-07 11:57:52
582
转载 如何在 webpack 中引入未模块化的库，如 Zepto
前言原文链接： https://sebastianblade.com/how-to-import-unmodular-library-like-zepto/最近我在研究多页面 webpack 模块打包的完整解决方案时，发现用 import 导入 Zepto 时，会报 Uncaught TypeError: Cannot read property 'createElement' of und
2017-06-07 11:57:11
830
转载 使用webpack和babel搭建react开发环境
译文,原文来自 https://scotch.io/tutorials/s…http://www.tuicool.com/articles/MrUfUjQ写在前面,使用webpack已经蛮长一段时间,但是在新项目开始之际,都是东拼西凑其他项目的配置来使用,如果要自己从零开始写一个完整项目的webpack配置估计得费死劲,所以在webpack发布2.x版本之际,正是时候来认真 从零开始学习webpa
2017-06-07 11:56:37
515
转载 webpack与browser-sync热更新原理深度讲解
本文首发于优快云网站，下面的版本又经过进一步的修订。https://juejin.im/post/58f7fc7da0bb9f00659f7133原文：webpack与browser-sync热更新原理深度讲解本文包含如下内容：webpack-hot-middlewareEventSourceCORSnginx配置browser-syncWebSocket支持性Frame建立连接服务端实现发送
2017-06-07 11:56:01
837
转载 史上最详细的webpack 讲解2 （DefinePlugin中的淫技巧）
今天我突然发现我的掘金原创排行已经落到了120位，这是什么原因，因为我分享的不够多，还是我分享的不够好，看的人不多，又好几天没和大家几面了，来吧！死也死在分享上面，怎么说呢，今天讲解的东西也不是很深奥的东西，以前一直没有用到这东西，今天好好看了这东西，可以带来很大的方便，我就给大家举两个例子玩玩我什么都不要我只要赞今天我就不详细的列出创建目录结构了，看过我webpack 讲解1 – 讲解的还是继续原
2017-06-07 11:53:04
418
转载 react+webpack项目常用的插件(plugins)
一、HtmlWebpackPlugin使用：http://www.tuicool.com/articles/fq2qQrNnpm install html-webpack-plugin --save-dev解释：这个插件是简化创建生成html（h5）文件用的，如果你引入的文件带有hash值的话，这个尤为的有用，不需要手动去更改引入的文件名！默认生成的是index.html,基本用法为：var
2017-06-07 11:53:00
923
转载 史上最详细的 webpack 讲解 1 （vue-cli 中 build.js）
看过我vue.js系列课程的人，基础会的就都该会了，进阶牛B点的也很牛B了，但是对vue这一块我还是会持续有新的想法和学习到的东西我还是会一直进行分享，但是今天又是一个史上的文章出来了，虽然有点标题党，但是我看了一系列的教程，就是讲其一，其二最重要的就是直接忽略，有些教程直接就是把vue-cli给把功能标注一下，几个字告诉你是大概干麻的，就算跟着大概意思的理解，我也能知识大概是干麻的，本质上并没有l
2017-06-06 19:07:44
815
转载 使用 react-hot-loader
经过 @assassin_cike 提醒有这样一个loader，今天试了一下真的非常好用。https://segmentfault.com/a/1190000004660311hot loader 是干嘛的呢？引用官网的一句话就是React Hot Loader is a plugin for Webpack that allows instantaneous live refresh witho
2017-06-06 19:07:19
374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人