前端从0开始
文章平均质量分 72
程皮
全栈工程师,现任职于某大厂
展开
-
前端必备面试题
组成:内容 + 边框 + 内边距 + 外边距。float的值不为none;overflow的值不为visible;position的值为fixedabsolute;display的值为table-cellflex。原创 2023-08-25 12:07:01 · 75 阅读 · 0 评论 -
【前端从0开始】JavaSript——Math对象和Global对象
Global对象是ECMAscript中最特别的对象,因为它根本不存在。说它不存在是因为在ECMAscript中,不存在独立的函数,所有函数都必须是某个对象的方法。例如isNaN(),isFinite(),parseInt()和parseFloat()等,都是Global对象的方法。Math对象属于Javascript内置对象,无需实例化(不需要添加new ),可以直接使用。案例:Math数学相关案例。原创 2023-08-25 11:30:00 · 72 阅读 · 0 评论 -
【前端从0开始】JavaSript——Array对象
导语:页面中的数据,都是从数据库读取出来的,如果返回的数据多,一般情况下会以数组或者对象的形式来进行返回,如果想要删除或者添加数据,就可以使用数组中的方法。) //将新项添加到数组的开头,并返回新的长度。) //向数组的末尾添加一个或多个元素。替换:splice(开始删除的位置,删除的长度,删除之后添加的新内容)concat(字符串/数组/数字) //连接多个数组,返回新数组。添加:splice(开始删除的位置,0,添加的新内容)删除:splice(开始删除的位置,删除的长度)原创 2023-08-24 23:45:03 · 189 阅读 · 0 评论 -
【前端从0开始】JavaSript——Date对象
日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六原创 2023-08-24 23:39:17 · 178 阅读 · 0 评论 -
【前端从0开始】JavaSript——Object对象和String对象
按道理基本数据类型是没有属性和方法的,而对象才有属性和方法,但上面的代码却可以执行。为了方便操作基本数据类型,js提供了三个特殊的引用类型:string、,Number,Boolean。substring(起始位置,[结束位置]) //不包括截取结果的右边界字符。JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。javascript中的对象分为3种:自定义对象,内置对象,浏览器对象。结束位置:是一个下标值,不能为负值(不包括截取结果的右边界字符)方法是能够在对象上执行的动作。原创 2023-08-22 22:22:25 · 137 阅读 · 0 评论 -
【前端从0开始】JavaSript——跳转语句
break语句只能应用在循环(while、do…while、for)或switch语句中。continue语句只能应用在循环中(while、do…while、for)语句中。break语句用于退出循环,阻止再次反复执行任何代码或者退出一个switch语句。用于中止本次循环,根据控制表达式还允许继续进行下一次循环。原创 2023-08-22 21:58:59 · 104 阅读 · 0 评论 -
【前端从0开始】JavaSript——循环控制语句
, null, document, [], true, ‘200px’-30,‘23.45元’, 5, Number(‘abc’), function(){ alert(3);该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。While循环,先进行条件判断,再执行循环体的代码。案例六:循环实现金字塔效果。原创 2023-08-21 23:15:05 · 93 阅读 · 0 评论 -
【前端从0开始】JavaSript——分支流程控制
顺序控制:在程序流程控制中,最基本的就是顺序控制。程序会按照自上而下的顺序执行。// }else if(this.innerText=='说英语'){// }else if(this.innerText=='讲故事'){// console.log('从前有个山。// console.log('两只老虎。// if(this.innerText=='唱歌'){// this 点击的是谁,获取的就是谁。分类:单分支,双分支,多分支,分支嵌套。()中可以是一个值,也可以是一个表达式。原创 2023-08-21 23:07:22 · 659 阅读 · 0 评论 -
【前端从0开始】JavaSript——数据类型
如果第一个式子不成立,执行第二个登式(真假为真,假假为假,真真为真)&& 式子两边同时成立,执行的是if(true),只要有一个不成立。json的键不能重复,如果键是一个完整的单词,可以直接写,如果键里面包含了空格,要用引号引起来。还可以接受第二个参数(2到36之间),表示被解析的值的进制,返回该值对应的10进制数。比较运算符(>,<,>=,<=,=,!==不全等于)【了解】赋值运算符(=【掌握】,+=【掌握】,-=,*=,/=,%=){} == {} false,对象对比的是堆内存的地址。原创 2023-08-20 10:58:08 · 89 阅读 · 0 评论 -
【前端从0开始】JavaSript——js基础语法
JavaScript 是用于实现用户交互、动态控制文档的外观和内容, 动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言。原创 2023-08-20 10:30:22 · 61 阅读 · 0 评论 -
【前端从0开始】JavaSript——移动端常用开发插件 and 常用开发框架
移动端要求的是快速开发,所以我们经常会借助于一些插件来帮我完成操作,那么什么是插件呢?JS 插件是 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。特点:它一般是为了解决某个问题而专门存在,其功能单一,并且比较小。我们以前写的animate.js 也算一个最简单的插件fastclick 插件解决 300ms 延迟。使用延时GitHub官网地址: https://github.com/ftlabs/fastclick确认插件实现的功能。原创 2023-08-19 18:39:42 · 89 阅读 · 0 评论 -
【前端从0开始】JavaSript——移动端事件
移动端浏览器兼容性较好,我们不需要考虑以前JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作常见的触屏事件如下事件名称描述touchstart手指触摸到一个DOM元素时触发touchmove手指在一个DOM元素上滑动时触发touchend。原创 2023-08-19 18:39:07 · 125 阅读 · 0 评论 -
【前端从0开始】CSS3新增选择器
CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效(阴影)、多栏布局(display:flex)、2D3D和动画等模块。原创 2023-08-18 22:38:51 · 285 阅读 · 0 评论 -
【前端从0开始】HTML5+CSS3基础语法
在HTML4中,一个表单内的所有元素只能通过表单的action属性被统一提交到另一个页面,而在HTML5中可以为所有的提交按钮,增加不同的formaction属性,使单击不同的按钮时可以将表单提交到不同的页面。在HTML4中,表单内的从属元素必须写在表单的内部,而在HTML5中,可以把他们书写在页面上的任何地方,然后为该元素指定一个form属性,属性值为表单的id,这样就可以声明该元素的从属指定表单了。在HTML5中,表单元素所具有的默认提示,可以使用placeholder去进行设置。原创 2023-08-18 22:24:03 · 48 阅读 · 0 评论 -
【前端从0开始】CSS——12、光标属性
该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。cursor 属性规定要显示的光标的类型(形状)。原创 2023-08-17 22:41:55 · 328 阅读 · 0 评论 -
【前端从0开始】CSS——11、BFC
BFC,块级格式化上下文,规定了内部的块级元素的布局方式。默认情况下只有根元素(即body)一个块级上下文。原创 2023-08-17 22:39:50 · 76 阅读 · 0 评论 -
【前端从0开始】CSS——10、定位
position属性指定了元素的定位类型。原创 2023-08-16 20:18:07 · 117 阅读 · 0 评论 -
【前端从0开始】CSS——9、浮动
float属性定义元素向哪个方向浮动。之前这个属性应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,不论它本身是何种元素。原创 2023-08-16 20:09:58 · 108 阅读 · 0 评论 -
【前端从0开始】CSS——8、盒模型
盒模型描述元素在页面中占用的空间。W3C 标准模型总宽度 = 设置宽度 + 左填充 + 右填充 + 左边框 + 右边框 + 左边距 + 右边距总高度 = 设置高度 + 顶部填充 + 底部填充 + 上边框 + 下边框 + 上边距 + 下边距。原创 2023-08-15 09:24:35 · 43 阅读 · 0 评论 -
【前端从0开始】CSS——7、display和overflow
overflow属性规定当内容溢出元素框时发生的事情。visible: 不变hidden: 超出隐藏scroll: 滚动条显示内容auto: 超出显示滚动条。原创 2023-08-15 09:24:06 · 61 阅读 · 0 评论 -
【前端从0开始】CSS——6、表格样式
width。原创 2023-08-13 10:29:41 · 78 阅读 · 0 评论 -
【前端从0开始】CSS——5、列表样式
list-style。原创 2023-08-13 10:29:07 · 238 阅读 · 0 评论 -
【前端从0开始】CSS——3、文本样式
所有浏览器都支持颜色名 HTML 和 CSS 颜色规范中定义了 147 中颜色名。原创 2023-08-12 08:43:14 · 45 阅读 · 0 评论 -
【前端从0开始】CSS——4、css伪类和伪元素
CSS伪元素用来添加一些选择器的特殊效果,可以美化元素或添加其他功能。最好使用双冒号,防止与伪类混淆。::before定位基准是其主元素的右上角,::after定位基准是主元素的结尾处。当主元素没有内容时,::before和::after仍会正常工作,需要设置为行内元素并设置高度、宽度等属性。content是伪元素必需的属性。::before和::after主要用途是对元素默认样式进行美化,需要结合定位和内容。原创 2023-08-12 08:43:39 · 128 阅读 · 0 评论 -
【前端从0开始】CSS——1、CSS基础
CSS是Cascading Style Sheets的英文缩写,即层叠样式表CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).CSS是用于布局与美化网页的CSS能实现内容与样式的分离,方便团队开发CSS是由W3C的CSS工作组产生和维护的1996年W3C正式推出了CSS11998年W3C正式推出了CSS22007年W3C正式推出了CSS2.12011年W3C正式推出了CSS3,目前仍在持续完善中。原创 2023-08-11 08:44:49 · 25 阅读 · 0 评论 -
【前端从0开始】CSS——CSS说明工具
所有浏览器都⽀持颜⾊名 HTML 和 CSS 颜⾊规范中定义了 147 中颜⾊名(17 种标准颜⾊加 130 种其他颜⾊)。17 种标准⾊是 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow。原创 2023-08-11 08:43:59 · 29 阅读 · 1 评论 -
【前端从0开始】HTML基础——3、HTML标签(2)
/frameset属性●rows 行数●cols 列数●frameborder 0/1 规定是否显示框架边框●border 设置边框粗细frame属性●noresize 规定无法调整框架的大小●scrolling yes/no/auto 规定框架是否出现滚动条注:不能将 标签与 标签嵌套使用。原创 2023-08-10 09:41:31 · 47 阅读 · 1 评论 -
【前端从0开始】HTML基础——3、HTML标签(1)
1、标签的分类。原创 2023-08-10 09:40:19 · 42 阅读 · 1 评论 -
【前端从0开始】HTML基础——2、前端基础知识
-DTD:doctype definition 文档声明类型。告诉浏览器使用HTML5.0的规范--> <!-- html 根节点 表示的是整个网页,所有的内容都写在该标签中 --> <!--lang="en" 英文页面使用lang="zh-CN" 中文页面使用-- 网页头部 里面内容是给浏览器看的,但是除了title不会出现在网页中 --> < head > <!-- 网页的编码格式 --> <!--charset:编码格式(字符集)UTF-8:更臃肿、加载速度更慢。原创 2023-08-09 21:42:32 · 19 阅读 · 0 评论 -
【前端从0开始】HTML基础——1.HTML初始
W3C已发布了200多项影响深远的Web技术标准及实施指南,如广为业界采用的超文本标记语言HTML(标准通用标记语言下的一个应用)、可扩展标记语言XML(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web信息的无障碍指南(WCAG)等,有效促进了Web技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。首个商业化的因特尔浏览器,发布于1994年4月,在于IE的竞争下NetScape周建丧失了它的市场份额。管理 —— 设置 —— FontSize。配置信息按钮 - 颜色主题。原创 2023-08-09 21:22:41 · 42 阅读 · 0 评论