js
关注
分享
扫一扫
文章平均质量分 72
小白媛
前端学习中
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS中forEach()、some()、filter()、map()、every() 的区别
forEach()、some()、filter()、map()、every() 的区别1.forEach()作用：遍历数组，取出数组中的每一项参数：function(value,index,array){}返回值：没有返回值 var arr = [2, 4, 65, 23]; var sum = 0; arr.forEach(function(value, index, array) { console.log('每个数组元素' + value); console.lo原创 2021-03-30 17:30:28 · 1746 阅读 · 0 评论 -
前端基础CSS第七天
CSS第七天一、精灵图（重点）一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。1.为什么需要精灵图（目的）为了有效地减少服务器接收和发送请求的次数**，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites、CSS 雪碧）2.核心原理：将网页中的一些小背景图像整合到一张大图中 ，这样服务器只需要一次请求就可以了3.精灵图（sprites）的使用使用精灵图核心：（1原创 2021-01-24 14:52:14 · 219 阅读 · 0 评论 -
前端基础CSS第六天
CSS第六天一、定位介绍1.为什么使用定位（1）某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。（2）当我们滚动窗口的时候，盒子是固定屏幕某个位置的。2.定位与浮动（1）浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子（2）定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。3.定位组成定位：将盒子定在某一位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位也是用来布局的，它由两部分组成：定位=定位模式+边偏移定位原创 2021-01-23 13:06:56 · 211 阅读 · 0 评论 -
前端基础CSS第五天
CSS第五天一、PS切图1.图层切图最简单的切图方式：右击图层 → 导出 → 切片。2.切片切图2.1、利用切片选中图片利用切片工具手动划出2.2、导出选中的图片文件菜单 → 存储为 web 设备所用格式 → 选择我们要的图片格式 → 存储3.PS插件切图3.1、Cutterman 是一款运行在 Photoshop 中的插件，能够自动将你需要的图层进行输出，以替代传统的手工 “导出 web 所用格式” 以及使用切片工具进行挨个切图的繁琐流程。3.2、官网：http://www.cutt原创 2021-01-22 08:57:56 · 141 阅读 · 0 评论 -
前端基础CSS第四天
CSS第四天一、其他样式1.圆角边框border-radius 属性用于设置元素的外边框圆角border-radius:length; # radius：半径参数值可以为数值或百分比的形式如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50%该属性是一个简写属性，可以跟四个值，分别代表左上角、右上角、右下角、左下角分开写：border-top-left-radius、border-top-right-radius、border-bottom-right原创 2021-01-21 21:08:25 · 160 阅读 · 0 评论 -
前端基础CSS第三天
CSS第三天一、css三大特性1.层叠性（1）相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠） 另一个冲突的样式（2）层叠性主要解决样式冲突的问题（3）层叠性原则： 样式冲突，就近原则；样式不冲突，不会层叠（4）CSS层叠性口诀：长江后浪推前浪，前浪死在沙滩上2.继承性（1）CSS中的继承: 子标签会继承父标签的某些样式，如文本颜色和字号（2）子元素可以继承父元素的样式：（ text-，font-，line-这些属性开头的可以继承，以及color属性）（3）继承性口诀：龙生龙，凤原创 2021-01-17 20:33:33 · 203 阅读 · 0 评论 -
前端基础CSS第一天
CSS第一天一、CSS简介1.CSS是层叠样式表 ( Cascading Style Sheets ) 的简称或者CSS样式表或级联样式表层叠：覆盖user agent stylesheets 用户代理样式表，浏览器给标签添加的默认样式 每一个标签都有默认样式2.CSS也是一种标记语言。3.CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式，让页面布局更简单4.CSS 最大价值: 由 HTML 专注去做结原创 2021-01-14 17:52:07 · 352 阅读 · 0 评论 -
注册页面案例-世纪佳缘
青春不常在，抓紧谈恋爱<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>注册页面</title> <style> h4 {原创 2021-01-12 19:30:05 · 834 阅读 · 1 评论 -
前端基础HTML第二天
HTML第二天一、表格1.表格主要用于显示、展示数据。2.表格不是用来布局页面的，而是用来展示数据的3.表格的具体用法： <table> <tr> <td>单元格内的文字</td> ... </tr> ... <table>4.table 定义表格的标签tr 定义表格中的行（table row）td 定义表格中的单元格（table date）5.表头单元格（1）表头单元格标签 (tabl原创 2021-01-12 19:23:04 · 147 阅读 · 0 评论 -
利用js书写正三角形
` 打印正三角形 `欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下原创 2020-08-08 16:18:41 · 3011 阅读 · 2 评论