- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue组件
vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一 组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用1.1 全局组件定义的三种方式使用 Vue.extend 配合 Vue.component 方法：var login = Vue.extend(
2022-03-09 19:57:49
123
原创 vue过滤器和修饰符
1. 品牌管理案例实现功能：1. 添加新品牌2. 删除品牌3. 根据条件筛选品牌步骤：1．1、搭建项目的基本界面的结构引入bootstrap 引入vue2、实现表格的渲染使用v-for进行表单的渲染注意设置key属性示例：<tr v-for='item in list' :key="item.id"> <td>{{item.id}}</td> <td v-text="item.name">...
2022-03-08 21:20:44
279
原创 vue基础
什么是vue.jsVue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！2. 为什么学习流行框架企业为了提高开发效率：在企业4E2D，时间就是效率，效率就是金钱； 企业中，使用框架，能够提高开发的效率； 提高开发效率的发展历程：原生JS -> Jqu.
2022-03-08 21:19:22
379
原创 JavaScript基础-内置对象使用
内置对象JavaScript中的对象分为4种：内置对象、浏览器对象、自定义对象、DOM对象。JavaScript 提供多个内置对象：Math/Array/Number/String/Boolean ... ...。对象只是带有属性和方法的特殊数据类型。学习一个内置对象的使用，只要学会其常用的成员的使用(通过查文档学习)。内置对象的方法很多，我们只需要知道内置对象提供的常用方法，使用的时候查询文档。(1)、如何学习一个方法？方法的功能、参数的意义和类型、返回值意义和类型、demo进行测试2.M
2021-11-25 21:42:13
167
原创 预解析、对象、错误
单线程记住一句话：JavaScript语言是单线程的、区分线程和进程很多新手是区分不清线程和进程的，没有关系。这很正常。先看看下面这个形象的比喻：进程是一个工厂，工厂有它的独立资源-工厂之间相互独立-线程是工厂中的工人，多个工人协作完成任务-工厂内有一个或多个工人-工人之间共享空间如果是 windows 电脑中，可以打开任务管理器，可以看到有一个后台进程列表。对，那里就是查看进程的地方，而且可以看到每个进程的内存资源信息以及 cpu 占有率。所以，应该更容易理解了：进程是 cpu 资
2021-11-23 20:26:14
97
原创 数组与函数
1. 数组]、为什么要学习数组之前学习的数据类型，只能存储一个值(比如：Number/String。如果我们想存储班级中所有学生的姓名，此时该如何存储？、数组的定义所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。、通过数组字面量创建数组// 创建一个空数组var arr1 = [];// 创建一个包含3个数值的数组，多个数组项以逗号隔开var ar
2021-11-23 20:22:16
421
原创 js基础
1. JavaScript介绍、JavaScript是什么1、JavaScript的历史Netscape（网景）在最初将其脚本语言命名为LiveScript，是布兰登.艾克发明的。后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。J
2021-11-21 17:07:31
92
原创 CSS3弹性布局、响应式布局、PS
响应式 Web 设计 -Viewport响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况(1)、什么是 Viewportviewport 是用户网页的可视区域。view...
2021-11-21 17:04:59
200
原创 CSS3渐变、过渡、转换、动画
CSS3渐变(1)、什么是渐变CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的时间和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。CSS3 定义了两种类型的渐变（gradients）：(2)、CSS3渐变的分类线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角
2021-11-21 16:50:50
1855
原创 CSS3选择器、边框、背景、按钮
CSS3概述(1)、CSS3简介如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷 动画 圆角 阴影 边框图片 …(2)、CSS3现状1、浏览器支持程度差，需要添加私有前缀-webkit- 谷歌 safari-moz- 火狐-ms- IE2、移动端支持优于PC端3、不断改进中4、应用相对广泛CSS3选择器CSS3新增了许多灵活查找...
2021-11-21 16:48:12
607
原创 高级技巧
1.元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是display、visibility和overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！(1)、displaydisplay设置对象是否显示、如何显示。display : none隐藏对象。与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。
2021-11-21 16:45:25
116
原创 浮动与定位
1.浮动(1)、标准流这个单词很多人翻译为文档流，字面翻译普通流或者标准流都可以。html语言当中另外一个相当重要的概念----------标准流！或者普通流。普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。前面我们说过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？ CSS的定位机制有3种：普通流（标准流）、浮动和定位
2021-11-21 16:39:48
517
原创 CSS三大特性与盒子模型
1.行高的测量行高我们利用最多的一个地方是：可以让一行文本在盒子中垂直居中对齐。做法就是：文字的行高等于盒子的高度。这里情况些许复杂，开始学习，我们可以先从简单地方入手学会。总结：1. 上距离和下距离总是相等的，因此文字看上去是垂直居中的。2. 如果行高等于height高度，文字会垂直居中3. 如果行高大于高度，文字会偏下 4. 如果行高小于高度，文字会偏上 2.CSS三大特性层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。(1)、CSS层.
2021-11-21 16:37:10
115
原创 css选择器与标签分类
1.复合选择器复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。(1)、交集选择器交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。记忆技巧：交集选择器是并且的意思。 即...又...的意思比如：p.one选择的是类名为.one的段落标签。(2)、并集选择器并集选择器（CSS选择器分组）是各个选择器通过<strong style="co
2021-11-21 16:35:10
255
原创 表单类型 多媒体与css3初始
HTML5新增了表单的输入类型、email输入email格式，email 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值是否合法有效:<form action="demo-form.php"> E-mail: <input type="email" name="usremail"> <input type="submit"></form><p><b>注意:...
2021-11-21 16:32:09
195
原创 表格 表单与H5
1.表格标签表格是较为常用的一种标签，但不是用来布局，常用来处理、显示表格式数据。、创建表格创建表格的基本语法格式如下：<table><tr> <td>单元格内的文字</td> ...</tr> ...</table>在上面的语法中包含三对HTML标签，分别为 table、tr、td，他们是创建表格的基本标签，缺一不可，下面对他们进行具体地解释。1.table用于定义一个表...
2021-11-21 16:29:13
343
原创 HTML基础
开发工具我们主要用的开发工具有 编辑器、浏览器、photoshop。编辑器常用的前端编辑器有：dreamweaver、sublime、webstorm、Hbuilder、vscode浏览器浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。浏览器内核浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引渲染引擎擎.
2021-11-01 19:18:41
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人