Web前端
文章平均质量分 79
a听闻
A听闻
展开
-
前端学习-HTML5
一、Web开发1.1 概念全称World Wide Web,缩写:www 全球广域网,又称万维网。World Wide Web Consortium,缩写:W3C,万维网联盟。其负责制定和维护Web行业标准,也叫W3C标准说明:W3C标准包括:HTML内容:HTML、XHTML样式美化:CSS结构文档访问:DOM(Document Object Model)页面交互:ECMAScript通常情况下web主要指浏览器与web应用服务器的通信通常web主要通过HTTP协议原创 2021-01-29 15:18:45 · 2218 阅读 · 0 评论 -
前端学习-axios与element-ui
1. axios(熟悉)axios是基于promise 的 HTTP 库,可以用在浏览器和 node.js 中API文档:https://www.kancloud.cn/yunye/axios/234845下载地址:https://www.bootcdn.cn/axios/1.1基本用法axios(config)<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8">原创 2021-01-31 11:38:18 · 536 阅读 · 0 评论 -
前端学习-Vue.js子组件与父组件相互传递数据
1.父组件向子组件传递数据的方式1.子组件使用props//子组件let Child = { props: ['title']}//父组件let Parent = { template: ` <child :title="number"></child> `, data() { return { number: 1 } }, components: {原创 2021-01-31 11:23:26 · 258 阅读 · 0 评论 -
重点知识-Vue.js基础
1. 什么是MMVVM模式?MVVM模式即(Model-view-viewmodel),中Model为模型(我们在JS中操作的数据),view为视图(也就是我们看到的界面),viewmodel为控制器,它的出现,将模型与视图分离开,两者只能通过该控制器间接通信。在该模式下,当数据也就是模型发生改变的时候,控制器就会接到通知,然后告知视图,实现同步数据刷新2. MVVM模式与MVC模式对比MVCModel-模型:我们通过JS操作的数据View-视图:我们看到的页面Control-控制器:用于原创 2021-01-31 11:21:16 · 172 阅读 · 0 评论 -
前端学习-Vue.js基础
1. 什么是VueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。官方链接: https://cn.vuejs.org渐进式框架没有大型框架的强制要求,可以只是用Vue的核心内容。可以与其他的前端框架的混用。学习可以循序渐进的学习。1.1 Vue特点易用:了解关于 HTML、CSS 和 JavaScript 的中级知识,能够完成基础的前端开发。灵活:不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。高效:20kB原创 2021-01-31 11:17:09 · 512 阅读 · 0 评论 -
重点知识-jQuery
1. jQuery工厂函数的作用是什么?查找DOM元素节点对象,并将DOM元素节点对象封装为一个jQuery对象将DOM元素节点对象封装为jQuery对象直接将HTML结构封装为一个jQuery对象2. jQuery如何操作行内样式?2.1 设置单个样式$('选择器').css('样式名','属性值')2.2 设置多个样式$('选择器').css({ '样式名':'属性值', '样式名':'属性值', ...})2.3 获取单个样式值$原创 2021-01-31 10:49:17 · 121 阅读 · 1 评论 -
前端学习-jQuery高级
1. jQuery经典插件1.1 表单验证插件jQuery-validation这个jQuery插件使简单的客户端表单验证变得容易,同时还提供了大量的定制选项官网: https://jqueryvalidation.org1.2 下载并安装插件下载地址:https://github.com/jquery-validation/jquery-validation/releases/tag/1.19.2导入插件js文件即可,需要注意:因为该插件是基于jQuery开发的,所以它必须在jQuery原创 2021-01-31 10:44:23 · 297 阅读 · 0 评论 -
前端学习-jQuery基础
1. 什么是jQuery jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。 jQuery只是一个JavaScript库。jQuery的所有功能都可以通过JavaScript进行访问,因此对JavaScript的深入了解,对于理解,构建和调试代码至关重要。随着时间的流逝,定期使用jQuery可以提高您对JavaScript的熟练程度,但是如果不具备Jav原创 2021-01-31 10:26:15 · 236 阅读 · 0 评论 -
重点知识-JavaScript高级
1. 文档对象模型中,以下每种方式的实现功能querySelector(CSS选择器):根据选择器字符串查找单个元素,存在多个取第一个querySelectorAll(CSS选择器):根据选择器字符串查找元素createElement(元素名):根据元素名在内存中创建元素对象parentElement:父元素节点firstChild:第一个子节点lastChild:最后一个子节点nextSibling:下一个兄弟节点previousSibling:前一个兄弟节点innerHTML:输出或原创 2021-01-31 10:20:41 · 112 阅读 · 0 评论 -
前端学习-JavaScript高级
补充概念URL,参考链接 :https://developer.mozilla.org/zh-CN/docs/Learn/Common_questions/What_is_a_URLHTTP,参考链接 :https://developer.mozilla.org/zh-CN/docs/Web/HTTP互联网常识概念:https://developer.mozilla.org/zh-CN/docs/Learn/Common_questions1. 客户端 Web API全称Client sid原创 2021-01-31 10:16:55 · 422 阅读 · 1 评论 -
重点知识-JavaScript基础
1. 在ES中有哪些声明变量的方式?它们的区别是什么有两种声明变量的方式:var、letvar可以在方法体{}外访问,而let只能在对应的方法体{}中才可以访问var可以变量提升而let不能2. 在ES中,this关键字在普通函数与箭头函数中有什么区别普通函数中的this的指向由谁调用该函数决定的,谁调用该还函数,this就指向的谁箭头函数中的this由谁创建该函数决定的,谁创建的该函数,this就指向的谁,任何方式的调用都不会改变箭头函数中的this指向3. 在ES中,内置对象Str原创 2021-01-29 17:22:03 · 107 阅读 · 0 评论 -
前端学习-JavaScript基础
JavaScript基础学习目标【了解】了解什么是JavaScript【了解】为什么要学JavaScript【掌握】掌握JavaScript的组成【掌握】掌握在HTML中使用JavaScript【掌握】掌握ECMAScript语法结构【掌握】掌握ECMAScript常见内置对象一、初识JavaScript官网: https://www.w3.org/standards/webdesign/script说明:JavaScript语法规范是ECMAScript,ECMAScript由原创 2021-01-29 17:17:08 · 514 阅读 · 0 评论 -
重点知识-Bootstrap
1. 简述Bootstrap的栅格系统首先Bootstrap通过媒体查询,设定好不同设备的情况下的布局容器的宽度,然后栅格系统,将一行划分为12列,每一列都有固定的百分比。2. 使用Bootstrap框架中的工具类和组件的用法和思路工具类其实就是Bootstrap给我们写好的类样式,我们只需要在需要的时候加上对应的类样式即可使用组件的时候,我们在API文档中找到自己想要的效果,然后拷贝示例代码,之后将部分内容调整为我们自己的代码即可3. Bootstrap 组件中事件和方法的区别组件的原创 2021-01-29 16:51:24 · 168 阅读 · 0 评论 -
前端学习-Bootstrap
一、 什么是BootstrapBootstrap 是全球最受欢迎的前端开源工具库,它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能,能够让你快速设计并自定义你的网站。参考地址:官网: https://getbootstrap.com/中文网: https://www.bootcss.com/菜鸟教程: https://www.runoob.com/bootstrap4/bootstrap4-tut原创 2021-01-29 16:36:49 · 885 阅读 · 0 评论 -
重点知识-CSS3
1. CSS3中三种基本选择器有哪些?它们具体的功能是什么?三种基本选择器包括:ID选择器、类选择器、元素选择器ID选择器用于选择具有指定id属性的元素类选择器用于选择具有指定class类名的元素元素选择器用于选择指定类型的元素2. CSS3中三种基本选择器的优先级是怎样的?ID选择器>类选择器>元素选择器3. 盒子模型都包含什么内容?盒子模型的结构:content(显示内容)、border(边框)、padding(内边距:内容与边框的距离)、margin(外间距:外边原创 2021-01-29 16:14:44 · 156 阅读 · 2 评论 -
前端学习-CSS3
一、概念Cascading Style Sheets 层叠样式表,用来展现HTML、XHTML的页面标签的外观风格说明:官网: https://www.w3.org/Style/CSS/我们在上节课学的各种标签,其实自带有一定的样式,可以通过F12来观察,为了实现某些布局或者效果,我们可能会移除标签的指定样式二、CSS的作用用来美化页面元素 - 美化外观用来布局页面元素 - 布局定位用来实现内容和外观的分离 - 方便维护和修改三、语法官方https://www.w3.or原创 2021-01-29 16:08:38 · 548 阅读 · 0 评论