- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 使用Axure RP8 模拟遮罩层显隐
模拟遮罩层显隐实现思路拖入动态面板；命名为：主页动态面板；宽高设置为375*647（使用动态面板做基础，是因为内容超出部分会自动隐藏）双击“主页动态面板”，进入state1，拖入矩形1，绘制手机边框在“主页动态面板”中，拖入文本段落，模拟手机主页文字在“主页动态面板”中，拖入主要按钮，模拟手机主页按钮在“主页动态面板”中，拖入矩形3，宽高设置为375*647，填充透明度设置为50%，勾选隐藏，初始状态隐藏，模拟遮罩层【如图一】在“主页动态面板”中，拖入子动态面板；命名为：提示框动态面板；宽高
2021-01-02 12:02:47
980
原创 JS-事件绑定-模拟微博减字效果
模拟微博减字效果实现思路HTML添加textarea标签（maxlength属性设置最大可输入字符数），用于接收用户输入HTML添加span标签，用于显示提示信息JS获取textarea文本域JS获取span标签定义num变量，预设最大可输入字符数给textarea文本域绑定聚焦事件，在文本域获取焦点时，判断文本域中字符数，并显示对应的提示信息给textarea文本域绑定失焦事件，在文本域失去焦点时，隐藏提示信息给文本域绑定文本域内容变化事件，判断文本域中字符数，如若小于预设最大可输入字
2020-12-30 23:09:17
417
原创 EXCEL合并单元格内容并换行显示
EXCEL合并单元格内容并换行显示实现思路利用&符号，对单元格进行拼接，实现“张三高一一班80”效果利用EXCEL自带函数，CHAR()【函数解释：根据本机中的字符集，返回由代码数字指定的字符】字符集中，10表示换行，所以可以利用CHAR(10)，在&拼接串中插入换行符选中“开始”选项卡，“对齐方式”中的自动换行，实现合并后换行效果实现效果步骤一示例图：&符号拼接单元格【=B3&C3&D3】步骤二示例图：在&拼接串中加入char(10
2020-12-29 22:59:41
12679
1
原创 使用Axure RP 8 模拟Tab页切换效果
使用Axure RP 8 模拟Tab页切换效果Axure Share 链接：https://9ewiwm.axshare.com/
2020-12-29 00:01:10
1021
原创 JS-定时器-节点属性操作-事件绑定-幸运大转盘
幸运大转盘实现思路HTML搭建基础框架CSS设置静态样式获取按钮及元素节点给开始按钮绑定事件每次点击先将开始按钮置为不可用状态，以避免多次点击造成程序混乱设置定时器，用于每隔一定的时间，执行样式切换，做出移动效果每次先将当前格子样式清空在当前格子的位置上+1，“走到”下一个格子将“下一个”格子的样式，设置为“当前样式”给结束按钮绑定事件每次点击先恢复开始按钮为可点击状态，为下次点击做准备清除定时器，让转盘停止“转动”将当前格子、计数器、第一个格子恢复为初始状态关键步骤
2020-12-15 00:37:02
337
原创 JS-访问节点及操作节点属性-关闭二维码案例
关闭二维码案例实现思路获取元素对象（document.querySelector(“元素对象”)）访问元素对象的父节点（element.parentNode）操作父节点的节点属性（element.style.属性名=‘属性值’）利用display样式属性，控制显示与隐藏HTML 与 CSS<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me
2020-12-12 23:38:01
505
原创 JS-操作元素节点属性-选择喜欢的书籍
选择喜欢书籍实现思路获取单选按钮radio、图片img、div对象判断单选按钮对象的checked属性，为true表示被选中，为false表示未被选中利用element.setAttribute(‘attr’,‘value’); 设置元素对象的属性利用element.getAttribute(‘attr’); 获取元素对象的属性利用innerHTML，将元素对象的属性写入对应HTML元素HTML<div> 选择你喜欢的书: <!-- 给单选按钮绑定鼠标点
2020-12-08 23:43:09
938
1
原创 JS-生成10-100中的10个随机数并排序
生成10-100中的10个随机数并排序实现思路定义随机数生成函数，生成10-100之间的随机数，包含10，包含100循环调用随机函数10次，获取10个随机数每次循环时，利用数组的push()方法，将随机数存入数组利用数组的sort()方法，对数组进行排序定义比较函数，作为参数传入sort()方法，实现从小到大升序排序// 定义随机数生成函数function getRandomNum(min, max) { return Math.floor(Math.random() * (ma
2020-12-08 07:40:57
7712
原创 JS-Math对象-随机数
Math对象-随机数生成0-1的随机数，包含0，不包含1，结果是浮点数1- 使用Math对象的random()方法实现// 控制台输出0-1 随机数，包含 0 不包含 1console.log(Math.random());生成0-10的随机整数，包含0，不包含101- 使用Math对象的random()方法获取0到1的随机浮点数，包含0，不包含12- 将上一步得到的随机浮点数乘以10，得到0-10的随机浮点数，包含0，不包含103- 使用Math对象的floor()方法，向下取整，转化为
2020-12-03 08:05:17
904
原创 JS-Date对象-求当前日期X天后星期几
当前日期X天后星期几写法一实现思路1-获取当前时间2-获取当前时间对应的星期几3-将当前时间的星期几加上对应的天数，取余，得出目标时间的星期几4-字符串拼接和获取数组元素展示对应的结果，将结果作为函数返回值// 定义名为getFutureWeek的函数，形参days用于传入距今多少天的数字function getFutureWeek(days) { // 定义变量oDate，用于存储当前时间 var oDate = new Date(); // 获取当前时间
2020-12-02 23:26:29
1735
原创 JS-Array对象-数组去重
数组去重/数组排重实现思路1-遍历旧数组，获取旧数组元素2-逐个将旧数组元素与新数组中元素相比较3-比较时可遍历新数组，也可用数组的indexOf()方法实现写法一：遍历新数组var arr1 = [5, 4, 26, 9, 4, 8, 5, 14, 5, 3, 4];var newArr1 = [];// 先遍历旧数组，把旧数组元素获取出来for (var i in arr1) { // 将旧数组的元素，存入新数组 // 存入新数组之前，判断元素是否存在 fla
2020-12-02 07:35:16
574
原创 JS-Date对象-倒计时效果
倒计时实现思路：1-用户输入的时间减去当前的时间就是剩余的时间，即倒计时2-不能用时分秒直接相减，因为出来的结果会是负数，比如01分减去15分，结果是负14分3-需要引入时间戳的概念，用户输入时间的总毫秒数减去当前时间的总毫秒数，得到的就是剩余时间的毫秒数4-最后把剩余时间的毫秒数转化成天、时、分、秒的格式化展示静态倒计时// 定义变量，用于接收用户输入的截止时间，初始化时默认2020-12-01 18:29:59var deadline = prompt('请输入截止时间：', '2020
2020-12-02 00:18:02
496
原创 JS-翻转字符串
翻转字符串写法一：实现思路：1-将字符串，用split()方法分割成数组2-反向遍历数组，获取数组元素3-将数组元素存入新数组4-将新数组，利用join()方法合并成字符串// 定义原始字符串strvar str = 'abc';// 利用字符串的split()方法，将字符串分割成数组，并赋值给arrvar arr = str.split('');// 定义空数组，用于接收处理后的元素var newArr = [];// for循环反向遍历数组arrfor (var i = a
2020-12-01 07:40:19
257
原创 JS-函数闭包-计数器
计数器全局变量实现全局变量实现,虽然能实现技术器效果，但是容易被页面中的其他脚本或函数改变，从而影响计数器。var count = 0;function getCount() { count++; alert(count); }getCount();getCount();getCount();var count = 0;function getCount() { count++; alert(count); }getCount();getC
2020-11-30 23:39:46
1082
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人