Web前端
文章平均质量分 93
Web前端
JasonYangQ
人工智能在读研究生
展开
-
Web前端学习笔记12:JavaScript_循环_代码规范_数组_函数
文章目录JavaScript基础第03天笔记1 - 循环1.1 for循环1.2 双重for循环1.3 while循环1.4 do-while循环1.5 continue、break2 - 代码规范2.1 标识符命名规范2.2 操作符规范2.3 单行注释规范2.4 其他规范JavaScript基础第04天笔记1 - 数组1.1 数组的概念1.2 创建数组1.3 获取数组中的元素1.4 遍历数组1.5 数组中新增元素2 - 函数2.1 函数的概念2.2 函数的使用声明函数调用函数函数的封装2.3 函数的参数函原创 2021-08-19 23:00:44 · 10957 阅读 · 0 评论 -
Web前端学习笔记16:JavaScript高级_面向对象_类_构造函数和原型_继承_ES5新增方法
文章目录JavaScript高级第01天笔记1.面向过程与面向对象1.1面向过程1.2面向对象1.3面向过程与面向对象对比2.对象与类2.1对象2.1.1创建对象2.2类2.2.1创建类2.2.2类创建添加属性和方法2.2.3类的继承3.面向对象版tab 栏切换3.1功能需求3.2案例准备3.3切换3.4添加3.5删除3.6编辑JavaScript高级第02天笔记1.构造函数和原型1.1对象的三种创建方式--复习1.2静态成员和实例成员1.2.1实例成员1.2.2静态成员1.3构造函数的问题1.4构造函数原转载 2021-08-17 14:38:54 · 8358 阅读 · 0 评论 -
Web前端学习笔记17:JavaScript高级_函数_this_严格模式_高阶函数_递归_正则表达式
文章目录JavaScript高级第03天笔记1.函数的定义和调用1.1函数的定义方式1.2函数的调用2.this2.1函数内部的this指向2.2改变函数内部 this 指向2.2.1 call方法2.2.2 apply方法2.2.3 bind方法2.2.4 call、apply、bind三者的异同3.严格模式3.1什么是严格模式3.2开启严格模式3.3严格模式中的变化4.高阶函数5.闭包5.1变量的作用域复习5.2什么是闭包5.3闭包的作用5.4闭包的案例5.5案例6.递归6.1什么是递归6.2利用递归求原创 2021-08-17 14:38:37 · 7939 阅读 · 0 评论 -
Web前端学习笔记17:JavaScript高级_正则表达式_ES6语法
文章目录JavaScript高级第04天笔记1.正则表达式概述1.1什么是正则表达式1.2 正则表达式的特点2.正则表达式在js中的使用2.1正则表达式的创建2.2测试正则表达式3.正则表达式中的特殊字符3.1正则表达式的组成3.2边界符3.3字符类3.3.1 [] 方括号3.3.2量词符3.3.3用户名表单验证3.3.4 括号总结3.4预定义类3.5正则替换replaceES6语法目标ES6相关概念(★★)什么是ES6为什么使用 ES6 ?ES6新增语法let(★★★)let声明的变量只在所处于的块级有效原创 2021-08-17 14:38:17 · 11745 阅读 · 0 评论 -
Web前端学习笔记18:Vue_常用指令_常用特性
文章目录day01Vue 是什么?使用Vue将helloworld 渲染到页面上指令v-cloakv-textv-htmlv-pre**v-once**双向数据绑定v-modelmvvmv-onv-on事件函数中传入参数事件修饰符按键修饰符自定义按键修饰符别名v-bind绑定对象绑定class绑定对象和绑定数组 的区别绑定style分支结构v-if 使用场景v-show 和 v-if的区别循环结构v-for案例选项卡1、 HTML 结构2、 提供的数据3、 把数据渲染到页面4、 给每一个tab栏添加事件,原创 2021-08-17 14:37:59 · 9223 阅读 · 0 评论 -
Web前端学习笔记21:Vuex_基本使用_核心特性_State_Mutation_Action_Getter_案例
文章目录学习目标:Vuex1.Vuex概述2.Vuex的基本使用3.使用Vuex完成计数器案例4.Vuex中的核心特性A.StateB.MutationC.ActionD.Getter5.vuex案例A.初始化案例B.完成添加事项C.完成删除事项D.完成选中状态的改变E.剩余项统计F.清除完成事项G.点击选项卡切换事项Vue路由1.路由的概念2.前端路由的初体验3.Vue Router简介4.Vue Router的使用步骤(★★★)5.嵌套路由,动态路由的实现方式A.嵌套路由的概念(★★★)B.动态路由匹配原创 2021-08-17 14:37:36 · 8594 阅读 · 0 评论 -
Web前端学习笔记20:Vue_路由_Vue Router_模块化的分类_babel_webpack_Element-UI
文章目录第一阶段学习1.路由的概念2.前端路由的初体验3.Vue Router简介4.Vue Router的使用步骤(★★★)5.嵌套路由,动态路由的实现方式A.嵌套路由的概念(★★★)B.动态路由匹配(★★★)7.命名路由以及编程式导航A.命名路由:给路由取别名B.编程式导航(★★★)8.实现后台管理案例(★★★)第二阶段学习1.模块化的分类A.浏览器端的模块化B.服务器端的模块化C.ES6模块化2.在NodeJS中安装babelA.安装babelB.创建babel.config.jsC.创建index.原创 2021-08-17 14:37:20 · 9692 阅读 · 0 评论 -
Web前端学习笔记13:JavaScript_作用域_预解析_对象_内置对象_数据类型
文章目录JavaScript基础第05天笔记1 - 作用域1.1 作用域概述1.2 全局作用域1.3 局部作用域1.4 jS没有块级作用域4 - 预解析5 - 对象5.1 对象的相关概念5.2 创建对象的三种方式利用字面量创建对象利用 new Object 创建对象利用构造函数创建对象5.3 遍历对象JavaScript基础第06天笔记1 - 内置对象1.1 内置对象1.2 查文档1.3 Math对象1.4 日期对象1.5 数组对象创建数组的两种方式检测是否为数组添加删除数组元素的方法数组排序数组索引方法数转载 2021-08-17 14:36:08 · 5906 阅读 · 0 评论 -
Web前端学习笔记14: Web APIs_DOM_元素_事件_排他操作_自定义属性_节点操作
day01 - Web APIs学习目标:能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1.1.1 API的概念API(Application Programming Interface,应用程序编程接原创 2021-08-17 14:35:44 · 6983 阅读 · 0 评论 -
Web前端学习笔记15:Web前端开发:jQuery总结
文章目录day01 - jQuery1.1. jQuery 介绍1.1.1 JavaScript 库1.1.2 jQuery的概念1.1.3 jQuery的优点1.2. jQuery 的基本使用1.2.1 jQuery 的下载1.2.2. 体验jQuery1.2.3. jQuery的入口函数1.2.4. jQuery中的顶级对象$1.2.5. jQuery 对象和 DOM 对象1.2.6. jQuery 对象和 DOM 对象转换1.3. jQuery 选择器1.3.1. 基础选择器1.3.2. 层级选择原创 2021-08-17 14:35:19 · 9042 阅读 · 0 评论 -
Web前端学习笔记10:移动web开发流式布局_flex布局
文章目录移动web开发之rem布局1 rem基础1.1 rem单位2 媒体查询2.1 什么是媒体查询2.2 媒体查询语法规范3 less 基础3.1 维护css弊端3.2 Less 介绍4 rem适配方案4.1 rem实际开发适配方案15 苏宁首页6rem 适配方案2移动端WEB开发之响应式布局1.0 响应式开发原理1.1 响应式开发原理1.2 响应式布局容器2.0 bootstrap的介绍2.1Bootstrap简介2.2 bootstrap优点2.3 版本简介2.4bootstrap基本使用2.5 bo原创 2021-08-15 18:12:38 · 8120 阅读 · 0 评论 -
Web前端学习笔记11:JavaScript_注释_输入输出_变量_数据类型_关键字_保留字_运算符_流程控制
文章目录JavaScript基础第01天1 - 编程语言1.1 编程1.2 计算机语言1.3 编程语言1.4 翻译器1.5 编程语言和标记语言区别总结2 - 计算机基础2.1 计算机组成2.2 数据存储2.3 数据存储单位2.4 程序运行3 - 初始JavaScript3.1 JavaScript 是什么3.2 JavaScript的作用3.3 HTML/CSS/JS 的关系3.4 浏览器执行 JS 简介3.5 JS 的组成**ECMAScript****DOM——文档对象模型****BOM——浏览器对象模原创 2021-08-15 18:13:27 · 9054 阅读 · 0 评论 -
Web前端学习笔记09:移动web开发流式布局_flex布局
文章目录移动web开发流式布局1.0 移动端基础1.1浏览器现状1.2 手机屏幕的现状1.3移动端调试方法2.0 视口2.1 布局视口 layout viewport2.3理想视口 ideal viewport2.4meta标签3.0二倍图3.2背景缩放background-size4.0 移动开发选择和技术解决方案4.2 移动端技术解决方案4.3 移动端大量使用 CSS3盒子模型box-sizin4.4移动端特殊样式5.0移动端常见布局移动web开发——flex布局1.0传统布局和flex布局对比1.1传原创 2021-08-15 18:10:50 · 8637 阅读 · 0 评论 -
Web前端学习笔记08:HTML5_CSS3
HTML5 第一天一、什么是 HTML5HTML5 的概念与定义定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML两个概念:是一个新版本的 HTML 语言,定义了新的标签、特性和属性拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3 、javascript, 这也是广义上的 HTML5HTML5 拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3 特性性能与集成H原创 2021-08-15 18:10:02 · 8186 阅读 · 0 评论 -
Web前端学习笔记07:CSS_高级技巧_定位
文章目录CSS高级技巧1. 元素的显示与隐藏1.1 display 显示(重点)1.2 visibility 可见性 (了解)1.3 overflow 溢出(重点)1.4 显示与隐藏总结2. CSS用户界面样式2.1 鼠标样式cursor2.2 轮廓线 outline2.3 防止拖拽文本域resize2.4 用户界面样式总结3. vertical-align 垂直对齐3.1 图片、表单和文字对齐3.2 去除图片底侧空白缝隙4. 溢出的文字省略号显示4.1 white-space4.2 text-overfl原创 2021-08-15 18:09:14 · 11033 阅读 · 0 评论 -
Web前端学习笔记06:CSS_浮动_清除浮动_Photoshop 切图_定位
1. 浮动(float)目标记忆能够说出 CSS 的布局的三种机制理解能够说出普通流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动应用能够利用浮动完成导航栏案例能够清除浮动能够使用PS切图工具1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中:普通流(标准流)块级元素会独占一行,从上向下顺序排列;常用元素:di转载 2021-08-14 21:42:27 · 6826 阅读 · 0 评论 -
Web前端学习笔记05:CSS_盒子模型_复合选择器_标签显示 模式_三大特性_书写规范
文章目录1. CSS复合选择器1.1 后代选择器(重点)1.2 子元素选择器1.3 交集选择器1.4 并集选择器(重点)测试题1.5 链接伪类选择器(重点)1.6 复合选择器总结2. 标签显示模式(display)重点2.1 什么是标签显示模式2.2 块级元素(block-level)2.3 行内元素(inline-level)2.4 行内块元素(inline-block)2.5 三种模式总结区别2.6 标签显示模式转换 display3. 行高那些事(line-height)3.1 行高测量3.2 单行原创 2021-08-14 06:46:28 · 10032 阅读 · 0 评论 -
Web前端学习笔记02:HTML常用标签_标签属性_路径_表格
文章目录1. HTML常用标签1.1 排版标签1)标题标签h (熟记)2)段落标签p ( 熟记)3)水平线标签hr(认识)4)换行标签br (熟记)5)div 和 span标签(重点)排版标签总结1.2 文本格式化标签(熟记)1.3 标签属性1.4 图像标签img (重点)1.5 链接标签(重点)1.6 注释标签团队约定2. 路径(重点、难点)相对路径绝对路径3. 今日总结4. 综合案例: 圣诞5. @拓展阅读5.1 锚点定位 (难点)5.2 base 标签5.3 预格式化文本pre标签6. 表格属性6原创 2021-08-13 13:59:14 · 6466 阅读 · 0 评论 -
Web前端学习笔记01:Web标准_HTML_lang_字符集_HTML标签的语义化
文章目录1认识WEB1.1 认识网页总结1.2 浏览器(显示代码)1.2.1 查看浏览器占有的市场份额1.2.2 常见浏览器内核(了解)1.3 Web标准(重点)1.3.1 为什么要遵循WEB标准呢?1.3.2 Web 标准的好处1.3.3 Web 标准构成web标准小结1.4. 拓展@2 HTML 初识2.1 HTML骨架标签html骨架标签总结团队约定大小写2.2 HTML元素标签分类2.3 HTML标签关系2.4 课堂一练3. 代码开发工具(书写代码)4. 文档类型5. 页面语言lang6. 字符原创 2021-08-13 13:58:12 · 8212 阅读 · 0 评论