首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端入门
莫凡是莫烦
创建于2022-02-12
订阅专栏
前端小白的成长笔记
暂无订阅
共38篇文章
创建于2022-02-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
JSDay4:函数
1、函数的声明语法 这种写法是为了让用户体验更好,比如用户没输入任何东西不加限定会导致,结果为(undefined + undefined =) NaN。 而加上这个逻辑中断,如果没输入,也只会让结果
JSDay3:数组
1、查: arr[i] ——> i是数组下标 2、删: pop()从数组中删除最后一个元素,并返回该元素的值 shift()从数组中删除第一个元素,并返回该元素的值 数组. splice() 方法 删
JavaScriptDay1
一、Js基础概念 JavaScript的组成(有什么?) ECMAScript:(规定了语法规范) 规定了js基础语法核心知识。 比如:变量、分支语句、循环语句、对象等等 Web APIs : DOM
JavaScriptDay2(流程控制)
Git地址 比较运算符: ==: 左右两边是否相等 ===: 左右两边是否类型和值都相等 !==: 左右两边是否不全等 比较结果为boolean类型,即只会得到true或false 比较运算符的细节
BootStrap
git地址 一、媒体查询 max-width(最大宽度) (小于等于) min-width(最小宽度) (大于等于) 媒体查询(css)层叠性:后面的属性覆盖前面的 min-width(从小到大) m
图片问题合集
一、图片错位 问题情况: 这里要是100%才可以,不然图片会错位,这样设置会让每个图片完整的在li中展现
移动适配(rem)
rem : 目前多数企业在用的解决方案 vw / vh:未来的解决方案 rem单位:相对单位 rem(font size of the root element)单位是相对于HTML标签的字号计算结果
文字和图片无法对齐
情况(icon错位) 解决方案(给icon加对齐) .payMean i { vertical-align: middle; }
谷歌浏览器无法安装插件
问题: Chrome安装离线插件提示“无法从该网站添加应用,拓展程序或脚本” 只需要地址栏输入chrome://flags ,禁用Extensions on chrome:// URLs网址下的扩展程
Flex(移动端)——Day1
git地址 一、分辨率 物理分辨率:(硬件,出厂即成) 逻辑分辨率:(软件驱动)网页默认值 (主要是iPhone6/7/8的逻辑分辨率) 二、视口:显示HTML网页的区域,用来约束HTML尺寸 使用m
CSSDay9(小兔鲜静态项目)
git地址 一、项目结构搭建 1.1 文件和目录准备 新建项目文件夹 xtx-pc-client,在VScode中打开 • 在实际开发中,项目文件夹不建议使用中文 • 所有项目相关文件都保存在 xtx
CSSDay8(项目中遇到的一些概念)
一、精灵图 1.1 精灵图的介绍 Ø 场景:项目中将多张小图片,合并成一张大图片,这张大图片称之为精灵图 Ø 优点:减少服务器发送次数,减轻服务器的压力,提高页面加载速度 Ø 例如:需要在网页中展示8
CSSDay7(CSS布局 定位+装饰)
(补充)图片铺满 水平居中 一、定位 1.1 网页常见布局方式 (1) 标准流 1.块级元素独占一行 → 垂直布局 行内元素/行内块元素一行显示多个 → 水平布局 (2) 浮动 可以让原本垂直布局的
Day6
一、结构伪类选择器 (1)作用与优势: 作用:根据元素在HTML中的结构关系查找元素 优势:减少对于HTML中类的依赖,有利于保持代码整洁 场景:常用于查找某父级选择器中的子元素 (2)选择器 n:
css入门Day4
git地址 一、CSS 三大特性 1.1优先级的介绍 ➢ 特性: 不同选择器具有不同的优先级,优先级高的选择器样式会覆盖优先级低选择器样式 ➢ 优先级公式:(越具体优先级越高) • 继承 < 通配符选
git上传文件
1、本地建一个repository(找到放文件的目录即可) 2、初次配置没有ssh要重新配置(C要大写)这里如果是在网页有就不需要新建ssh 三次回车,成功获得 3、生成成功后,去对应目录C:\Use
CSS入门第三天
一、选择器进阶 1.1后代选择器 ➢ 作用: 根据 HTML 标签的嵌套关系,选择父元素 后代中 满足条件的元素 ➢ 选择器语法: 选择器1 选择器2 { css } ➢ 结果: • 在选择器1所找到
css入门第一天
实战探索 git地址 综合案例1-新闻网页案例 效果图 1、 a标签去下划线 a{ text-decoration: none; } 2、 首行缩进 .content { text-indent: 2