- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 AXURE 轮播图作业来啦~
果然是熟能生巧，这个动效的完成时间比上次快了好多，各种基础组件用的也比较熟练了，嘻嘻☺️先看效果图：实现要点：1、每个状态点跟随每张banner图的变化而变化，图片从左到右首尾相接左滑轮播；2、鼠标悬停时，轮播动画停止，左右箭头显示；3、点击箭头，当前展示banner可切换到上一张或下一张，鼠标移出区域后，动画继续。实现步骤：第一步当然是上次的步骤重复啦，先拉一个动态面板，咔咔来四个状态????，再来四个小方，小方的初始背景为灰色，然后在PROPERTIES中设置选中背景色为任意闪亮的
2020-05-28 20:16:22
539
原创 AXURE实现两种轮播
哇~真的是好久不见了(/ω＼)AXURE我已经实现了从入门到放弃N次了，真真是屡战屡败，屡败屡战，哈哈哈，还得给我的不放弃精神点个赞吧，欧耶✌️废话不多说，马上进入正题~前情提要：网站上想做个滚动播放消息的模块，我目前看到的垂直方向上的滚动大致可分两种，一种是只展示一行文字，另一种是展示多行，每行依次上移。进入正题先看第一种，为了区别，这种就用图片展示吧，换成一行文字同理。效果如下：首先，拖入一个动态面板，并增加三个状态（本例用了3张照片，所以就用3个状态啦~）双击进入编辑页面，每个状态
2020-05-26 20:00:25
1530
1
原创 纯CSS实现毛玻璃（高斯模糊）效果
实现效果图如下：html 代码如下：<div class="pro_item"> <div class="item item1"></div> <div class="item item2"></div> <div class="item item3"></div> <div c...
2019-07-16 15:06:25
3774
原创 Vue 删除列表项的淡出动画
使用vue前端框架尝试做一个购物车页面，勾选进购物车的商品列表可删除，代码如下：**<template>部分**<div class="goods-list-wrap"> <transition-group name="list-complete"> <div class="J-shoping-list" v-for="(item, ind...
2019-05-25 14:45:00
2002
原创 Mac 使用 grunt 搭建前端开发环境
一、安装node.js点击下载系统对应的pkg安装包，直接安装即可。安装完成之后在终端中输入node -v来查看版本，如下图所示即表示安装成功。二、安装grunt-cli在终端输入sudo npm install -g grunt -cli将grunt-cli安装在全局环境中；输入grunt命令验证是否安装成功；三、创建项目文件夹文件夹中创建package.json文件，在该文...
2019-03-30 10:28:53
706
原创 nginx配置 location rewrite 多目录转单目录
结论再此—>: rewrite ^/flask/(.*)$ /$1 last;场景描述：本次项目框架采用Vue+Flask+Kafka，前端路由使用history模式，调试时为避免将所有post或get请求都转发给Flask服务器，从而出现用户刷新当前页面下的路径时出现URL Not Found的报错，如下我在所有发给Flask的请求路径前都加上了flask目录，如／flask/l...
2019-02-26 14:09:33
2217
原创 原来代码可以这样写之Vue的学习心得
1、total后的值使用计算属性展示，点击选中之后，total只计算选中行的价格，因此，将computed钩子函数中的这一参数属性扩展为get和set，代码如下：//html部分<p v-bind:value="totalPrice">total:{{calcPrice}}</p>//JavaScript部分computed:{ totalPrice:{ ...
2018-10-11 09:20:24
228
原创 Vue 父子组件通信
**页面描述：** 一个页面上有3个表格，对这些表格的某些列实现搜索功能，具体的表格为子组件，搜索框为父组件。 用截图画了一下，大家凑合看蛤～ 貌似看完这个破图更懵了啊哈哈（笑哭.jpg） 别怕，来看一下router就清楚啦！ **实现过程：** home组件含有3个子组件，分别为表格具体内容，其中，搜索框写在父组件中，即home模块内。 home.v...
2018-08-22 11:11:34
1539
原创 Vue 监听多个input框是否都存在值
<div class="inner clear"> <input type="text" placeholder="第一个输入框" v-model="input1"></div><div class="inner clear"> <input type="tex
2018-08-01 11:18:45
11647
5
原创 DataTables解决 Cannot reinitialise DataTable 问题
原因：datatables不允许多次初始化某一表格 解决方法：在初始化时设置destroy:true。 但在一个页面的模态框中有多个表格，如果用上述解决方案，在关闭模态框再重新点开后，会报错，同时表格个数也没有完全展示 正常情况： 关闭后再次点开： 解决方案：使用 retrieve: true,代替destroy:true。 retrieve: true表示我已经知道初始化选
2017-05-31 18:00:01
20616
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人