随笔分类 - Vue
摘要：上周的某一天，和一位同样是前端技术极度爱好的开发者朋友聊天，他在提出了一个问题，他写的vue程序为什么在dev模式运行良好，而在production模式就直接报错了。这让我感到惊讶，还有这么神奇的事情。今就把这个历险记道给大伙听听，看能从中学习到什么？ 一、还原现场 朋友在看到我的惊讶后，分分就把他
阅读全文
摘要：前段时间在利用工作之余开发了tomato timer这个蕃茄钟，然后部署到github.io上，由于greatway太厉害，偶尔会有打不开的情况。上周末对比做了扩展和改进，使其成为chrome的插件，或者成为桌面app。 chrome插件的使用与开发 一、如何安装与使用： 1、下载tomato ti
阅读全文
摘要：近期在学习【时间管理】方面的课程，其中有一期讲了蕃茄工作法，发现是个好多东西。蕃茄工作法核心思想就是：工作25分钟，休息5分钟。如果您好了解更多可以自行度娘。 在加上本人是一个程序猿，就想用程序的方式来表达对此工作法的敬意。因此就产生了用vue实现一个tomato timer的想法。演示地址 一、v
阅读全文
摘要：一、实现思路 在实践中后台管理系统的前后端分离时，往往会因为业务量的增加使其前端项目难以维护，以及打包时间不理想，还有业务系统与框架之间区分不在明显。本文是本人从另一个角度提出的一种解决方案，希望各位提出宝贵的建议。 二、创建步骤 2.1、github上新建组织 此部分的操作可以参考github的相
阅读全文
摘要：根据vue的官网介绍，可以得知vue是一个mvvm框架，且是响应式的。为了更深入了理解其内涵，本人以及理解实现了一个简单的mvvm学习的demo。下面分享给大家，欢迎大家一起讨论。 一、mvvm至少包含的内容 二、我的实现 1. 变量的定义与watch的实现 说明： 2. 指令的定义 说明： 3.
阅读全文
摘要：近段时间本人一直在思考如何基于vue搭建一个中后端管理系统的通用基础前端解决方案。思考的主要问题点如下： 如何使各个子业务模块的按需加载 css预处理方案的选择 如何引入现代的前端工程思想，也就是工程化解决方案。 多余的话不说，本人按照效果图介绍下自己的拙建，强烈希望各位给予建议和指正。 说明： 一
阅读全文
摘要：在五一节之前和一网友讨论前端技术时，对方提到vue、vue-route如果配合requirejs应用。当时的我没有想得很明白，也没能这位网友一个准确的回复，但我许诺于他五一研究后给他一个回复。本是一天的研究却被我搞成了研究了一周，这拖延症。。。 闲话少数，进入正题 一、示例代码说明 代码结构说明：
阅读全文
摘要：vue + vuex + elementUi + socket.io实现一个简易的在线聊天室，提高自己在对vue系列在项目中应用的深度。因为学会一个库或者框架容易，但要结合项目使用一个库或框架就不是那么容易了。功能虽然不多，但还是有收获。设计和实现思路较为拙劣，恳请各位道友指正。 可以达到的需求 能
阅读全文
摘要：本文章通过实现一个vue-dialog的弹出层组件，然后附加说明如果发布此包到npm，且能被其他项目使用。 功能说明 多层弹出时，只有一个背景层。 弹出层嵌入内部组件。 弹出层按钮支持回调 源码下载 实现 多层弹出时，只有一个背景层利用两个组件实现，一个背景层组件（只提供一个背景层，组件名：back
阅读全文
摘要：vue,vuex,vue-router放在一起能做什么？不用webpack之类的打包工具使用他们是否可行？各位道友在初学vue时是否有这样的困惑。因为现代构建前端项目的一般模式是： 安装webapck，某种是glup,grunt，或者是fis等构建工具 然后安装一个包管理器，npm，bower，或者
阅读全文
摘要：创建一个jquery-vendor.js文件 导入JQuery，并赋值给window对象，使其成为一个全局变量。 在vue组件做如下引用 注意： 1. 只可以在vue的组件中引用 2.如果在main.js中引入jquery.js是Ok的，但这种情况下无论是在mian.js或者是vue组件中引入jqu
阅读全文
摘要：在Mvc模式大行其道的今天，后端通过各种Mvc框架实现视图与数据模型的隔离，而前端这方面也发展迅速。vue实现了Dom与viewModel双向绑定，使其视图的更新影响模型，模型的更新影响视图，你会不会觉得这就是Mvc库呢，实则不然，因为他还差一个重要的C(也就是控制器)。以下是鄙人对Mvc的个人理解
阅读全文
摘要：今儿与一群友讨论vue相关问题让我思量极深，1.我们是否在争对性解决问题或者说是帮助别人；2.我们是否在炫耀自己的技能。以下是被戏剧化的对白： "群友"：最近按照vue官网示例学习了一周，leader要我回报下成果"sam（本人）"：给他撸一个带vue的界面就行了撒"群友"：撸一个界面? 能给一个示
阅读全文
摘要：实现此例您可以学到： 一、搭建vue开发环境 更换镜像到cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue-clicnpm install -g vue-cli 初始化vue项目命令模式进入项目所在的目录，
阅读全文
