前端
记录学习前端的问题与解决方法
ForTodayzzZ
好好学习,安静读书
展开
-
javascript函数定义和声明
javascript函数可以通过声明定义或者通过表达式定义函数声明例如:function myFunctionName(a,b) { return a*b;}函数表达式例如:var x = function(a,b){return a*b};//调用var z=x(4,3);函数表达式实际上是一个匿名函数(没有名称),函数存储在变量中,通过变量名来调用。除了通过关键字function定义函数,还可以通过内置js函数构造器Function()来定义函数。很.原创 2020-12-14 11:02:37 · 640 阅读 · 0 评论 -
js中var和let申明变量的区别
let 和 var的区别基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效原创 2020-11-24 15:56:58 · 97 阅读 · 0 评论 -
CSS 属性选择器 *=, |=, ^=, $=, *= 的区别
1.attribute 属性中包含 value: [attribute~=value] 属性中包含独立的单词为 value,例如:[title~=flower] --> <img src="/i/eg_tulip.jpg" title="tulip flower" />[attribute*=value] 属性中做字符串拆分,只要能拆出来 value 这个词就行,例如:[title*=flower] --> <img src="/i/eg_tuli原创 2020-10-28 10:37:09 · 394 阅读 · 0 评论 -
html/css水平垂直居中问题方法总结
水平居中对齐元素居中对齐---使用margin:atuo;文本居中对齐---使用text-align:center;水平靠左或者靠右对齐水平靠右对齐---使用绝对定位position: absolute;然后设置right:0px;水平靠右对齐---使用float方式float: right;垂直居中对齐垂直居中对齐---使用padding: 70px 0; 会使元素内部前后都有70像素留白。元素垂直居中。垂直居中对齐---使用 line-height垂直居中对齐---使原创 2020-10-26 15:47:33 · 117 阅读 · 0 评论 -
html/css 盒子模型记录
盒子模型用来规范化前端排版,HTML元素可以看作盒子,CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。Margin(外边距)- 边框外的区域,外边距是透明的。Border(边框)- 围绕在内边距和内容外的边框。Padding(内边距)- 内容周围的区域,内边距是透明的。Content(内容)- 盒子的内容,显示文本和图像。...原创 2020-10-26 09:50:59 · 103 阅读 · 0 评论 -
html/css定位position的五种方式:static,relative相对定位,fixed,absolute绝对定位,sticky粘性定位
1、absolute(绝对定位),其位置相对于最近已定位的父元素,如果元素没有已定位的父元素那么它的位置相对于2、static(默认的静态定位),即没有定位,遵循正常的文档流对象,静态定位的元素不受top、left、right、bottom影响。3、relative(相对定位),其位置相对其正常时的位置。相对定位元素经常被用来作为绝对定位元素的容器块。4、fixed,元素的位置相对于浏览器窗口,是固定位置。即使窗口是滚动的它也不会移动。5、sticky(粘性定位),基于用户滚动位置...原创 2020-10-22 15:06:07 · 769 阅读 · 0 评论 -
vscode前端开发快捷键
注释:shift+alt+a或者ctrl+k,ctrl+c或者ctrl+/移动行:alt+up/down显示/隐藏左侧目录栏:ctrl+b复制当前行:shift+alt+up/down复制当前行进剪切板:ctrl+c,粘贴使用ctrl+v删除当前行:shift+alt+k剪切当前行:ctrl+x控制台终端显示与隐藏:ctrl + ~查找文件/安装vs code 插件地址:ctrl + p代码格式化:shift + alt +f新建一个窗口 : ctrl + shift原创 2020-10-15 17:21:44 · 1117 阅读 · 0 评论 -
vscode配置前端开发插件及设置Debugger for Chrome,open in browser用于打开网页
vscode凭借其强大的插件扩展,支持各种文件格式(html/jade/css/less/sass/xml)在前端开发中越来越受欢迎本文记录一下用vs运行简单网页的例子1,使用Debugger for Chrome插件打开vscode,点击文件然后点击打开文件夹,然后打开自己想要创建的项目文件夹然后安装Debugger for Chrome插件,按照如图所示步骤:安装Debugger for Chrome插件之后打开自己要运行的文件按f5调用chrome浏览器运行,然后会自动原创 2020-08-14 17:43:36 · 1740 阅读 · 1 评论 -
htm 与 html 的区别
htm是超文本标记(Hypertext Markup)html是超文本标记语言(Hypertext Markup Language).html .htm两种后缀名没有区别,这两种都是静态网页文件的扩展名,扩展名可以互相更换而不会引起错误htm 是来源于老的 8.3 文件格式,DOS 操作系统只能支持长度为三位的后缀名,所以是 htm,但在 windows 下无所谓 HTM 与 HTML,html 是为长文件名的格式命名的。所以 htm 是为了兼容过去的DOS命名格式存在的,在效果上没有区别的转载 2020-08-14 10:33:46 · 550 阅读 · 0 评论