前端入门
文章平均质量分 61
心中有光,不惧路长
这个作者很懒,什么都没留下…
展开
-
【FCC】javascript_datastructure五道验收题思路及题解
题目1:题目概述:输入一串字符,判断其是否为回文(true or false)注意:这个回文是有要求的,从测试样例可以看出:字母的大小写不影响结果;在字母之间多一些下划线、空格、标点符号之类的不影响结果,这就需要对字符串进行处理。/[\W]/g是匹配除数字字符下划线外的其他字符,也就是不包括下划线,因此需要手动加上下划线,即:/[\W_]/g题解:function palindrome(str) { let sign=/[\W_]/g; let tmpstr=str.t原创 2022-01-11 23:17:30 · 262 阅读 · 0 评论 -
【FCC】javascript算法题闯关汇总(笔记)
算法题汇总:Sum All Numbers in a Range题目要求:sumAll([4,1]) should return 10 because sum of all the numbers between 1 and 4 (both inclusive) is 10.思路:将传入的数组中的元素提取出来,用高斯求和公式计算和sum=((a1+an)∗n)/2sum=((a1+an)*n)/2sum=((a1+an)∗n)/2解法:function sumAll(arr)原创 2021-12-30 19:53:16 · 475 阅读 · 0 评论 -
【freecodecamp】js基础学习总结
写在最前面:这是我个人学习过程中的随手记录,更多是写给自己看的,而且时间跨度比较大,内容的逻辑性、表述的准确性等等各方面还有所欠缺,希望能刷到这篇文章的小伙伴不要笑话。有发现错误也欢迎批评指正呀~大家一起学习,一起进步!js基础关于定义内容中带引号的字符串,两种方法在内容中的引号之前加 “\” 注意:!!!千万不要写成"/"用单引号定义,但是要注意引号匹配问题字符串更改不能只靠改变??(在js中这个叫Bracket Notation?不懂括号计法这个直译是什么意思)的第0个元素,要原创 2021-11-20 22:31:30 · 668 阅读 · 0 评论 -
【freecodecamp】Apply Functional Programming to Convert Strings to URL Slugs
一 我被这个关卡卡住的问题urlSlug(" Winter Is Coming") should return the string “winter-is-coming”.(即原字符串中的开头结尾的空格也要去掉)二 我的解决方案function urlSlug(title) {let tmp=title.toLowerCase().split(" ");let goal=tmp.filter(item=>item!=='').join("-");return goal;}三 思路原创 2021-11-20 21:53:00 · 304 阅读 · 0 评论 -
【freecodecamp学习笔记】where do I belong
一 题目Return the lowest index at which a value (second argument) should be inserted into an array (first argument) once it has been sorted. The returned value should be a number.二 代码function getIndexToIns(arr, num) { arr.push(num); arr.sort(function(a原创 2021-11-19 21:04:27 · 308 阅读 · 0 评论 -
【freecodecamp】Finders Keepers
题目Create a function that looks through an array arr and returns the first element in it that passes a ‘truth test’. This means that given an element x, the ‘truth test’ is passed if func(x) is true. If no element passes the test, return undefined.题解func原创 2021-11-18 11:38:09 · 130 阅读 · 0 评论 -
【freecodecamp】confirm the ending
前言判断字符串str是否由target字符串结尾可直接调用js中的endsWith(str)函数,如果是自己实现这个函数功能,代码如下:题解function confirmEnding(str, target) { let test=str.substr(str.length-target.length,str.length-1); if(test===target) return true; else return false;}confirmEnding("Bastian原创 2021-11-18 10:52:36 · 182 阅读 · 0 评论 -
freecodecamp学习笔记【五】借助javascript学习正则表达式
正则表达式(regular expression/regex)- 概念用于匹配(match)、查找(search)字符串随着深入学习,你将会理解什么叫”应避免使用正则表达式解析 HTML,但使用正则表达式匹配 HTML 字符串的模式完全没问题“- 用法一例如let testStr = "freeCodeCamp";let testRegex = /Code/;testRegex.test(testStr);//注:此处提前注明一下,在js中,注意理解并区分.test()与.mat原创 2021-10-07 22:14:57 · 127 阅读 · 0 评论 -
freecodecamp学习笔记【四】
又有几天没更新啦,依然是写得不知所云的笔记,让看到的小伙伴们见笑了。js基础关于定义内容中带引号的字符串,两种方法在内容中的引号之前加 “\” 注意:!!!千万不要写成"/"用单引号定义,但是要注意引号匹配问题字符串更改不能只靠改变??(在js中这个叫Bracket Notation?不懂括号计法这个直译是什么意思)的第0个元素,要整个串重新定义。(p.s. 后面有专门讲数组的,所以我并不太懂这个到底是什么东西).push() .pop() 栈思想.shift()原创 2021-09-05 23:02:03 · 135 阅读 · 0 评论 -
freecodecamp学习笔记【三】
这是关于“响应式开发设计”的最后一篇笔记,笔者这几天一直有在做笔记,只是没有来得及发上来,刚刚也已经完成了五个项目的认证,获得了阶段证书。 <hr>justify-content与align-items属性:justify-content 属性使 flex 子元素沿主轴排列。 行的主轴是水平线,列的主轴是垂直线。align-items属性使 flex 子元素沿主轴垂直的交叉轴排列。 行的交叉轴是垂直线,列的交叉轴是水平线。flex-shrink flex-grow属性:分原创 2021-09-01 21:11:54 · 238 阅读 · 0 评论 -
freecodecamp学习笔记【二】
浏览器读取 CSS 是由上到下的。 这就意味着,如果发生冲突,浏览器将会应用最后声明的样式。也就是说,即使在html代码中把class1放在class2前面,如果在css中,class2才是最后出现的,那么依然会显示class2样式。网页检查的是声明顺序,而不是使用顺序。id 选择器无论在 style 标签的任何位置声明,都会覆盖 class 声明的样式;而内联样式的优先级高于 ID 选择器;color: xx !important ;的优先级最高创建css变量:–+变量名引用在别..原创 2021-08-28 23:17:53 · 205 阅读 · 0 评论 -
freecodecamp笔记【一】
写在前面:以前稍微看过几行三件套的代码,就以为自己已经了解前端了,结果在实际做网页的时候屡屡碰壁,由此深刻领悟到“什么都会一点==什么都不会”,更何况之前我对自己对前端的“一点”了解这个说法也是夸大了,就我之前了解的那些,和整个前端体系相比,一纳米都没有。求学贵在谦虚、贵在自省、贵在坚持。freecodecamp吸引了我的兴趣,我发现在这上面边学边实战真的是一件非常有意思的事情!!!不积跬步,无以至千里;不积小流,无以成江海。希望自己不断学习,争取每天进步一点点,成为一个眼界开阔的程序员。(注:此原创 2021-08-27 23:13:47 · 627 阅读 · 0 评论 -
2021-08-27
目录我认为需要注意的点:使用表格和 css 制作天气预报页面代码效果图需要注意的点盒子圆角设置:border-radius:一个值上下左右2左上右下、右上左上(正对角线,反对角线)3左上 、右上左下、右下(%)4左上、右上、右下、左下(从左上开始顺时针)p是块级元素,可以设置高度;span 是行内元素,若设置高度必须先转换为行内块级元素或块级元素。使用表格和css制作天气预报页面代码html代码<!DOCTYPE原创 2021-08-27 16:59:49 · 178 阅读 · 0 评论 -
html5+css创建横向及纵向菜单
目录纵向菜单代码横向菜单代码纵向菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>横向列表创建</title> <link rel="stylesheet" type="text/css" href="hengxiang.css"/></head><body>原创 2021-08-26 22:09:00 · 1877 阅读 · 0 评论 -
初学前端css的一个小技巧
前言截止写文章时我刚刚接触前端,自以为会了一点html,css和javascript,于是开始自告奋勇帮一个小社团做网站(我负责首页),但是由于经验不足以及基础知识并不扎实,一个小小的页面我前前后后改了几十遍。其中最大的问题是,我发现我对自己所写下的css代码所框定的盒子并没有直观、清晰的认识,导致比如页面错位了我也只能盲改相应块的参数,但是往往越改越乱。后来,我在网上搜索“如何消除html页面右侧多余的空白”时,看到了一个博主的回答大意是:“标注出框框,找出超出的部分再对应修改”。我用了这个方法,不原创 2021-08-24 17:52:25 · 71 阅读 · 0 评论