- 博客(29)
- 收藏
- 关注
原创 11-Vue:路由(2)
Find.vue中写router-view实现Recommend.vue,Ranking.vue,SongList.vue的切换。src/views/second/Recommend.vue 发现音乐/推荐页面。src/views/second/Ranking.vue 发现音乐/排行榜页面。src/views/second/SongList.vue 发现音乐/歌单页面。/path/值–需要对路由对象提前配置 path:‘/path/:参数名’// path会自动忽略params。...
2022-08-04 21:29:11 142 1
原创 10-Vue:路由
在vue项目中集成路由使用1.安装2.src目录下新建router/index.js// 引入vue vue-router和vue是深度集成// 导入路由// 在vue中,使用vue的插件,都需要调用vue.use()// 创建路由规则 一一对应关系{path: '/home', //路由地址},{},{}]// 创建路由对象// 路由规则routes})// 暴露路由对象3.main.js中把路由关联到vue实例// 导入路由对象new Vue({...
2022-08-04 18:21:51 121
原创 09-Vue:动态组件、自定义指令
vue除了内置的指令(v-model,v-for…),vue也允许注册自定义指令, v-xxxx;你需要对普通的Dom元素进行底层操作,就会用到自定义指令;注册获取标签,扩展额外的功能局部注册和使用UseDirective.vue 只能在当前组件中使用;...
2022-08-03 18:51:53 844
原创 08-Vue:组件name属性、购物车案例
头部的标题 颜色 背景色可以随便更改 props类型校验步骤:1.在MyHeader.vue中定义props;2.在使用MyHeader.vue组件时,传入相应的值(color,backgroundColor)
2022-08-03 11:23:55 258
原创 07-Vue:生命周期
组件从创建到销毁的整个过程就是生命周期钩子函数 vue框架内置函数,随着组件的生命周期阶段,自动执行作用:特定的时间 执行特定的操作;场景:组件创建完毕,可以在created生命周期函数中发起ajax请求 从而初始化data数据;分为四个阶段:创建、挂载、更新、销毁;有两个钩子函数:beforeCreate和created有两个钩子函数:beforeMount和mounted有两个钩子函数:beforeUpdate和updated有两个钩子函数:beforeDestroy和destroyed
2022-07-31 17:12:50 121
原创 06-Vue:组件通信、Todo案例
两个组件关系非常的复杂,通过父子组件通信是非常麻烦的,可以使用通用的组件通信方案—事件总线(event-bus)父组件传给子组件是一个对象,子组件修改对象的属性,是不会报错的,对象是引用类型。2.子组件不能直接修改父组件传递过来的props,props是只读的;1.App.vue中定义数组传入TodoMain.vue组件中;1.props选项的值可以为数组类型也可以是对象类型;2.子组件中通过props定义变量,直接使用变量;1.父组件数据发生了改变,子组件会自动跟着变;...
2022-07-28 22:09:59 130
原创 05-Vue:本地存储、组件
一个组件是一个vue实例,如果data是一个对象的话,多个实例会共享一份数据,data是一个函数的话,每次return的都是一个新的对象。2.父组件内data中定义数据,引入子组件,子组件上自定义属性传值。//localStorage.setItem('名字','zs')概念组件是可复用的vue实例,封装标签,样式,js代码;一个组件就是一个整体,有自己独立的结构,样式,js。每个组件都是一个独立的个体,就是一个.vue文件。1.子组件内,定义变量,准备接收,然后使用变量。...
2022-07-26 21:09:16 378
原创 04-Vue:计算属性、侦听器、脚手架
/immediatetrue,//立即监听(网页打开handler执行一次。注意计算属性也是vue数据变量,所以不能和data里变量重名,用法和data相同的。//依赖的变量改变,函数会自动重新执行,并缓存新的值。//优势带缓存;//必须有returnreturn的值就是计算属性的值。//1.计算属性和data属性都是变量-----不能重名。deeptrue,//深度监听(对象里层的值改变)//3.函数内的依赖的变量变化,会自动重新计算结果返回。...
2022-07-26 14:32:53 182
原创 03-Vue: v-for就地更新、过滤器
js原生数组变化数组变化,把数组重新渲染,会影响重绘和回流(页面布局)v-for更新循环出新的虚拟DOM结构,和旧的虚拟DOM解构对比,复用标签就地更新内容真实DOM在document对象上,渲染到浏览器上显示的标签虚拟DOM本质是保存节点信息,属性和内容的一个js对象好处:1.提高DOM更新的性能,不频繁的操作真实Dom,在内存中找到变化的部分,再更新真实DOM(打补丁);1.同级比较—根元素变化,整个DOM数删除重建;2.同级比较—根元素不变,属性改变 更新属性(dom复用,只更新
2022-06-01 21:53:59 588
原创 02-Vue:指令、修饰符
1.指令1.v-model主要用于表单元素的数据双向绑定;<标签 v-model=“表达式/变量”></标签><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c
2022-05-29 17:33:23 62
原创 01-Vue:指令
1.vue基本概念为何学习vue:更少的事件,干更多的活,开发网站速度快;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init
2022-05-26 22:17:03 73
原创 27-GitHub
GIitHub开源的项目托管平台http://github.com什么是开源开发源代码,代码是公开的,任何人可以去查看,修改和使用开源代码;开源许可协议开源并不意味着完全没有限制,为了限制使用者的范围和保护作者的权力;5种开源许可协议1.BSD;2.Apache Licence3.GPL;4.LGPL;5.MIT :目前限制最少的协议,唯一的条件 在修改后的代码和发行包中,必须包含作者的许可信息;使用的软件项目:jquery、 node.js开源托管平台免费存放开源项目源代码
2022-05-19 18:28:13 86
原创 26-跨域
1.使用JQuery实现文件上传1.定义ui结构2.验证是否选择了文件3.向FormData中追加文件4.使用jquery发起上传文件的请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor
2022-05-17 17:59:36 131
原创 25-Jquery使用
1.事件操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
2022-05-12 10:42:08 65
原创 24-JQuery
1.JQuery官网:http://jquery.comjs+queryjquery是一个快速的轻量的功能丰富的js库,满足了各种浏览器的兼容问题;功能:元素的查找与遍历、元素的操作、CSS样式的操作、元素事件、JS动画解决web2.0之后的交互问题;使用感受:简单简洁、链式调用、读写一体;Jquery使用:使用思路:查找+操作DOM查询$(参数) 调用 $ 函数进行查询,参数是一个字符串,CSS选择器jQuery 对象 使用jQuery方法获取的对象,不能直接调用JS原生方法 自
2022-05-10 21:30:41 1272
原创 23-JS高级:原型链、constructor构造函数、继承
1.原型链每一个实例对象有__proto__属性,指向的是构造函数的原型对象,构造函数的原型对象也是一个对象,也有__proto__属性,这样一层一层往上找就形成了原型链<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n
2022-04-28 21:56:10 145
原创 22-JS高级:防抖节流、原型、对象原型
1.JS防抖节流函数防抖 :触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次触发,则重新计算时间函数节流:高频事件触发,但在n秒内只会执行一次,所以节流 会稀释函数的执行频率节流案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2022-04-26 22:18:48 79
原创 21-JS高级:对象、类、this指向
面向对象和面向过程1.面向过程分析解决问题的步骤,用函数把这些步骤一步一步实现,使用的时候再一步一步调用就可以2.面向对象是把事物分解成一个个对象,由对象之间分工合作优点:易维护,面向对象由封装,继承,多态特性,可以设计出低 耦合的系统,使系统更加易于维护;确定:性能比面向过程低3.对象对象是由属性和方法组成,是键值对的集合,是一个可以具体的事物属性:事物的特征方法:事物的行为<!DOCTYPE html><html lang="en"><head&g
2022-04-24 21:16:36 122
原创 20-JS:缓存动画、回调函数
1.缓动动画原理缓动动画让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:1.让盒子每次移动的距离慢慢变小,速度就会慢慢减下来2:(目标位置 - 当前位置) / 10 作为每次移动的距离步长3:停止条件 让盒子当前位置等于目标位置 就停止定时器4:步长值需要取整案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-
2022-04-23 21:41:44 252
原创 19-JS:Set, Map,动画
1.数组去重案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2022-04-22 21:44:09 352
原创 JS-18:ES6
1.ES6https://es6.ruanyifeng.com/2.let用于替代var区别:1.let声明的变量不再做预解析2.在同一个作用域中不能使用let重复声明一个变量3.let声明的全局变量不再是 window的属性4.let声明的变量会产生块级作用域for 循环体包含两个作用域,for本身是一个块级作用域,for的循环体又是for中的一个子级作用域<!DOCTYPE html><html lang="en"><head> <
2022-04-20 21:54:43 73
原创 16-2 JS元字符
1.拖拽事件案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2022-04-18 22:24:57 234
原创 16-JS 事件监听、事件委托、拖拽事件、正则表达式
1.事件监听以及移除事件监听可以向一个元素添加多次点击事件,后一个点击事件不会覆盖前一个点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-
2022-04-17 20:32:02 366
原创 01-JS组成、注释、输入输出语句、变量
回顾:web的三大标准:html(结构)+css(表现)+js(行为)Javascript动态的行为+数据交互javascript是什么javascript是世界上最流行的语言之一,是一种运行在客户端的脚本语言**脚本语言:**不需要编译,运行过程由js解释器(js引擎)逐行来进行解释并执行,现在也可以基于Node.js技术来进行服务端编程javascript作用表单动态校验网页特效服务端开发(Node.js)HTML/CS/JS的关系html决定网页结构和内容css决定网页呈
2022-04-16 21:57:11 523
原创 前端学习-3day
1.input表单元素中的type属性<body> <form> <!--text 文本框 用户可以在里面输入任何文字-->> 用户名:<input type="text" name="username" value="请输入用户名" maxlength="6"> <br> <!--password 密码框 用户看不见输入的密码-->> 密码:<
2021-08-10 21:43:55 75
原创 前端学习-2day
1.小说排行榜案例<body> <table align="center" border="1" cellspacing="0" width="500"> <tr> <th>排名</th> <th>关键词</th> <th>趋势</th> <th>今日搜索&l
2021-08-09 17:24:18 55
原创 前端学习-1day
1.网站:网页的集合;网页:HTML格式的文件2.HTML:超文本标记语言3.Web标准的构成:结构、表现、行为结构:对网页元素进行整理和分类(HTML)表现:设置网页元素的版式、颜色等外观样式(CSS)行为:网页模型的定义及交互的编写(JS)4.HTML标签HTML标签是由尖括号包围的关键词;HTML标签通常成对存在,称为双标签,和有些特殊标签称为单标签双标签关系:包含和并列关系5.表格标签表格用于显示、展示数据 是用于定义表格的标签 标签用于定义表格中的行,嵌套
2021-08-08 18:33:18 57
原创 2-3 Fetch and feed
1.正确代码import tensorflow.compat.v1 as tf#Fetchtf.disable_eager_execution()#保证sess.run()能够正常运行input1=tf.constant(3.0)input2=tf.constant(2.0)input3=tf.constant(5.0)add=tf.add(input2,input3)mul=tf.multiply(add,input1)with tf.Session() as sess:
2021-03-26 17:18:30 59
原创 2-2变量学习笔记-解决问题module ‘tensorflow‘ has no attribute ‘global_variables_initializer‘
1.出现该错误时:AttributeError: module ‘tensorflow’ has no attribute ‘global_variables_initializer’将import tensorflow as tf改为import tensorflow.compat.v1 as tf因为tensorflow版本的问题,2.0与1.0不同2.tensorflow中在使用变量时需要进行初始化init=tf.global_variables_initializer()3.运行以下代
2021-01-20 21:11:22 1158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人