web前端基础
前端基础部分
防火墙在线
一个孤独的程序员
展开
-
文字移出隐藏(css方案)可指定第几行隐藏
demo代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2022-05-18 23:30:17 · 315 阅读 · 0 评论 -
原生html编写学上信息表格
<table border="1" width="400" height="400"> <!-- 表格整体的大标题 --> <caption><h3>优秀学生信息表格</h3></caption> <!-- 表格的头部 --> <thead> <tr> <th>年级</th> <th>姓名&原创 2021-12-17 16:56:18 · 225 阅读 · 0 评论 -
原生js动态生成表格
<style> table { width: 500px; margin: 100px auto; border-collapse: collapse; text-align: center; } td, th { border: 1px solid #333; } ..原创 2021-12-17 15:13:28 · 198 阅读 · 0 评论 -
js作用域链案例分析
js作用域链案例分析原创 2021-12-03 15:25:02 · 359 阅读 · 0 评论 -
js预解析案例、js面试题
js预解析案例、js面试题原创 2021-12-03 15:00:19 · 84 阅读 · 0 评论 -
js数组排序,反转、冒泡排序
js数组排序,反转、冒泡排序原创 2021-12-03 14:41:24 · 301 阅读 · 0 评论 -
js删除或添加数组元素
js删除或添加数组元素原创 2021-12-03 14:38:52 · 935 阅读 · 0 评论 -
筛选数组的几种方式
js筛选数组的方法原创 2021-12-03 14:34:44 · 3449 阅读 · 0 评论 -
js编写倒计时效果
js编写倒计时效果原创 2021-12-03 14:15:00 · 149 阅读 · 0 评论 -
vscode新手必用插件推荐
插件作用Chinese (Simplified) Language Pack for VS Code中文(简体)语言包Open in Browser右击选择浏览器打开html文件JS-CSS-HTML Formatter每次保存,都会自动格式化js css 和html 代码Auto Rename Tag自动重命名配对的HTML / XML标签CSS Peek追踪至样式...原创 2021-08-06 21:09:03 · 117 阅读 · 0 评论 -
js时间格式化函数,获得系统时间并格式化输出
function getDate() { var date = new Date(); // 我们写一个 2019年 5月 1日 星期三 var year = date.getFullYear(); var month = date.getMonth() + 1; var dates = date.getDate(); var arr = ['星期日', '星期一'原创 2021-02-26 23:12:29 · 112 阅读 · 0 评论 -
js判断一个字符串中出现最多的字符,并统计其次数
// 有一个对象 来判断是否有该属性 对象['属性名'] var o = { age: 18 } if (o['sex']) { console.log('里面有该属性'); } else { console.log('没有该属性'); } // 判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符,并统计其次数.原创 2020-12-21 18:38:14 · 439 阅读 · 0 评论 -
js查找字符串中某个字符出现的位置以及次数
// 查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数 // 核心算法:先查找第一个o出现的位置 // 然后 只要indexOf 返回的结果不是 -1 就继续往后查找 // 因为indexOf 只能查找到第一个,所以后面的查找,一定是当前索引加1,从而继续查找 var str = "oabcoefoxyozzopp"; var index = str.indexOf('o'); var n...原创 2020-12-21 18:24:41 · 2811 阅读 · 0 评论 -
CSS基础选择器
第01阶段.前端基础.CSS基础选择器CSS选择器(重点)学习目标:理解能说出选择器的作用id选择器和类选择器的区别应用能够使用基础选择器给页面元素添加样式2. CSS基础选择器2.1 标签选择器概念:标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。语法:标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 作用:标签选择器 可以把某一类标签全部选择出来 .原创 2020-10-12 08:16:28 · 116 阅读 · 0 评论 -
CSS-盒子模型-边框、外边距、内边距
第01阶段.前端基础.盒子模型盒子模型(CSS重点)css学习三大重点: css 盒子模型 、 浮动 、 定位主题思路:目标:理解:能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding设置不同数值个数分别代表的意思能说出块级盒子居中对齐需要的2个条件能说出外边距合并的解决方法应用:能利用边框复合写法给元素添加边框能计算盒子的实际大小能利用盒子模型布局模块案例2. 盒子模型(Box Model)所谓盒子模型:.原创 2020-10-12 08:16:10 · 4382 阅读 · 0 评论 -
css-浮动总结
1. 浮动(float)目标记忆能够说出 CSS 的布局的三种机制理解能够说出普通流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动应用能够利用浮动完成导航栏案例能够清除浮动能够使用PS切图工具1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中:普通流(标准流)块级元素会独占一行,从上向下顺序排列;常用元素:di原创 2020-10-12 08:15:54 · 695 阅读 · 0 评论 -
CSS第五天-div+css练习
1. 学成在线页面制作目标理解能够说写单页面我们基本的流程能说出常见的css初始化语句能说出我们CSS属性书写顺序应用能利用ps切图能引入外部样式表能把psd文件转换为html页面1.2 CSS属性书写顺序(重点)建议遵循以下顺序:布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)自身属性:width / height / margin原创 2020-10-12 08:15:32 · 230 阅读 · 0 评论 -
CSS-定位总结
定位(position)目标理解能说出为什么要用定位能说出定位的4种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局1. CSS 布局的三种机制网页布局的核心 —— 就是用 CSS 来摆放盒子位置。CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流、浮动和定位,其中:普通流(标准流)浮动让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。定位将盒子定在某一个位置 自由的漂浮在其原创 2020-10-12 08:15:14 · 84 阅读 · 0 评论 -
CSS文字文本样式
CSS字体样式属性调试工具目标应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常用的emment语法能够使用开发人员工具代码调试1.font字体1.1 font-size:大小作用:font-size属性用于设置字号p { font-size:20px; }单位:可以使用相对长度单位,也可以使用绝对长度单位。相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。注意:我们文字大小以后,原创 2020-10-12 08:14:50 · 140 阅读 · 0 评论 -
CSS复合选择器、标签显示模式、行高、css背景、css三大特性
第01阶段.前端基础CSS 第二天今天我们围绕一个 导航栏案例进行学习知识点。今日重点:复合选择器后代选择器并集选择器标签显示模式CSS背景背景位置CSS三大特性优先级1. CSS复合选择器目标理解理解css复合选择器分别的应用场景应用使用后代选择器给元素添加样式使用并集选择器给元素添加样式使用伪类选择器1.1 后代选择器(重点)概念:后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后代其.原创 2020-10-12 06:25:52 · 159 阅读 · 0 评论