自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vue常见的父向子传值&子向父传值方式

一.子向父传值(逆向传值)我们来做一个拥有父子组件的vue实例,给子组件点击事件,当点击完成时,父级能获得子组件里面的数据。 <script> new Vue({ el: "#root", data: {}, methods: {}, components: { Fu: { template: '#tem',

2020-07-20 15:57:00 1044 1

原创 对象拦截&&双向绑定是如何实现的

1,对象的拦截const obj = { userName:'周杰伦'; age:'23';}let stuName = obj.userName;let stuAge = obj.age;let arr = [];Object.defineProperty(obj,"userName,age"{ set(v){ // v就是你要从外部修改的值 stuName = v; stuAge = v; }; get(){ return stuName,stuAge; }}

2020-07-18 17:54:00 160

原创 创建对象及在原型链中设置,获取属性的方法

一,创建对象的方法:①字面量的方法:创建一个对象,该对象有一个属性userName,属性值是周杰伦,并将该对象赋值给obj因为对象都是类的实例化const obj = { userName:"周杰伦"}console.log(obj) //{userName:'周杰伦'}② 通过new Object()来创建 const obj1 = new Object(); obj1.userName = "laoli"; console.log(obj1); //{userNa

2020-07-17 11:54:22 703 1

原创 v-show模拟百度搜索框的功能

百度搜索框:它的功能思路是input框输入内容,就能显示相应的内容,类似于模糊查询。我们要完成这样的功能需要先模拟一些数据,然后把这些数据绑定给input框,接着就是利用v-show的性能,这里我们需要一个数组方法,includes(),根据这个方法去查询,但如何做到查询到数据的同时其他数据隐藏起来,我们可以去了解&&和||的定义。&&是只要前面数据为假,无论&&后面是false还是true,结果都是返回&&前面的值;如果&&a

2020-07-16 11:59:13 175

原创 Vue的指令

v-for {{item.author}} {{item.time}} {{item.bookName}}

2020-07-16 11:07:59 130

原创 vue的基础概念

一.什么是vue是一套构建用户界面的渐进式的****自底向上增量开发MVVM框架,Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。二.Vue的目的Vue.js的产生核心是为了解决如下三个问题1.解决数据绑定问题。2.Vue.js主要的目的是为了开发大型单页面应用。3.支持组件化,也就是可以把页面封装成为若干个组件,把组件进行拼装,这样是让页面的复用性达到最高。vue的核心思想:数据驱动和组件化。三.M

2020-07-16 09:38:41 288

原创 Git简介

一.概念1.gitGit是一个开源的分布式版本控制系统,用于敏捷高效的处理任何项目的版本问题。Git 是Linus Torvalds 为了帮助管理Linux 内核开发而开发的一个开放源码的版本控制软件。Git 与常用的版本控制工具CVS,SVN等不同,它采用了分布式版本库的方式,不必服务器端软件支持。CVS阶段项目搭建开发过程中,每次提交项目都会将整个项目提交到服务器进行保存,服务器存储着项目的N个备份,开发过程中的协作效率较低,同时也出现了各种传输的问题,所以慢慢淡出了行业。SVN阶段考虑

2020-07-04 10:46:45 110

原创 jQuery手风琴案例

<script> $(function(){ $("li").mouseover(function(){ $(this).stop().animate({ width:435 }).siblings("li").stop().animate({ width:60 }); }); });</script>

2020-06-28 21:03:57 231

原创 jQuery隐式迭代案例

Document 1 2 3 1 2 3 <script src="./jquery.min.js"></script><script> // tab切换的思路 // 循环遍历...

2020-06-28 18:53:57 234

原创 jQuery基础概念

一.jQuery概念jQuery是前端的一个代码库封装并提供很多JavaScript的功能,可以直接使用网站网址:官方网站 : https://jquery.com/中文网站 : http://jquery.cuishifeng.cn/特点 :1, 方法快捷的 选择器 和 筛选器2, 优质的隐式迭代3, 强大的链式编程使用jQuery,必须加载jQuery的外部js文件jQuery.js / jQuery.min.js (推荐使用)jQuery给我们提供了两个外部的接口,可以通过

2020-06-28 17:57:00 134

原创 观察者模式整体总结

观察者模式 / 发布-订阅模式 / 消息模式一般要与框架和双向数据绑定结合使用 观察者模式分为5个部分 1,主体对象 2,主体属性--消息盒子,存储执行类型和执行内容 可以是对象,也可以是数组 3,on方法,向消息盒子中,写入需要执行的类型和内容 步骤: 3-1:判断消息盒子中,是否有这个类型

2020-06-28 11:58:17 107

原创 观察者模式--定义on方法

// 要实现观察者模式 , 需要5个部分的操作// 1,有一个主体对象// 2,有一个属性(消息盒子),是存储事件// 3,有一个方法(on方法),向属性中写入事件// 4,有一个方法(emit方法),执行属性中写入的事件// 5,有一个方法(off方法),删除属性中写入事件 // 基本代码 // 通过构造函数来实现,创建主体对对象 // 观察者模式构造函数 // 向on()方法中,写入对应的程序 // on()方法,是将需要执行的事件,写入到

2020-06-28 11:53:22 141

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除