![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS/Javascript
文章平均质量分 69
赤焰梦
菜鸟一个
展开
-
千峰jQuery 【Ajax】
JSON:promise写法:loading加载:钩子函数:钩子函数原创 2023-02-15 07:31:02 · 212 阅读 · 1 评论 -
千峰jquery进阶内容
封装选项卡:原创 2023-02-15 07:23:16 · 339 阅读 · 0 评论 -
千峰jquery【案例】
手风琴效果:鼠标跟随效果:树状菜单:选项卡:原创 2023-02-15 07:07:39 · 900 阅读 · 2 评论 -
千峰Ajax【fetch和promise】
Promise实际是充当ajax获取后台数据后执行回调的异步执行顺序的一个媒介,客观来说就是避免ajax回调地狱(反复嵌套回调),不然代码不够直观。Promise 流程总结:1 .把 ajax 返回成功 / 失败的回调封装成一个 Promise 对象(同时判断 resolve / reject 状态)2 .其对象根据传来的状态 resolve 则执行.then( res => {} // 实际在Promise.prototype上 )来执行ajax一层返回成功后的二层 ajax 请求,状态为 reje原创 2023-01-27 20:52:10 · 827 阅读 · 0 评论 -
千峰学习【Ajax】总结
1.json:onreadystatechange 事件当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当 readyState 改变时,就会触发 onreadystatechange 事件。readyState 属性存有 XMLHttpRequest 的状态信息。XMLHttpRequest.responseText当处理一个异步 request 的时候,尽管当前请求并没有结束,responseText 的返回值是当前从后端收到的内容。当请求状态 readyState 变为 XMLHt原创 2023-01-25 18:16:03 · 1245 阅读 · 0 评论 -
JQUERY总结(四)
后来原创 2023-01-23 12:02:38 · 1393 阅读 · 0 评论 -
JQuery总结(三)
on可以同时绑定多个事件,并且动态添加的元素也会自动添加事件案例2:新浪下拉菜单:案例3.突出发光显示:案例4:动画效果案例5:王者荣耀手风琴原创 2023-01-23 11:44:18 · 1897 阅读 · 0 评论 -
JQuery总结(二)
/获取距离父级元素的偏移量 ,只能获取,不能设置。// width:只测出原始盒子大小,不包括边框。// innerWidth:包含内边距。// 包含内边距和边框。//包含内外边距以及边框。原创 2023-01-23 10:25:09 · 453 阅读 · 0 评论 -
JQuery总结(一)
button{/* 随着字体大小变化,button跟着变化大小 */div{} < script src = " jQuery.min.js " > < body > < button > 显示 < button > 隐藏 < button > 切换 < div > < script > $(function() {原创 2023-01-23 10:12:30 · 1487 阅读 · 0 评论 -
初学前端收集的字体图标以及字体网站
抱歉,阿里和icomoon长久不使用,忘得差不多了。原创 2023-01-20 10:06:23 · 433 阅读 · 0 评论 -
【Javascript】文本转语音SpeechSynthesisUtterance
SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等。SpeechSynthesisUtterance.rate 获取并设置说话的速度(值越大语速越快,越小语速越慢)SpeechSynthesisUtterance.pitch 获取并设置话语的音调(值越大越尖锐,越低越低沉)SpeechSynthesisUtterance.text 获取并设置说话时的文本。resume() 恢复暂停的语音。原创 2023-01-19 16:39:16 · 2734 阅读 · 3 评论 -
【JavaScript】仿青柠搜索界面
点击搜索栏,背景模糊,出现图标。点击界面任意处,失去焦点,恢复原样。// 获取焦点,移开鼠标不会收回宽度。// 防止时分秒变成单数,影响美感。// 失去焦点后恢复原状。原创 2023-01-18 10:47:51 · 3498 阅读 · 0 评论 -
【javascript】有计算功能的简易计算器
外观不满意,可以自行修改。主要用到的有:grid布局 js原生 阿里字体图标 eval函数eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行。如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语句,eval()将执行 Javascript 语句。代码:里面还有功能未完善,比如回退,遇到小数点不会自动删除以及,小数点可以多次输入,这些都还需要完善原创 2023-01-11 21:41:23 · 2066 阅读 · 1 评论 -
【JavaScript】ES6新增
一般函数返回多少实参就要有多少形参,箭头函数和普通函数一样,没有形参是拿不到里面的值的。一个形参可以省略小括号;一行代码和返回值可以省略大括号。原创 2023-01-08 13:15:37 · 138 阅读 · 0 评论 -
【javascript继承案例】function class 渲染页面
【代码】【javascript继承案例】function class 渲染页面。原创 2023-01-08 12:29:32 · 103 阅读 · 0 评论 -
【JavaScript】class关键字 以及变量提升
在 JavaScript 中,ES6 开始引入class的概念。实际上,JavaScript 中class的本质也是基于原型prototype的实现方式作了进一步的封装,其本质还是函数function。虽说如此,class和function还是有不同之处。this;原创 2023-01-08 12:21:54 · 300 阅读 · 0 评论 -
【JavaScript】面向对象的继承以及this关键字
在 JavaScript 中函数也是对象,对象则有方法,apply 和 call 就是函数对象的方法。不好的一点,就是这种方法是强行继承,等于把Penson里面name,age也一并加到Student中,new Person()小括号里面是空白,出来的结果是undefined。注意方法增强,不能在自己函数里面写this. 不然就是反复调用自身原形,会形成死循环,必须再新建一个方法。在函数中,在严格模式下,this 是未定义的(undefined)。b、以方法的形式调用时,this 就是调用方法的那个对象。原创 2023-01-08 11:35:11 · 329 阅读 · 0 评论 -
【JavaScript】module let Object.setPrototypeOf()以及箭头函数
var有一个变量提升的过程,当整个函数作用域被创建的时候,实际上var定义的变量都会被创建,并且如果此时没有初始化的话,则默认为初始化一个undefined。而let由于是块作用域,所以如果在块作用域内定义的变量,比如说在for循环内,在其外面是不可被访问的,所以for循环推荐用let。在函数中声明了var,整个函数内都是有效的,比如说在for循环内定义的一个var变量,实际上其在for循环以外也是可以访问的。1.var是函数作用域,let是块作用域。//调用渲染,并改变触发方式。原创 2023-01-08 09:31:39 · 449 阅读 · 0 评论 -
【JavaScript】原型以及原型链
/使用原型,共享内存,节省空间.把渲染函数拿出CreateList : CreateList.prototype.render。// 测试一下obj1的上一级是不是CreateList。//使用箭头函数和模板字符串。原创 2023-01-08 09:16:58 · 58 阅读 · 0 评论 -
【JavaScript】面向对象
定义:通过 new 函数名 来实例化对象的函数叫构造函数。之所以有构造函数与普通函数之分,主要从功能上进行区别的,构造函数的主要 功能为 初始化对象,特点是和new 一起使用。new就是在创建对象,从无到有,构造函数就是在为初始化的对象添加属性和方法。这一步已经实例化对象了,this指向这个实例化对象,存放在堆区里面了。对new理解:new 申请内存, 创建对象,当调用new时,后台会隐式执行new Object()创建对象。所以,通过new创建的字符串、数字是引用类型,而是非值类型。原创 2023-01-08 09:09:50 · 57 阅读 · 0 评论 -
【JavaScript】数组常用方法
splice(1,1):从数组下标为1的位置删除1个元素返回值是删除的元素。unshift:在数组前面添加元素,返回值是增加后的数组长度。在数组下标为1的位置删除0个元素,并追加“4”和·“5”,默认返回为true,设置为false,就返回一个空数组。push:向数组后面追加元素,返回值是追加后的数组长度。shift:在数组前面删除元素,返回值是删除的元素内容。也可以拿来复制数组,在新数组里进行操作,不影响原数组。pop:从数组后面删除元素,返回值是删除的元素内容。reverse:倒序排列。原创 2023-01-08 06:38:07 · 515 阅读 · 0 评论 -
消息提示【message.js】和页面文字滚动【】
"阳光灿烂,多出去晒晒太阳""少玩会,注意要休息了""午休时间,注意休息""夜猫子,该休息了"原创 2023-01-07 22:05:10 · 295 阅读 · 0 评论 -
【JavaScript】正则表达式
(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。原创 2023-01-07 18:21:29 · 98 阅读 · 1 评论 -
【javascript】DOM 案例
:就是把type等于password改为text即可:购物车商品全选:点击哪个就把active赋给谁,然后把另一个取消createElement:在JS中创建元素appendChild:在HTML页面中添加进去this.parentNode.remove():定向移除父节点原创 2023-01-07 18:12:25 · 643 阅读 · 0 评论 -
【JavaScript】DOM 学习总结-基础知识
- 规定自定义属性写法为:data-*** --> < div id = " haha " data-hefan = " 111 " data-he = " 222 " > -- 规定自定义属性写法为:data-*** --> < div id = " haha " data-hefan = " 111 " data-he = " 222 " >原创 2023-01-07 16:15:12 · 1954 阅读 · 0 评论 -
【JavaScript】BOM 学习总结
JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式,例如在 PHP 中,可以将 JSON 还原为数组或者一个基本对象。另外,还有一个sessionStorage,使用方法与localStorage一样,只是它是临时存储,关闭页面就丢失了。是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。输入内容后,会存储在本地,刷新页面后会自动填充。原创 2023-01-07 14:37:40 · 477 阅读 · 0 评论 -
【JavaScript】事件--总结
margin : 0;} ul {原创 2023-01-07 14:07:54 · 1727 阅读 · 0 评论 -
【bootstrap】使用,初学者的总结
解压后把里面的css和js文件复制过去,因为也要用到jQuery,所以要把jQuery.min.js也一起放入js文件夹。首页点击v3文档,然后下载最左边的那个。先创建一个div:作为最大的一个盒子。在JavaScript插件里面能找到。第一种js:需要引入jQuery文件。在模态框的第一行代码中加入id。上面的内容和下面是对应的。原创 2023-01-06 06:34:39 · 744 阅读 · 1 评论 -
【jQuery】写一个电梯导航
在定义图片大小时,我因为习惯定义宽度,然后让高度自适应,但是这个导航就是根据每张图片距离页面顶部的高度来进行导航的,不定义高度,获取就出现问题。今天大概是跟着pink老师学习JS的第八天,看了有410章了。之后我打算自己练习一下,然后就出现bug了。还是那个熟悉的品优购项目。jQuery 电梯导航。原创 2023-01-05 11:56:52 · 225 阅读 · 0 评论 -
swiper 做一个轮播图
然后,是JS部分:难点就在这里,对于新手来说,属性搭配也是很难的。然后是CSS部分:因为图片是竖屏的,高度高一些更容易居中显示。难点:首先你得学着用swiper。图片尽量选择宽高差不多的。swiper 轮播图。原创 2023-01-04 22:08:30 · 154 阅读 · 0 评论 -
跟着pink老师学JS的第三天总结
*鼠标拖拽:*代码:鼠标跟随:黑马pink:千峰:原创 2022-12-29 20:19:13 · 4083 阅读 · 1 评论 -
【JavaScript】初学者案例
"请输入你的操作:\n1.存钱 \n2.取钱\n 3.显示余额\n 4.退出"//通过遍历对象,找到属性值相同的最多的,就是出现次数最多的字符。'你来猜数字,输入1~50之间的数字'三次机会,猜1~50之间的一个整数。// 小红,小红,小明,小明。//找出字符串的每一个字符。'3次机会已使用完毕!//已存在就进行加一操作。'出现的次数最多是:'"请输入存入金额:""请输入取钱金额:"原创 2022-12-28 13:23:17 · 304 阅读 · 0 评论 -
【JavaScript】时间对象
/ 如果同步比较繁忙或者根本就是死循环,那么异步将有可能不执行。// 定时器属于异步执行,必须要在同步执行完后才执行,// 当前时间一秒钟刷新一次,以便于倒计时能实现。//毫秒:getMilliseconds()实际上是对象,但是自动转为字符串显示了。// 分钟:getMinutes()// 秒数:getSeconds()// 小时:getHours()// 使用间隔定时器让时间流动。// 每隔一段时间执行一次。// 执行一次,延时执行。"【延时】只能执行一次"// 截止时间设置为固定。原创 2022-12-27 21:14:25 · 346 阅读 · 0 评论 -
【HTML】动画合集--跟着pink老师学习
* Background-size属性:改变背景图片大小 *//* box旋转也需要透视效果,因此给父级加上: *//* 向前移动,把中心点放在中心 ,z轴向前为正*//* 第一个旋转0°,剩下的每张旋转60° *//* 如果是多种样式,移动必须写在最前面 *//* 多个动画之间用逗号隔开 *//* 鼠标放上去动画停止 *//* 保持3D效果 */img/中间.png。【旋转木马】萧炎后宫。/* 近小远大 *//* 添加动画 */原创 2022-12-26 10:30:43 · 1462 阅读 · 0 评论 -
【HTML/CSS】五条小知识
/* 清除浏览器默认格式 */*{margin;padding}/* 斜体文字不倾斜 */em,i{font-style}/* 去掉li的小圆点 */li{list-style}img{/* 照顾低版本浏览器,如果图片外面包含链接,会出现边框 */border;/* 取消图片底部与边框产生的缝隙 */}/* 鼠标样式,小手 */button{cursor}/* 取消下划线更改默认颜色 */a{color;}/* 鼠标经过变颜色 */a:hover{color。原创 2022-12-23 11:08:58 · 683 阅读 · 0 评论 -
关于vertical-align属性的用法
baseline定义后,图片会和kan an对齐,不会和j对齐,当然,默认也是这样,图片加上边框,就会出现缝隙,影响观感。其他三种任意一种都能去除这种缝隙:比如: vertical-align: middle;还有一种方法:直接把图片改为块级元素即可。1.用于确定图片旁边文字的对齐方式。middle 常用,垂直居中对齐。bottom 与图片底端对齐。2.去除图片和下边框的缝隙。baseline 不常用。top 与图片顶端对齐。原创 2022-12-22 20:44:53 · 558 阅读 · 0 评论 -
【HTML/CSS】仿小米的商品评价展示
【代码】【HTML】商品评价展示。原创 2022-12-21 16:47:13 · 607 阅读 · 0 评论 -
【HTML】简洁版的注册界面
可以加上CSS把页面美化一下日期那个,可以用JS代码去做原创 2022-12-21 10:09:58 · 7680 阅读 · 7 评论 -
node.js的安装以及json-server的使用
剩下内容就是next,就默认安装在C盘好了。node -v下面这种结果代表安装成功还有npm -vNPM 是什么npm(“Node 包管理器”)是 JavaScript 运行时 Node.js 的默认程序包管理器。它也被称为“Ninja Pumpkin Mutants”,“Nonprofit Pizza Makers”,以及许多其他随机名称,你可以在 npm-expansions 上探索这些名称。npm 由两个主要部分组成:用于发布和下载程序包的 CLI(命令行界面)工具。原创 2022-12-19 10:33:49 · 775 阅读 · 1 评论 -
【JavaScript】懒加载
【代码】【JavaScript】懒加载。原创 2022-12-01 17:01:15 · 781 阅读 · 0 评论