SimonAdmin 个人项目后台管理系统--西门互联

个人项目后台管理系统 加密方式登录,验证码用的前端生成,正式项目中不建议这么搞,,就弄个本地的看效果就可以。localStorage存储用户名密码(ps:有兴趣的同学可以破解哈),选用md5加密方式的不可逆方式尽可能不让存储的敏感数据裸奔,特别是在开发一些html5的webapp的时候大量利用localStorage存储用户信息等本地缓存操作SimonAdmin

vue1.0.x三种实现tab切换,v-for,props,$parent

vue1.0.x三种实现tab切换,v-for,props,$parent,出院后回归vue学习,三种方式实现tab切换的效果,还有更多实现方式,可以下来研究研究,主要是用到了v-for循环tab的切换个数,props父子组件的通信改变当前tab的状态Active,分离出的组件可以复用,便于维护,开发效率加快

下一代包管理工具yarn(npm&&yarn)

yarn 和 npm 命令行小抄

本文转载自:众成翻译
译者:文蔺
链接:http://www.zcfy.cc/article/1459
原文:https://shift.infinite.red/npm-vs-yarn-cheat-sheet-8755b092e5cc#.ley81c2o7

好,想必你对新的 JavaScript 包管理工具 yarn 已经有所耳闻,并已通过 npm i -g yarn 进行了安装,现在想知道怎么样使用吗?如果你了解 npm,你已经会很大一部分啦!

下面是我从 npm 切换到 yarn 的一些笔记。

vuejs+localStorage实现工作计划to-do-list

Vue.js 的数据双向绑定和html5 localStorage 的数据存储功能实现一个自己的工作列表

演示所有代码仓库

vuejs+localStorage demo地址原始方式未组件化
vuejs+localStorage demo地址webpack打包组件化
vuejs+localStorage demo地址webpack打包组件化加删除功能
vuejs+localStorage demo原始方式未组件化加删除功能
vuejs-2.0+localStorage demo地址webpack打包组件化加删除功能
vuejs-2.0+localStorage demo原始方式未组件化加删除功能

vuejs-2.0+localStorage demo原始方式删除位移bug-add动画

功能需求分析
(1)input输入可以生成对应的列表内容(初始化为未完成)
(2)点击每个列表内容切换该工作计划的状态为完成还是未完成
(3)localStorage来存储我们输入的工作计划内容同步