随笔分类 - Web前端
摘要：1.变量提升 JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再自上而下逐行运行代码 因此，所有非函数内的变量声明语句，都会被提升到代码的头部，JavaScript这种读取变量的机制叫作变量提升 注意，变量提升只对 var命令声明的变量有效，如果不是用 var命令声明的变
阅读全文
摘要：1.JavaScript函数 函数是由时间驱动的或者当它被调用时执行的可重复使用的代码块 语法：function 函数名（参数1，参数2，…）{ 函数内容语句（函数体） } 函数命名规则与变量命名规则相同 括号内的参数被称作形参 通过函数名调用函数执行 2.函数声明 ① function命令，语法：
阅读全文
摘要：1.数组基础 ① 数组概念 array是按照一定顺序排列的一组值，每个值都拥有一个编号，编号从0开始从左向右依次增加 数组中的元素可以是任何类型的数据，元素之间用逗号分隔，整个数组由方括号（[…]）包裹 ② 数组本质 本质上，数组是对象类型的一种特殊表现形式， 因此，可以使用 new方式创建数组 示
阅读全文
摘要：1.字符串嵌套 字符串可以嵌套使用 在单引号包裹的字符串内部，应该使用双引号进行嵌套 在双引号包裹的字符串内部，应该使用单引号进行嵌套 在 json解析的时候字符串需要单引号，因此推荐在各种情况都使用单引号的方式进行声明 2.转义字符，用特殊的符号来替代在字符串中，容易引起歧义的内容 \' 表示单引
阅读全文
摘要：1.分支语句 分支结构的执行是依据一定的执行条件选择路径，而不是严格按照语句出现的物理顺序执行 分支结构程序设计的关键在于构造合适的分支条件和分析程序流程，根据不同的流程选择适当的分支语句 2.常用分支语句 ① if，先判断条件表达式的布尔值，然后根据结果的真伪选择执行不同的语句 书写格式：if（条
阅读全文
摘要：1.基本运算符 typeof，获取当前变量类型 = ，赋值运算符 == ，简要比较运算符（忽略变量类型） ，标准比较运算符（计算变量类型） 2.注释 单行注释：//…… 多行注释：/*……*/，不能嵌套使用 文档注释：/**……*/ 注释快捷键与HTML、CSS相同 3.js运算符种类 ① 算术运算
阅读全文
摘要：1.JavaScript是一种轻量级脚本语言，可以部署在多种环境，最常见的部署环境就是浏览器。 所谓脚本语言，是指它不具备开发操作系统的能力，而只是用来编写控制其他大型应用程序的操作方法。 2.JavaScript核心内容： 基本语法构造，如操作符、控制结构、语句 标准库，是一系列具有各种功能的对象
阅读全文
摘要：知识点记录： 1.flex-flow属性用于设置灵活项目的布局方式，是 flex-direction 和 flex-wrap的复合属性，书写格式 flex-flow：direction wrap flex-direction属性值： flex-flow:row，伸缩项目在flexbox中 由左向右水
阅读全文
摘要：知识点记录 1.添加网页页签图标，在 head内使用 link标签，语法格式：<link rel="icon" href="图片地址"> 2.clear属性，定义元素的左侧或右侧不允许浮动的元素 属性值：left（左侧不与允许浮动元素）、right（右侧不允许浮动元素）、both（两侧均不允许浮动元
阅读全文
摘要：1.字体图标 获取途径： ① 免费网站下载字体 ② 收费网站购买字体使用权 ③ 自己设计字体（要有设计背景） 2.阿里巴巴 IconFont图标库 URL：https://www.iconfont.cn/home/index，需要注册账号后才能下载使用 图标下载成功后，可以通过编辑器直接调用 引用方
阅读全文
摘要：1.media query响应式布局——媒体查询 使网页能够兼容多种终端显示，而不是为每个终端做特定的版本，提供更加舒适的界面和更好的用户体验 响应式布局设计比专门设计的手机版网站功能少，如获取用户GPS定位响应式设计很难实现，如果只是根据窗口大小为用户提供匹配的视觉效果还是优先选择响应式设计 优点
阅读全文
摘要：1.animation动画 transition属性只能简单模拟动画效果，而animation属性可以制作类似Flash动画 通过关键帧控制动画的每一步，使元素从一中样式变为另一种样式，实现复杂的动画效果 2.@keyframes，用于声明动画，指定关键帧 帧，用于分解动画动作，每一帧代表某个时间点
阅读全文
摘要：1.transform 2D转换 transform的属性通过函数进行定义，2D函数包括：translate()、scale()、rotate()、skew() 书写格式：transform: 函数名（X，Y） 可以同时定义多个函数，函数之间通过“空格”隔开 transform-origin 用于设
阅读全文
摘要：1.border-radius圆角 语法格式 border-radius:value，四个角 border-radius:value value，第一个value设置左上角和右下角，第二个value设置右上角和左下角 border-radius:value value value value，从左上
阅读全文
摘要：知识点摘记 1.display属性，规定元素应该生成的框的类型 none，此元素不会被显示 block，此元素将显示为块级元素，元素前后会带有换行符 inline，默认值，此元素会被显示为内联元素，元素前后没有换行符 flex，指定元素为弹性盒子 inline-block，此元素将会显示为行内块级元
阅读全文
摘要：1.浏览器内核及前缀 在CSS中新的属性标准尚未明确的情况下，各浏览器厂商对新属性的支持情况也不相同，这个阶段会对属性加厂商前缀进行区分。 根据不同的浏览器内核，CSS前缀有所不同，最基本的浏览器内核有四种，其他内核都是基于此四种进行再研发的。 ① Gecko内核，前缀为“-moz-”，火狐浏览器
阅读全文
摘要：1.盒子模型主要定义四个区域：内容（content）、内边距（padding）、边框（border）、外边距（margin） 2.border，设置元素的边框，属性（边框三要素）：宽度、样式、颜色，这也是通常border属性值的书写顺序（非严格要求） 单独书写：border-width（宽度，默认3
阅读全文
摘要：1.属性选择器 通过HTML的属性及属性值来选择元素，如<p att= "val" >文本内容</p>，class 即是<p>元素的属性，val 则是 att 的属性值 属性选择器的书写格式：元素[属性名称 = "属性值"] {color: red; }，等号只是其中一种关系符号 属性选择器类型：
阅读全文
摘要：1.字体属性 color，规定文本的颜色，如 div{color:red;} font-style，规定文本显示方式，如 p.normal {font-style: normal;} ，有normal（正常显示）、italic（斜体显示，字体结构有一定变化）、oblique（倾斜显示，仅仅是文本的倾
阅读全文
摘要：1.div+css布局 <div>特征 ① 可以定义文档中的分区或节（division/section） ② 可以把文档分割为独立的、不同的部分，可以用作严格的组织工具 ③ 是一个块级元素，它的内容会自动开始一个新行 ④ 一般通过 id 或 class 标记与CSS配合使用 常用到的CSS属性： w
阅读全文
浙公网安备 33010602011771号