前端
关注
分享
扫一扫
文章平均质量分 50
s_meng_
一名正在努力学习前端的快乐崽崽。
欢迎志同道合的朋友和我一起交流，我会在这里分享自己所学到的知识，也算是给自己做的另一份笔记吧，让自己学到的知识能得到一个输出。我也希望有和我一样正在学习的朋友一起交流，能够一起加油打气，学习是枯燥的，但分享不是，期待你与我一起分享自己所学的。
若你想和我交流，可以加我的联系方式：
微信：tuan-zi-1314
Q Q：1419148453
邮箱：mneg.20200606@gmail.com
展开
-
日常JavaScript 2题（附题解）
今天做了一个小案例，然后刷了两个题，一个题看了半天没有弄明白，看了答案才写出来，第二个上网找了一下思路才写出来，脑子长时间不用，感觉有点生锈了。题目// 创建一个以罗马数字为参数的函数，并返回其值作为数字小数整数。您不需要验证罗马数字的形式。现代罗马数字是通过表示要单独编码的数字的每一个小数数字来书写的，从最左边的数字开始，跳过任何 0。因此，1990 年呈现为"MCMXC"（1000 = M，900 = CM，90 = XC），2008 年渲染为"MMVIII"（2000 = MM，8 = V.原创 2021-11-08 21:35:12 · 261 阅读 · 0 评论 -
javascript每日习题
之前发现了一个习题网站codewars，与leetcode类似，但又有点区别，leetcode完全是算法相关，但是这个网站的习题大部分考的是对js内置函数的使用，用来巩固js的知识，我觉得挺好的。这个网站是外国的，完全是英文，需要网页翻译插件来辅助。每天学习累了之后可以写一些题换换脑子，遇到不会的可以直接查看答案，但是查看答案后就无法获得这道题的分数。Persistent Bugger> 编写一个函数，persistence，它接受一个正参数num并返回它的乘法持久性，> 它.原创 2021-11-04 21:21:07 · 319 阅读 · 0 评论 -
javascript数组常用方法总结
数组常用方法改变原数组push() > 末尾添加元素pop() > 末尾删除元素unshift() > 从数组开头添加元素shift() > 删除数组开头的元素reverse() > 用来颠倒数组的顺序splice() > 可以用来增，删，改，第一个值：改变元素的下标，增加元素( 第二个值：0)，删除元素(第二个值：删除的个数)，改变元素(删除元素后进行添加元素)sort() > 接受一个函数，用来决定数组的排序co原创 2021-11-04 17:15:50 · 492 阅读 · 0 评论 -
课堂随机点名系统
出发点, 上课时老师说想要一个随机点名系统, 问有谁会做, 写一个出来用用, 我下课后就尝试写了一下, 之前写过一个类似的, 当时不能上传名单, 这次可以上传名单进行点名.主要难点在于js对excel的读取, 获取其中的内容, 用了很长时间在网上需要教程, 各大视频网站都找了一遍, 未找到关于js处理excel的教程, 就去查找代码.最后在一个阿里云的一个网站还是什么, 具体我忘了, 摘取了可以处理excel代码, 然后自己做了修改后可以使用.不要问我为什么不去查阅文档, 英语不好, 文档也看不明白,原创 2021-10-16 17:32:01 · 1273 阅读 · 1 评论 -
javascript对象的属性操作
截图无法放在上边, 可以自己保存代码进行运行查看效果; 对象的属性属性分两种: 数据属性和访问器属性;数据属性: 数据属性包含一个保存数据的位置, 值会从这份位置读取, 也会写入到这个位置, 数据属性有4个特征描述它们的行为.概念:[[Configurable]]：表示属性是否可以通过delete删除并重新定义，是否可以修改它的特性，以及是否可以把它改为访问器属性。默认情况下，所有直接定义在对象上的属性的这个特性都是true，如前面的例子所示。[[Enumerable]]：表示属性是否可以通.原创 2021-09-30 09:09:14 · 229 阅读 · 0 评论 -
js对象的基本操作与解构
文章目录对象的基本操作对象的引用传址点语法解构赋值多层的对象解构赋值解构默认值函数传参的解构特性hasOwnProperty() 方法对象的基本操作 let hs = { name: "张三", }; console.log(hs.name); // 给对象添加元素 hs.sex = "男"; console.log(hs);原创 2021-09-17 15:33:12 · 255 阅读 · 0 评论 -
函数和作用域
文章目录作用域全局环境局部环境函数环境的生命周期块级作用域闭包失踪人口回归, 消失了一个暑假的人口回来了, 以后会每周最少更一篇.之前是给js过了一遍, 现在又重新进行学习. 因为找到了一个好的教程, 后盾人教程, 这个网站的js 教程还可以, 从头开始, 直接包含了es6以后的内容, 在配合阮一峰教程, 相互参考, 我感觉还是挺好的, 当然, 后盾人官网也有自己的文档, 也可以进行查看, 我没看那个文档.现在我改变了之前全部是文字的博客, 接下来都是代码, 然后中间穿插注释.如果有不理解的或者更原创 2021-09-16 12:39:09 · 106 阅读 · 0 评论 -
获取——操作——元素
文章目录获取元素通过ID获取元素通过类名获取元素通过标签获取元素通用获取元素获取特殊的元素(html. body)获取和修改属性获取属性修改属性两种方法的区别移除属性节点操作获取节点节点的属性值获取父节点获取子节点获取兄弟节点创建节点添加节点删除节点复制节点案例案例一: 留言板案例案例二: 动态表格获取元素通过ID获取元素document.getElementById('ID选择器');通过类名获取元素document.getElementByClassName('类选择器');通过标签获取元素原创 2021-07-15 20:35:21 · 1049 阅读 · 0 评论 -
JavaScript案例分享+复盘——小米闪购界面
这个案例拖到现在才完成，大概快一个星期了吧，中间断断续续，今天给完结了。先做一个复盘吧。前边是跟着视频做的，后边视频没了，就自己去官网扒，看源代码，然后自己写出来。自己英语不好，起名是一个痛点，经常不知道起什么名字，写的案例也太少了，常规的布局都不知道。英语打算放假或者大二开学后开始进行学习。对于CSS的布局需要去找项目练习。对于一些CSS的样式，自己也忘得差不多，感觉需要重新看一遍。之前感觉自己已经掌握的差不多了，写网页时发现，很多项目自己完全不知道什么意思，或者知道有这个属原创 2021-06-18 22:54:45 · 335 阅读 · 0 评论 -
JavaScript案例分享——校园点名系统
前言：有时候我也挺佩服我这沙雕的大脑，明明敲了很长时间的代码，晚上超级瞌睡时，躺在床上居然睡不着了。总能想写莫名其妙的东西，这个点名系统是我也不知道起因是什么想出来的，当时想到了，就直接用备忘录记录下来，怎么实现，用那些知识点去实现，都能想出来。但有时可能会与我想象的不一样，这些需要在代码实现的过程中一点一点修改。本来对于CSS的样式，我也想过美化的好看点，奈何审美有限，在测试的颜色中，完了之后发现挺协调的，也就懒得再去修改了。这个案例不是太难，主要就锻炼DOM的添加元素，获取原创 2021-06-16 22:37:43 · 1420 阅读 · 13 评论 -
JavaScript案例——红绿灯
前言：大概快2周没写博客了，今天来更一下吧，今天更新的是一个小案例。今天在腾讯云申请了一个免费的服务器，然后域名正在购买中，接下来我会把我自己做的一些小案例放在上边，欢迎大家来测试，然后提出修改意见。如果有大佬做项目愿意带我的也可以通过主页或者私信联系我，如果你和我一样是初学者，想找人一起做项目的，也可以找我。如果你是学生，自己的网页设计作业不想写，也可以找我，我可以代写，当然，这个代写是有偿的，一方面我想锻炼自己的技术，另一方面也能赚点零花钱。原理：这个案例是我有天晚上睡不着，然原创 2021-06-15 23:20:34 · 2617 阅读 · 13 评论 -
仿写京东倒计时的案例
下午学习了BOM，学习到定时器这块，然后仿照京东的秒杀倒计时写了一个案例。这个是京东的倒计时。这个是我自己写的倒计时，背景是从京东扒下来的，你也可以选择自己换个别的。先说一下原理，获取当前时间，用输入的时间减去当前时间，得到中间差的时间，将中间差的时间做个倒计时出来。window.setInterval(调用函数[延迟毫秒数])是一个定时器。是一个window对象，window可以省略不写；第一个参数可以直接写函数名，也可以直接写函数；第二个参数单位是毫秒数，不写默认为0；运用Date方原创 2021-06-06 23:12:04 · 451 阅读 · 0 评论 -
精灵随着鼠标的移动而移动
让图片随着鼠标的移动而移动，我们先使用事件对象e.pageX，e.pageY来获取鼠标的坐标，然后将鼠标的坐标传递给图片定位的位置，就能实现图片随鼠标一起移动。直接上代码，其实挺简单的。里边有注释。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-06-06 22:55:25 · 283 阅读 · 0 评论 -
DOM总结
DOM我看视频看完了，然后就在这里做个总结吧。文章目录DOM是什么？伪数组获取元素通过id获得元素通过类名（class）获得元素通过标签获得属性通用型的获取元素的方法document.querySelector()获取所有的匹配元素获取特殊的元素（body、html）获取属性获取元素自带属性获取自定义属性修改属性修改元素自带属性的值修改自定义属性的值移除属性元素节点nodetype获取节点获取文本节点的内容修改文本节点内的内容创建节点创建元素节点将创建的节点插入某个文档的节点树中事件注册事件（绑定事件.原创 2021-06-05 21:56:26 · 336 阅读 · 0 评论 -
JavaScript基础结束——向新的内容出发
这周不知道怎么回事，开始变得有点堕落，学习计划作出了安排，却不想去学习。现在js基础也过完了一遍，开始DOM的学习了，接下来的主要学习就是跟着视频敲案例，我也不知道该怎么分享了。之后我会结合案例来进行分享吧，有什么做错的地方欢迎各位大佬指正。当然，可能也很少有大佬来看吧，我就把这个平台当成自己笔记和自己学习所输出的地方吧，接下来也要重新调整心态，更好的去面对自己的学习计划，让自己能以更加积极的态度去学习。让我们一起加油吧！文章目录API和web API事件处理DOM修改元素的内容in原创 2021-05-31 22:49:26 · 274 阅读 · 5 评论 -
JavaScript这周所学知识点的总结
今天下午把这周所学的知识进行了整理，在思维导图上重新梳理了一遍，我把梳理好的知识点放在坚果云上边，需要的可以点击下载。分别放置了.md文件和思维导图。可以看下，这周记了这么多的笔记，虽然只是单面书写，但是总的下来真的不少了，特别是进行输出的时候。内置对象和基本包装类型这块，在思维导图中或者.md文件中都介绍的很清楚，我就不在进行第三遍的输出了，因为我笔记一遍，思维导图一遍，在写一篇博客的话就是3遍了。下面我简单的说下关于堆和栈这块，因为思维导图上插入图片大概就我自己能看到，我就在这详细的介绍一下。原创 2021-05-29 19:31:34 · 210 阅读 · 3 评论 -
JavaScript内置对象,时间日期获取——倒计时案例
今天又是愉快的一天，学的知识点不算太多吧，但是这些知识点都好玩啊，有趣啊。今天主要是内置对象，我学会了之后封装了三个函数，一个获取当前时间，一个获取当前日期，还有一个倒计时案例。可根据目录跳转，需要的自取。我会把js文件放置在坚果云内，不想复制代码的可直接下载，文件内都有详细的注释。好了，下边开始正题。点我下载文章目录内置对象产生随机数猜数游戏随机点名内置Date函数获取当前的日期获取当前时间产生倒计时效果内置对象js中，对象分自定义对象，内置对象，浏览器对象。自定义对象： 我原创 2021-05-27 23:14:10 · 1574 阅读 · 9 评论 -
JavaScript笔记函数.作用域.对象
今天发的有些晚了，这些都是昨天的笔记。这些笔记都是干货~干货~干货，记得收藏起来但我今天也没有偷懒。没有偷懒。没有偷懒。重要的事情说三遍。本以为今天会很轻松，谁知道事情没我想的那么简单。昨天看完视频后头就疼的厉害，想着今天任务布置少点，然后让自己休息一下。但是忙到现在，今天的任务还没完成，剩下的任务无法完成了，毕竟需要读出声，会影响室友，发完这篇博客我也该休息了。上午用了一上午做了一个网页，中午休息了一下，谁知道醒来就3点多了。开始整理笔记，写了一部分博客，下午下课吃完饭后又抓紧时间写原创 2021-05-26 23:02:15 · 117 阅读 · 0 评论 -
JavaScript数组基础
今天早上起来的有点晚，8点多才起来，到图书馆就9点了，背了一个小时的单词。下午看书发下还是看不懂，就去看视频了，下面是我看视频所记笔记，之后我会更新自己学的知识点和笔记，如果当天学的知识点多，或者我觉得有必要分享的我会发布到博客。如果当天的知识点比较少，我会积累一下在发布。所以如果有初学者可以跟着我的脚步一起学习，也可以加我好友，有不懂得问题一起解决。首先是复习了循环的语句，之前学的有感觉有点模糊了，就复习了一下，所以循环这部分就没有记笔记。数组数组是一组数据的集合，每个数据都称为元素。创建数组原创 2021-05-24 23:19:16 · 78 阅读 · 0 评论 -
JavaScript的属性获取与修改
获取属性getAttribute，只有一个参数，用来获取打算查询的属性名字。object.getArrtibute(attribute)。修改元素的属性值：setAttribute("属性"， value)，将属性值修改为后边的值晚上看书做了一个简单的案例，在一个页面中设置超链接，当点击超链接时，图片在当前页面显示，不跳转到另一个页面。首先，需要一个列表，或者别的代表物需要一个占位符，将点击链接时显示的图片在占位符中显示获取连接的地址将占位符的地址修改为点击链接的地址修改链接的默认属性，让其原创 2021-05-18 23:09:16 · 279 阅读 · 0 评论 -
JavaScript输出乘法表
在js中的双重for循环和C语言差别还是有点大的，不做几个案例，可能就根本没法改正过来，下面先输入几个案例。打印一个倒三角案例输出:代码实现:var str = '';for (var i = 0; i < 10; i++) {//外层循环 for (var j = i; j < 10; j++) {//内层循环,当j=i时,输入依次少一个星星 str += '⭐'; } str += '\n';}console.log(str);打印正三角输出案例:代码实原创 2021-05-03 23:32:48 · 606 阅读 · 0 评论 -
JavaScript数据类型的转换
开篇又是题外话，之前参加蓝桥杯，昨天成绩出来了，获得了省赛一等奖，可以去参加国赛了。很惊喜也很意外，没想到自己那半吊子的水平也能获得省一，接下来我会尽量的去学习C语言了，去做一些习题。这两天感觉学到了东西，又感觉没有学到东西，因为我发现js的前边和C语言的好像，只有部分细节不一样，这两天看视频把前面基础的东西看了一下，把细节的东西重新认知了一下。下面是一些我之前没有学的，或者我认为对于我来说比较重要的东西：数据类型的转换转换为字符串型将一个类型转换为字符型 变量名.toString()强制转换原创 2021-04-29 22:40:18 · 75 阅读 · 0 评论 -
CSS实现跳动的心脏
今天中午吃饭的时候在b站上边看了一个直播，教的是用CSS做出一个跳动的心脏，下午放学后，我自己试着写了出来，有兴趣的可以看下，有不足的地方感谢指导，下面直接附上源码。HTML页面/* * 思路: * 1. 将心脏部分包含在一个盒子内. * 2. 在心脏盒子内准备两个小盒子,让小盒子浮动,在同一行显示. * 3. 给两个小盒子设置圆角边框. * 4. 让两个小盒子进行旋转和平移 * 5. 给两个小盒子设置盒子阴影 *原创 2021-04-29 22:39:02 · 779 阅读 · 0 评论 -
切换vscode的背景图片
本来今天想写一篇这段时间学习的笔记，但是看了一下自己的笔记，发现这连天过去松懈，没有怎么学习，然后今天发现一个vscode切换背景的方法。然后找教程吧，试了几次，发现不成功，然后还给vscode卸载了一次，然后找到了一个超简单的教程。下面是切换的教程:切换vscode背景图片下图是切换之后的效果图:第一步:点击扩展的标志第二步:搜索background，选择background-cover这个插件，然后安装第三步:选择右下角的图标第四步:选择一张背景图，和透明度...原创 2021-04-26 21:15:44 · 1166 阅读 · 5 评论 -
JavaScript基础篇——2
use strict 严格模式use strict开启严格模式，需要放在代码的最顶端才能启动，进入use strict模式后，无法取消。至于严格模式的用法，我暂时也没有弄明白。如何在控制台打开严格模式'use strict'; <Shift+Enter 换行>// ...你的代码<按下 Enter 以运行>变量变量 是数据的“命名存储”。我们可以使用变量来保存商品、访客和其他信息。用 let 来声明或定义一个变量可以通过赋值运算"="为变量添加数据let m原创 2021-04-22 23:09:56 · 111 阅读 · 1 评论 -
自C语言之后的有一个“hello word“——JavaScript基础1
上午上课的时候，问老师跟着教程做了一个静态页面之后是继续做教程，还是学习新的知识——JavaScript，老师建议我学习新的知识。今天下午没课，用一下午的时间做了一个静态的页面出来，单独做出来的一个页面，算是对前面的复习吧，然后晚上下课后看了js的开头，然后就有了现在的“hello word”！在"hello word"之前，先介绍一个新的标签<script></script>如你所见，这个标签是个双标签。<script>标签JavaScript程序中<scr原创 2021-04-21 23:23:56 · 75 阅读 · 0 评论 -
关于图像的问题
由于这段时间在跟着教程写静态网页的项目，算是对前面所学知识的复习，没有学习新的内容，也就没有更新博客。目前已经搭建了一个首页模块，一个列表页模块和一个注册页面。最近除了做静态页面之外还在看大佬推荐的书籍《Head First HTML与CSS》，然后发现了一些自己之前没有注意到关于图片这一块一些细节的东西。下面给大家详细的说一下：img标签<img>标签中的alt属性是必需的属性。图片的格式浏览器中常用的格式为JPEG，PNG，GIF三种格式。JPEG格式适合保存照片和其他复杂的原创 2021-04-18 21:52:46 · 188 阅读 · 3 评论 -
品优购项目的书写规范模式
今天开始做一些静态网页的案例了，下面给大家分享一下所写案例的代码规范。品优购的代码规范这是一个简单的命名规范，若想看最全的，请点击链接观看CSS的书写顺序原创 2021-04-11 23:23:01 · 109 阅读 · 0 评论 -
伪元素选择器-清除浮动-CSS3过渡
伪元素选择器伪元素的权重为1，微元素可以利用CSS创建新的标签元素，而不需要HTML标签，从而简化HTML结构。下面我只介绍两个:::before和::after创建一个元素,但是属于行内元素新创建的元素在文档树中找不到,称为伪元素使用放法: 选择器::before {}::before和::after标签必须有content属性::before在父元素内容的前面创建元素，content在父元素内容的后面创建元素伪元素选择器和标签选择器的权重都是1伪元素选择器的使用：<sty原创 2021-04-10 20:38:11 · 378 阅读 · 0 评论 -
结构性伪选择器
结构性伪类选择器主要介绍:nth-child(n)和:nth-of-type(n)选择ul标签下的第一个元素:first-child<style>/* 选择ul中的第一个li */ul li:first-child { background-color: pink; }</style><body> <ul> <li>我是第1个孩子</li> <原创 2021-04-09 21:53:18 · 159 阅读 · 0 评论 -
CSS3新特性标签
属性选择器属性选择器的权重为10利用属性选择器可以不利用类选择器或者ID选择器属性选择器还可以选择属性=值得某些元素选择属性选择器还可以选择属性值以icon属性值开头的属性属性选择器还可以选择属性值以date属性值结尾的属性属性选择器还可以选择属性值包含box属性值属性...原创 2021-04-09 21:15:45 · 106 阅读 · 0 评论 -
HTML5新特性
HTML5的新特性新增语义化标签这些语义化标签主要针对搜索引擎的这些新标签可以使用多次在IE9中，需要将这些标签转换为块级元素IE9以下不支持这些标签，移动端没有兼容问题新增媒体标签视频标签<video>谷歌浏览器禁用autoplay自动播放属性，可以给音频添加muted静音播放标签解决此属性。音频标签<audio>音频标签的属性和视频标签的属性类似，同样谷歌浏览器禁用autoplay自动播放属性，暂时没有解决的办法，可以等以后用js解决此问题。新原创 2021-04-09 21:00:51 · 68 阅读 · 0 评论 -
margin负值实现的压线效果
margin负值的妙用定义几个盒子，让每个盒子的margin向左移动-1px，正好压住相邻盒子的边框即可。未使用margin负值的效果图:ul li { float: left; list-style: none; width: 80px; height: 40px; border: 1px solid green; margin: 100px 0;原创 2021-04-08 13:38:19 · 195 阅读 · 0 评论 -
布局的小知识
4月7日学习笔记用CSS画出一个三角将一个盒子的宽高设为0设置边框粗细,将之设置为透明需要哪个三角,改变其颜色即可如下图所示:CSS的强化若想要获得一个梯形的图片,可以用一个小盒子做出直角三角形,使用定位,移动到对应的位置即可。直角三角形的做法：可以只显示上边框和右边框，将上边框的值大于右边框，即可得到一个直角三角形。如下图所示：代码如下:.bigbox { width: 0; height: 0; bo原创 2021-04-08 13:26:32 · 80 阅读 · 0 评论 -
CSS精灵图解析案例
HTML精灵图CSS精灵可以有效的减少服务器接收和发送请求的次数，提高页面的加载速度。精灵图主要针对于背景图片的使用，把多个小背景放在一个大的背景图片中，当用户访问该页面时，只需向服务器发送一次请求，网页中的背景图片即可全部展示出来。CSS精灵图就是移动背景图片的位置，属性：background-position: x坐标 y坐标；移动图片的位置向左或者向上移动，精灵图的移动如下图:图片向左或者向上移动，值一般为负值。如下所示:找到字母O在精灵图中的位置,然后在html页面进行定原创 2021-04-06 21:50:24 · 204 阅读 · 0 评论 -
CSS引入方式
css的引入方式分为3种:**1.**行内样式,直接在标签中使用style属性进行修改 //控制一个标签**2.**在head标签中添加style标签,进行调用css //控制一个页面**3.**新建一个css文件,以link标签引入HTML标签界面 //控制多个界面...原创 2021-03-12 22:10:29 · 74 阅读 · 0 评论 -
CSS字体属性和文本属性
字体属性font-size: #px; 字体的大小font-weight: 400; 700==bold,表示加粗 400==lighter,不加粗font-family: 字体font-style: 字体为斜体或者正常字体字体的复合语法选择器 { font-style; font-weight; font-size; font-family; 可直接书写属性值,不用写属性,按照以上顺序书写,顺序不能乱}文本属性color: 文本颜色text-algin: underlin原创 2021-03-12 22:02:45 · 79 阅读 · 0 评论 -
表单和表格
表单创建表单域使用<form>属性表单控件<input type="##">常用属性<type>的值:text: 单行文本框password: 密码radio: 单选框checkbox: 复选框button: 普通按钮reset: 重置按钮file: 文件域value: 文本框内默认的文字文本域<texteara>文本域内默认文字</texteara>下拉菜单<select> <option&g原创 2021-03-12 21:49:32 · 79 阅读 · 0 评论 -
HTML
这是学习几天的收获,关于HTML5和css3的,之前没有写博客,以后会每天更新自己的收获,都是闲暇时间进行学习的,请不要介意,如果有什么不对的地方欢迎大佬指正,感谢!!HTML到底是什么html不是一门编程语言,而是一种用于定义内容结构的标记语言.HTML由一系列的元素组成.这些元素用来包围不同部分的内容,使其以某种方式呈现或者工作.HTML元素开始标签:<p> 内容 </p>:结束标签 整个标签称之为元素元素的主要部分有:元素必须有结束标签,所有元素必须关闭,标签使用小原创 2021-03-12 21:26:34 · 79 阅读 · 0 评论