- 博客(28)
- 资源 (1)
- 收藏
- 关注
原创 JavaScript常用数据处理方法
2、调整浏览器窗口大小时,resize 次数过于频繁,造成计算过多,此时需要一次到位,就用到了防抖;2、监听滚动事件,比如是否滑到底部自动加载更多,用throttle来判断。1、登录、发短信等按钮避免用户点击太快,以致于发送了多次请求,需要防抖;1、鼠标连续不断地触发某事件(如点击),单位时间内只触发一次;3、文本编辑器实时保存,当无任何更改操作一秒后进行保存。3、浏览器播放事件,每个一秒计算一次进度信息等。
2023-10-30 17:01:45 100
原创 Javascript实践问题知识点记录
new出来的Set集合对象,需要传入一个数组,因此灵活运用扩展运算符和集合,对数组进行操作;delete(value):删除某个值,返回一个布尔值,表示是否删除成功;has(value):返回一个布尔值,表示是否含有该成员;add(value):添加某个值,返回Set结构本身;forEach():使用回调函数遍历每个成员;clear():清楚所有成员,没有返回值;entries():返回键值对的遍历器;values():返回键值的遍历器;keys():返回键名的遍历器;...
2022-08-08 08:57:10 78
原创 Web前端第三阶段--DOM
固定元素的读取html文件中有3个标签是固定的, 必然会有操作元素的属性标签读取元素查找指定名称的标签 Tag标签 Name名结果是 伪数组/类数组, 没有数组方法, 不能用forEachCSS选择器读取元素classListclassList: 把class属性封装后得到的对象简单实例点击按钮头像发生变化大小图切换效果轮播图轮播图(滑动)自定义属性输入框事件标签内容innerHTML: 读取html代码, 写入时作为htm
2022-07-11 22:02:37 696
原创 前端web—每日一练(7.2)--商品列表轮播
点击左右箭头,商品列表整体切换,换成下一个列表代码比较繁琐,可以简单实现功能left位置控制父元素盒子方法实现HTML主要代码相较于上面,代码量减少总结只是实现简单的点击切换效果,由于动画时间,没有做到无缝切换。......
2022-07-03 10:30:54 302
原创 前端web—每日一练(7.1)--超出固定字符...(省略号)代替
从后端拿到的数据,渲染到页面时,有时候要求其不能超过固定的长度,超过固定的长度,用省略号代替。
2022-07-01 17:40:03 190
原创 前端web—每日一练(6.23)--无重复的最长子串
给定一个字符串 s ,请你找出其中不含有重复字符的 最长子串 的长度。解题思路一1.创建一个set2.两个指针,第一个指向字符串的开头j,第二个随着for循环遍历字符串i.3.如果set里没有s[i],说明目前为止还没有重复的字符,把s[i]添加到set里,然后更新最大不重复字符的数量。4.如果set里有s[i],则从set里开始删除s[j],并且递增j,再检查set里是否有s[i],如此反复直到set里没有s[i]为止。5.重复步骤3和4,直到遍历完整个字符串解题思路二双指针,右指针不断
2022-06-26 09:00:15 129
原创 【Web前端第一阶段--Node.js】--Day01
用于检测一个变量或者函数是否为全局一个脚本在Node.js下运行,是一个模块作用域;一个脚本在JS下运行,是全局作用域下,全局对象名称(window)提供了一组用于调试控制台的方法console.log(1); //输出日志console.info(2); //输出消息console.warn(3); //输出警告console.error(4); //输出错误console.time() 开始计时console.timeEnd() 结束计时开始计时和结束计时两者输出的值要保持一致
2022-06-24 21:11:46 233
原创 前端web—每日一练(6.22)--两数之和--ES6 map
给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那两个整数,并返回它们的数组下标。map是es6中新增的数据结构,map类似对象,但是普通对象的key必须是字符串或者数字,而Map的key可以是任意的数据类型......
2022-06-23 21:28:34 288
原创 前端web—每日一练(6.21)--双色球案例--随机数
双色球彩票由红球(33)和蓝球(16)组成,一注彩票有7个数组成(红球6个,蓝球1个)写一个方法,随机产生1注双色球彩票(不能重复),并对号码排序。
2022-06-21 22:04:07 663
原创 Vue.js+Vue-router.js实现单页面路由跳转spa(不使用vue脚手架)
最近在做一个商城项目,想实现单页面路由的跳转,个人中心,侧边栏点击不同名称的跳转不同界面,但是主页面不变,借鉴了他人的项目,实现了此功能。实现此功能使用的是和 我尝试换成更高的版本但是会报出错误,所以暂时旧版本实现。Gitee仓库地址阿里网盘二、两种不同形式1、直接在变量内部构造组件网上的视频讲解,大多是通过变量内部定义的方式,实现功能,但是不太适用2、在外部构造组件1)组件模板2)构造组件HTMl部分代码js配置地址代码最后实现效果当前地址...
2022-06-14 08:54:57 726
原创 【Web前端第一阶段--数据库】--Day01
【Web前端第二阶段–数据库】–Day01文章目录【Web前端第二阶段--数据库】--Day01前言功能需求分析前言功能需求分析前台子系统:商品模块:首页、列表、详情用户模块:注册、登录、用户中心、个人收藏、退出购物车模块:添加、列表、修改、删除、下单结算后台子系统:商品模块:添加、列表、修改、删除、搜索用户模块:列表、修改、删除、搜索订单模块:列表、修改、删除、搜索移动端子系统商品模块:首页、列表、详情用户模块:注册、登录、用户中心、个人收藏、退出购物车模块:添加、列表、修
2022-06-07 16:16:37 360
原创 【Web前端第二阶段--Bootstrap】Day05
【Web前端第二阶段–Bootstrap】Day05第一章 【Web前端第二阶段–Html】Day01第二章 【Web前端第二阶段–Html】Day02第三章 【Web前端第二阶段–CSS】Day03第四章【Web前端第二阶段–CSS高级】Day04提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录【Web前端第二阶段--Bootstrap】Day05前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:
2022-05-31 14:27:02 798
原创 【Web前端第二阶段--CSS高级】Day04
【Web前端第二阶段–CSS高级】Day04文章目录【Web前端第二阶段--CSS高级】Day041、属性选择器一、pandas是什么?二、使用步骤1.引入库2.读入数据总结1、属性选择器其他选择器【属性名】直接找到某元素的特定属性进行选择div[class]{}其他选择器提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):imp
2022-05-23 09:35:40 833
原创 【Web前端第二阶段--CSS】Day03
【Web前端第二阶段–CSS】Day03文章目录【Web前端第二阶段--CSS】Day03前言一、选择器基础选择器1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。一、选择器基础选择器1)通用选择器*{样式声明}2)元素选择器通过标签的名字选择html元素,权重为1 div{样式声明}无法进行精准定位3)id选择器增加一个属性id#a
2022-05-19 08:59:12 535
原创 【Web前端第二阶段--Html】Day02
【Web前端第二阶段–Html】Day02-am文章目录【Web前端第二阶段--Html】Day02-am前言1、pre标签2.h系列标签3、P标签4、什么是属性?5、hr标签6、div标签7、 图像8、超链接前言面试题:97个HTML标签分为哪两类?各有哪些?块级标签(block):必须独占一行;例如:p、h1~h6、pre…行内标签(inline):可以与其他内容共处一行例如:b、i…提示:以下是本篇文章正文内容,下面案例可供参考1、pre标签pre标签: 保留(preserve
2022-05-11 14:25:35 187
原创 【Web前端第二阶段--Html】Day01
【Web前端第二阶段–Html】文章目录【Web前端第二阶段--Html】一、前言二、什么是Html?html常用标签一、前言超二、什么是Html?超文本标记语言,定义页面上的内容,如:表格,文字,图片,音频视频,超链接以.html或.htm后缀html常用标签单标记标签双标记标签...
2022-05-09 17:36:18 148
原创 【来一杯word】微信小程序项目需求分析及设计初稿
【来一杯word】微信小程序从0到上线第一章 【来一杯word】微信小程序项目需求分析及设计初稿文章目录【来一杯word】微信小程序从0到上线前言一、需求分析、功能实现二、使用步骤1.引入库2.读入数据总结前言最近正在学习微信小程序项目的开发,准备自己开发一款查询单词的微信小程序,以达到巩固知识,练手的目的,无论最后是否可以成功,希望在过程中可以学到知识!一、需求分析、功能实现项目名称:【来一杯word】功能实现:首页:实现在输入框输入单词,点击搜索,可以得到单词的详细信息;单词详情
2022-05-06 09:57:23 2847
原创 蓝桥杯web【搜一搜啊】
蓝桥杯web【搜一搜啊】搜一搜啊蓝桥杯web【搜一搜啊】题目一、代码解析题目一、代码解析 //要先data里面定义 newlist 数组 computed: { filteredList() { // TODO: 请补充代码 console.log(this) if(this.search == ''){ return this.postList
2022-03-29 14:14:09 410
原创 HTML+CSS学习总结 Day01 使元素消失的几种方式
HTML+CSS学习总结 Day01 使元素消失的几种方式第一种-完全消失新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入第一种-完全消失你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何
2021-10-25 20:19:37 1111
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人