- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue2.0路由
5.1 路由的概念1、路由概念：路由就是对应关系2、SPA与前端路由（1）SPA指的是一个web网站只有唯一的一个页面，所有的组件的展示与切换都在这唯一的一个页面内完成。此时，不同的组件之间的切换需要通过前端路由来实现（2）前端路由：Hash地址与组件之间的对应关系（Hash地址就是锚链接#后面的部分，包含#）5.2 vue-router的基本使用1、地址：Vue Router2、安装和配置（1）安装vue-router包：npm install [email protected]
2022-04-01 15:15:17
1447
原创 vue2.0自定义指令
1、分类（1）私有自定义指令（2）全局自定义指令2、 私有自定义指令（1）基本使用 在每个vue组建中，可以在directives节点下声明私有自定义指令 形参中el是绑定了此指令原生的DOM对象，是固定写法 v-是一个固定写法，自定义对象不需要写v- 当指令第一次被绑定到元素上的时候，会立即触发bind函数 <h1 v-color>App 根组件</h1><script>export default {
2022-03-31 19:53:45
1047
原创 vue2.0插槽
1、概念 插槽（Slot）是vue为组件的封装者提供的能力，允许开发者在封装组件时，把不确定的，希望由用户指定的部分定义为插槽 要想在根组件中可以在子组件中渲染页面，需要在子组件中创建一个插槽即slot标签 规定：每个插槽都要有一个名称，即name，若没写则是default 2、v-slot指令 template是虚拟标签，只起到包裹作用 如果要把内容填充到指定名称的插槽中，用v-slot v-slot后面跟上插槽的名字 v-slot不能直接
2022-03-30 21:09:21
256
原创 vue2.0动态组件
1、vue提供了内置的<component>组件，专门用来实现动态组件的渲染 component标签是vue内置的，是组件的占位符 is属性的值表示要渲染组件的名字 is属性的值，应该是组件在components节点下的注册名称 <!--静态的，就是Left组件--><component is="Left"></component><!--动态的，在data中写入comName--><componen
2022-03-30 21:08:40
779
原创 vue2.0生命周期&数据共享
3.1 组件的生命周期1、概念（1）生命周期：是指一个组件从创建、运行、销毁的整个阶段，强调的是一个时间段（2）生命周期函数：是由vue框架提供的内置函数，会伴随组件的生命周期，自动按次序执行2、生命周期函数示意图：Vue 实例 — Vue.js3、生命周期函数（1）组件创建阶段 beforeCreate() 组件的props/data/methods尚未被创建，都处于不可用状态 created() 组件的props/data/methods已创建好，都处于可
2022-03-29 18:00:48
1119
原创 vue2.0组件
1、vue组件 .vue组件中的data不能指向对象，是一个函数 vue组件包含：template、script、style script中必须是export default{} template只能有一个根节点，所以要先创建一个div，其他的标签都在这个div中 style中css一个样式包含另一个样式需要实现声明lang="less" style默认是css语法 <template> <div> <d...
2022-03-27 23:27:00
699
原创 vue2.0侦听器
1、watch侦听器（1）允许开发者监视数据的变化，针对数据的变化做特定的操作（2）方法格式的侦听器本质是一个函数，监听谁就设谁为函数名（3）第一个参数是变化后的新值，第二个参数是变化前的旧值<body> <div id="app"> <input type="text" v-model="username"> </div> <script src="./lib/vue.js"><...
2022-03-27 21:44:47
1044
原创 vue2.0的指令
1、指令（1）概念：指令是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。（2）分类： 内容渲染指令 属性绑定指令 事件绑定指令 双向绑定指令 条件渲染指令 列表渲染指令 2、内容渲染指令（1）概念：内容渲染指令用来辅助开发者渲染DOM元素的文本内容（2）常用的内容渲染指令： v-text {{}} v-html （3）v-text缺点：会覆盖元素内部原有的内容<p v-
2022-03-27 21:43:14
549
原创 一、webpack
1.1 前端工程化1、概念在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。2、解决方案（1）早期：grunt、gulp（2）目前主流：webpack、parcel1.2 webpack的基本使用1、概念webpack是前端项目工程化的具体解决方案2、在项目中安装webpack运行命令： 初始化npm：npm init -y 安装jQuery：npm install jquery -S（存放到dependencies
2022-03-21 20:52:41
731
原创 Ajax简介
2.1 服务器的基本概念与初识Ajax2.1.1 服务器的基本概念1、客户端和服务器（1）服务器：在上网过程中，负责存放和对外提供资源的电脑，叫做服务器（2）客户端：在上网过程中，负责获取和消费资源的电脑，叫做客户端2、URL地址（1）URL地址的概念URL中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置，浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源（2）URL地址的组成部分 客户端与服务器之间的通信协议 存有该资
2022-03-19 21:28:00
209
原创 jQuery简介
1.1 jQuery的基本使用1、jQuery的入口函数//方法1（更简单） $(function() { //此处是页面DOM加载完成的入口 });//方法2$(document).ready(function() { //此处是页面DOM加载完成的入口});2、jQuery的顶级对象$（1）$是jQuery的别称，在代码中由于$更简单所以常用，使用jQuery也是可以的。（2）$是jQuery的顶级对象，相当于原生JavaScript的window。把...
2022-03-17 21:41:26
720
原创 ES7-11介绍
二、ECMAScript 7 新特性1、Array.prototype.includesincludes方法用来检测数组中是否包含某个元素，返回布尔类型值2、指数操作符在ES7中引入指数运算符：**，用来实现幂运算，功能与Math.pow结果相同3、代码演示//includesconst mingzhu = ['西游记','红楼梦','三国演义','水浒传'];console.log(mingzhu.includes('西游记'));//trueconsole.log(min
2022-03-16 18:38:29
266
原创 ES6简介
1.1 let关键字1、声明变量let a;let b,c;let d = 100;let e = 200 ,f = 'love you' , g = [];2、特性（1）变量不能重复声明//报错let star = '星星';let star = '小星星';//他可以再次赋值，star = '小星星';是不会报错的//无影响，不报错，会覆盖掉var star = '星星';var star = '小星星';（2）块级作用域es5的作用域：全局，函数，e
2022-03-16 00:00:51
436
原创 CSS介绍
3.1 CSS基础1、CSS引入方式内嵌式：css写在style标签中外联式：css写在一个单独的css文件中（引入用link标签）行内式：css写在标签style的属性中2、选择器（1）标签选择器：标签名{}（2）类选择器：.类名{}，在需要的地方为其命名—class="类名"（3）id选择器：#id属性名{}，在需要的时候为其命名—id="id名字"（4）通配符选择器：*{}3、字体和文本样式（1）字体样式（样式重叠将会覆盖） 字体大小：font-siz
2022-03-11 13:42:02
52
原创 页面特效&&本地存储
2.3 PC端网页特效2.3.1 元素偏移量offset系列1、作用：使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽高） 返回数值不带单位 2、offset系列常用属性offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素。如果父级都没有定位则返回body element.offsetTop 返回元素相对带有定位
2022-03-10 23:23:08
125
原创 BOM简介
2.2.1 BOM概述BOM是浏览器对象模型，他提供了独立于内容而与浏览器窗口进行交互的对象，其核心是window（在写的时候window都可以省略）window对象是浏览器的顶级对象，它具有双重角色。 它是JS访问浏览器窗口的一个接口 它是一个全局对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法 2.2.2 window对象的常见事件1、窗口加载事件 window.onload = function() {} 经常使用：window.
2022-03-09 20:03:23
134
原创 DOM简介
2.1.1 DOM简介1、DOM：文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口。2、DOM树文档：一个页面就是一个文档，DOM中使用document表示元素：页面中的所有标签都是元素，DOM中使用element表示节点：网页中的所有内容都是节点，DOM中使用node表示2.1.2 获取元素1、根据ID获取：使用getElementById()方法可以获取带有ID的元素对象<div id="time">2022-3-5</div>
2022-03-08 18:13:03
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人