weixin_51339105-CSDN博客

原创 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 91 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 90

原创 09-Vue:动态组件、自定义指令

vue除了内置的指令(v-model，v-for…),vue也允许注册自定义指令， v-xxxx;你需要对普通的Dom元素进行底层操作，就会用到自定义指令;注册获取标签，扩展额外的功能局部注册和使用UseDirective.vue 只能在当前组件中使用;...

2022-08-03 18:51:53 753

原创 08-Vue:组件name属性、购物车案例

头部的标题颜色背景色可以随便更改 props类型校验步骤:1.在MyHeader.vue中定义props;2.在使用MyHeader.vue组件时，传入相应的值(color,backgroundColor)

2022-08-03 11:23:55 213

原创 07-Vue:生命周期

组件从创建到销毁的整个过程就是生命周期钩子函数 vue框架内置函数，随着组件的生命周期阶段，自动执行作用：特定的时间执行特定的操作；场景：组件创建完毕，可以在created生命周期函数中发起ajax请求从而初始化data数据；分为四个阶段：创建、挂载、更新、销毁；有两个钩子函数：beforeCreate和created有两个钩子函数：beforeMount和mounted有两个钩子函数：beforeUpdate和updated有两个钩子函数：beforeDestroy和destroyed

2022-07-31 17:12:50 95

原创 06-Vue:组件通信、Todo案例

两个组件关系非常的复杂，通过父子组件通信是非常麻烦的，可以使用通用的组件通信方案—事件总线(event-bus)父组件传给子组件是一个对象，子组件修改对象的属性，是不会报错的，对象是引用类型。2.子组件不能直接修改父组件传递过来的props，props是只读的；1.App.vue中定义数组传入TodoMain.vue组件中；1.props选项的值可以为数组类型也可以是对象类型；2.子组件中通过props定义变量，直接使用变量；1.父组件数据发生了改变，子组件会自动跟着变；...

2022-07-28 22:09:59 105

原创 05-Vue:本地存储、组件

一个组件是一个vue实例，如果data是一个对象的话，多个实例会共享一份数据，data是一个函数的话，每次return的都是一个新的对象。2.父组件内data中定义数据，引入子组件，子组件上自定义属性传值。//localStorage.setItem('名字','zs')概念组件是可复用的vue实例，封装标签，样式，js代码；一个组件就是一个整体，有自己独立的结构，样式，js。每个组件都是一个独立的个体，就是一个.vue文件。1.子组件内，定义变量，准备接收，然后使用变量。...

2022-07-26 21:09:16 343

原创 04-Vue:计算属性、侦听器、脚手架

/immediatetrue,//立即监听（网页打开handler执行一次。注意计算属性也是vue数据变量，所以不能和data里变量重名，用法和data相同的。//依赖的变量改变，函数会自动重新执行，并缓存新的值。//优势带缓存；//必须有returnreturn的值就是计算属性的值。//1.计算属性和data属性都是变量-----不能重名。deeptrue,//深度监听(对象里层的值改变)//3.函数内的依赖的变量变化，会自动重新计算结果返回。...

2022-07-26 14:32:53 157

原创 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 547

原创 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 41

原创 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 58

原创 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 53

原创 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 117

原创 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 47

原创 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 1210

原创 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 96

原创 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 56

原创 21-JS高级：对象、类、this指向

面向对象和面向过程1.面向过程分析解决问题的步骤，用函数把这些步骤一步一步实现，使用的时候再一步一步调用就可以2.面向对象是把事物分解成一个个对象，由对象之间分工合作优点：易维护，面向对象由封装，继承，多态特性，可以设计出低耦合的系统，使系统更加易于维护；确定：性能比面向过程低3.对象对象是由属性和方法组成，是键值对的集合，是一个可以具体的事物属性：事物的特征方法：事物的行为<!DOCTYPE html><html lang="en"><head&g

2022-04-24 21:16:36 93

原创 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 195

原创 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 320

原创 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> &lt

2022-04-20 21:54:43 43

原创 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 188

原创 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 295

原创 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 477

原创前端学习-3day

1.input表单元素中的type属性<body> <form> > 用户名：<input type="text" name="username" value="请输入用户名" maxlength="6"> <br> > 密码：&lt

2021-08-10 21:43:55 51

原创前端学习-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 30

原创前端学习-1day

1.网站：网页的集合；网页：HTML格式的文件2.HTML：超文本标记语言3.Web标准的构成：结构、表现、行为结构：对网页元素进行整理和分类（HTML）表现：设置网页元素的版式、颜色等外观样式（CSS）行为：网页模型的定义及交互的编写（JS）4.HTML标签HTML标签是由尖括号包围的关键词；HTML标签通常成对存在，称为双标签，和有些特殊标签称为单标签双标签关系：包含和并列关系5.表格标签表格用于显示、展示数据是用于定义表格的标签标签用于定义表格中的行，嵌套

2021-08-08 18:33:18 33

原创 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 36

原创 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 1054

weixin_51339105的博客