- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 后台系统权限管理
前言最近在做一个后台管理系统，一般的后台系统都有权限管理这块，下面我就分享下我实现权限管理这块的思路。技术栈及实现思路首先说下这个系统前端用到的技术栈，vue全家桶,element-ui,axios。首先，用户的权限是通过前端来进行配置的，那么就需要一个页面去进行用户的权限配置。在用户登录之后，通过请求后台查找该用户的权限信息，然后返回到前端。前端拿到权限信息之后，动态配置路由，再生成出对应...
2018-12-07 09:07:18
7934
3
原创 vue.js学习（四）
前言继续前面的学习，上文链接。正文今天学习vue中的交互，即如何用vue中的ajax.1.引入js库在原来的基础上，再引入vue-recourse.js2.vue-recourse.js特点a. 体积小vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。b.支持主流浏览器和Vue.js一样，vue-resourc
2017-02-27 17:45:30
516
原创 vue.js学习（三）
前言继续前面的学习，上文链接正文今天学习vue.js中的过滤器一.介绍过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。过滤器在指令中由一个管道符 (|) 标记，并可以跟随一个或多个参数。例如使用内置过滤器{PS:（适用于2.0以下版本，2.0以上包括2.0已经废弃内置过滤器，使用时需要自定义过滤器，下面会有提到）。）}capitalize可以将首字母转换成大写：
2017-02-24 17:45:11
568
原创 vue.js学习（二）
前言继续前面的学习，上文链接正文继续指令和事件的学习指令vue实例化 下面的示例都用到这个实例化的vue.var a={ a:1 }var vm=new Vue({ el:"#box", data:{ url:"img/home.jpg", data:a, seen:false, url:'img/i
2017-02-23 15:40:48
544
原创 vue.js学习（一）
前言刚开始学vue, 写写vue每天的学习收获。vue介绍Vue.js是一个提供MVVM风格的双向数据绑定的库，专注于VM，也就是ViewModel，ViewModel绑定了Dom Listeners和Data Bingings监听器，从而保证视图和数据两者之间的一致性。熟悉AngularJS的人会发现Vue.js还借鉴了AngularJS的directive和filter的概念，但是API就比较简
2017-02-22 17:57:19
536
原创 如何在线预览office文档
一、介绍1.目前前端只能实现在线预览pdf格式的文件，可以用pdf.js或者jquery.media.js来实现。 2.要实现其他格式的文件预览，需要在后端进行格式转换。二、具体步骤1.目前我了解到的后端对office文档格式的转换方法有：a、先转换成swf格式->在转换成pdf格式b、借用第三方工具，如openoffice，通过其给的接口，用php后者java或者c#来实现.2.我用的的是上
2017-01-22 14:46:41
1551
2
原创 Canvas模拟地球，月球公转
前言众所周知，地球绕着太阳公转，月球作为地球的卫星，绕着地球沿着一定的轨道在旋转，这儿用圆来模拟地球和月球的旋转轨道（实际为椭圆）。正文首先来分析，如何画一个绕着太阳不停旋转的地球。大家都知道context.arc(x,y,radius,0,2*Math.PI)这是canvas里面画圆的一个方法，那么要让圆动起来，并绕着一定的轨道旋转，实际上就是不断的改变圆心的坐标。那么就地球的旋转来讲，它的圆心
2016-10-29 15:07:42
3385
原创 JavaScript 操作url向另一个页面传参
正文 如何从页面1中向页面2传入一张图片的路径呢？ 1 . 在页面1，通过点击，跳转到页面2，//$('#aa').click()即为给id名为aa的元素添加点击事件$('#aa').click(function(){window.location.href="index3.html/?src=img/apple.jpg"; })2 . 这样页面2的url为下图所示 3
2016-10-14 20:24:47
748
3
原创 JavaScript 反转字符串
正文1.对于反转字符串，大家的第一反应 应该是reverse()，but reverse()方法是用来颠倒数组中的元素的顺序。那么首先得把字符串转换成数组。2.split(separator,howmany)方法用于将字符串分割成数组，它有两个参数，separator(必须)：该参数为字符串或者正则表达式，从该参数指定的位置开始分割；howmany(可选):该参数可指定返回的数组的最大长度。如果设置
2016-10-14 19:58:06
425
原创 JavaScript实现打地鼠小游戏
前言：打地鼠小游戏相信大家都玩过，地鼠会从一个个地洞中不经意的探出一个脑袋，我们要做的就是在地鼠出来的时候拖动鼠标去打它，当打到地鼠时，会加分，打到不是地鼠时，会减分，是一个很考验手速和眼力的小游戏正文 没有找到地鼠素材，这儿用”灰太狼”来替代地鼠，”小灰灰”替代非地鼠的物体。接下来就是一步步去实现它。首先来做分析，地鼠是如何往上钻出来的。在这儿，有这样一张图片，大家看了之后就一目了然了~ 在这
2016-09-29 11:51:48
4865
1
原创 JavaScript 实现flappy bird小游戏
前言：《flappy bird》是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品，游戏于2013年5月24日上线，并在2014年2月突然暴红。2014年2月，《Flappy Bird》被开发者本人从苹果及谷歌应用商店撤下。2014年8月份正式回归APP STORE，正式加入Flappy迷们期待已久的多人对战模式。游戏中玩家必须控制一只小鸟，跨越由各种不同长度水管所组成的障碍。正文
2016-09-23 20:36:44
3020
7
原创 JavaScript 实现碰壁反弹
前言：碰壁反弹所要的效果就是一个小块在一个大的DIV里做X轴和Y轴的匀速运动，当碰到大DIV的边框时，反方向移动。  正文：步骤1：首先来分析，怎么样才能使得小球动起来。a、给小球一个绝对定位abso
2016-09-23 08:56:00
1237
原创 JavaScript 实现放大镜效果
JavaScript 实现放大镜效果前言：放大镜，顾名思义，就是将所要观看的物体放大，让其看的更加清除和细致。那如何用JavsSript来实现对图片的放大呢？正文：既然是放大镜，那么首先得有个放大镜…下面先来创建放大镜。步骤1:放大镜只不过是一个幌子，我们创建一个div,用来通过在图片上不断移动，来实现图片放大的效果。首先创建一个小div用来存放图片 <div class="m
2016-09-22 14:16:30
644
原创 JavaScript 贪吃蛇游戏的实现
JavaScript 贪吃蛇游戏的实现前言游戏介绍：贪吃蛇游戏是一款经典小游戏，既简单又耐玩。通过控制蛇头方向吃蛋，使得蛇变长，从而获得积分。 游戏玩法：上下左右控制蛇的方向，寻找吃的东西，每吃一口就能得到一定的积分，而且蛇的身子会越吃越长，身子越长玩的难度就越大，不能碰墙，不能咬到自己的身体，更不能咬自己的尾巴，等到了一定的分数。正文步骤1：创建页面布局，将每一个小格放到数组里面，通过行列构造一
2016-09-22 09:08:02
1012
原创 JavaScript 实现随机生成一注彩票
前言最近在学随机数的生成，做了模拟生成彩票，用来进行联系。正文主要思路：为了防止数字重复，用到了比较笨的办法，将1-32数字放到数组里面去，然后将数组打乱顺序，将取前面5个放到红色球里；同理，将1-16放到数组，打乱后，取第一个放进篮球。打乱数组函数：var number2=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
2016-09-12 17:59:56
2093
1
原创 JavaScript小游戏，通过颜色选择正确的字
前言又是一个用JavaScript实现的小游戏，游戏规则为：根据上面的字的颜色从下面选择正确的字，选择正确自动开始正文主要思路：如何改变字体和颜色：将颜色和字块，放进数组，通过将数组进行重新排序，这样可以将颜色随机赋给随机的一个字体。如何进行判断：通过获取提示信息的颜色值和当前点击的对象的innerHTML进行比较，如果符合条件，则进入下一轮，例如：if(c
2016-09-12 16:47:07
2558
1
原创 JavaScript实现开关灯游戏
前言开关的游戏是一款有趣的益智类游戏。在游戏中，你需要通过点击操作来打开或关闭那些灯，每一个开关灯的按钮都与其周围的按钮功能相反.正文刚开始学习js 事件，编写这个游戏用来做练习。主要思路：将所有的灯放进数组，并给创建的灯一个索引值index,索引值与数组下标值一样，方便进行判断。该函数用来判断点击的灯的上下左右能否被点亮。function clickItem(a){
2016-09-12 16:03:57
1613
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人