![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Qiuxuntao
学生
展开
-
vol.vue的学习
vol.vue原创 2022-11-18 17:13:48 · 888 阅读 · 1 评论 -
React路由
一、路由的基本使用 1.明确好界面中的导航区、展示区 2.导航区的a标签改为Link标签 <Link to="/xxxxx">Demo</Link> 3.展示区写Route标签进行路径的匹配 <Route path='/xxxx' component={Demo}/> 4.<App>的最外侧包裹了一个<BrowserRouter>或<HashRouter>二、路由组件与一般组件 1.写法不同:原创 2022-05-03 21:16:47 · 84 阅读 · 0 评论 -
Vue动态组件
动态组件1.什么是动态组件动态组件就是控制动态组件的显示和隐藏2.实现组件的动态渲染2.1.首先先确定要渲染的组件是哪个组件,那必须先注册组件,然后return出去data() { return { comName: "Left", }; }, components: { Left, Right, },2.2.通过 is属性指定需要渲染哪个组件,is 属性被定义<component :is=""></compo原创 2021-12-24 16:32:02 · 890 阅读 · 0 评论 -
Vue的声明式导航&编程式导航
一、声明式导航在浏览器中,点击链接实现导航的方式,叫做声明式导航。例如:????普通网页中点击a标签、vue项目中点击<router-link>都属于声明式导航 <router-link to="/movie/1">长津湖</router-link> <router-link to="/movie/2">战狼</router-link> <router-link to="/movie/3">雪豹</ro原创 2021-12-21 15:21:59 · 834 阅读 · 0 评论 -
Vue路由动态渲染和动态传参
一、动态渲染多个路由// router/routerjs { path: '/movie/1', component: Movie},//app组件 <router-link to="/movie/1">洛基</router-link> <router-link to="/movie/2">雷神</router-link> <router-link to="/movie/3">复联</router-link&g原创 2021-12-21 11:42:19 · 1465 阅读 · 0 评论 -
Vue学习第二天
文章目录一、样式绑定1.class绑定2.数组绑定class3.style绑定属性一、样式绑定1.class绑定v-bind:class设置一个对象,从而动态的切换 class,实例中将isActive设置为true 显示了一个粉红色的 div 块,如果设置为false 则不显示<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Document&l原创 2021-11-30 18:20:55 · 480 阅读 · 0 评论 -
JS京东放大镜
最重要的js代码实现放大镜效果(其他文件素材已上传zip文件)window.addEventListener('load', function () { var preview_img = document.querySelector('.preview_img') var mask = document.querySelector('.mask') var big = document.querySelector('.big') var bigImg = document原创 2021-11-26 17:23:38 · 429 阅读 · 0 评论 -
每日作业-Web APIs第07天
文章目录一、tab栏切换二、5s跳转一、tab栏切换 1.点击界面中按钮,将当前被点击的按钮的背景颜色变为gold色,其他的按钮恢复默认。 2、当点击按钮的时候,需要将这个按钮对应位置的div显示出来提示1.让按钮背景颜色变为gold色只需要给按钮的class增加active即可2.让div显示出来,只需要将div的class增加current即可3.如何利用自定义属性降按钮与下方盒子建立联系<!DOCTYPE html><html lang="e原创 2021-11-09 16:05:55 · 556 阅读 · 0 评论 -
近日web APls案例作业
文章目录一、动态创建列表二、仿京东物流查询三、电子时钟四、双十一倒计时一、动态创建列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ margin: 0; padding: 0; } ul {原创 2021-11-08 21:07:55 · 480 阅读 · 0 评论 -
day02_WebAPIs案例
排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=原创 2021-11-02 21:15:38 · 130 阅读 · 0 评论 -
每日作业-JavaScript第01天
文章目录1- 判断时间阶段。2 - 比较两个数的最大值3 - 判断奇偶性4 - 判断星期5 - 请客吃饭1- 判断时间阶段。题目描述:用户输入几点弹出问候信息;如用户输入12点中午好;用户输入18点 弹出傍晚好; 用户输入23点弹出深夜好;用户输入23点弹出深夜好;题目提示: 通过比较运算符判定输入的时间的范围,弹出相应的问候信息 <script> let tianqi = prompt("现在几点了"); if (t原创 2021-11-02 15:12:47 · 832 阅读 · 0 评论 -
Web API-练习
每日作业-Web APIs第01天1 - 输入框内容显示和隐藏(加强训练)题目描述仿世纪佳缘网,显示和隐藏输入框中的提示内容,具体表现如下图:1)输入框获得焦点,提示内容消失,边框变色2)输入框失去焦点,如果内容为空,提示内容恢复,边框变色;如果内容不为空,只有边框变色训练目标能够操作元素的属性和样式属性训练提示1.给文本框注册获得焦点事件,清空value值,改变border的颜色2.给文本框注册失去焦点事件3.获取并判断文本框的内容4.内容为空,恢复提示内容,边框恢复原创 2021-11-02 15:02:34 · 613 阅读 · 0 评论 -
每日作业-JavaScript第03天
1.写一个函数,调用后用户输入任意两个数字的任意算术运算(简单的计算器小功能),并能弹出运算后的结果。 <script> var num1 = prompt('请您输入第一个数字'); var st = prompt('请您输入加减乘除符号'); var num2 = prompt('请您输入第二个数字'); function jjcc(num1,num2) { return[parseInt(num原创 2021-10-27 20:38:15 · 512 阅读 · 0 评论 -
每日作业-JavaScript第02天
文章目录js的相关操作1.打印1-100的求和 与平均值2.打印1-100的偶数和3.打印1-100的奇数和4.100以内7的倍数的和5.打印一个矩形5.打印一个正方形6.打印直角三角形7.打印等腰三角形7.打印九九乘法表js的相关操作1.打印1-100的求和 与平均值 <script> var x = 100; var sum=0; for (var i = 0; i <= x; i++) { sum=s原创 2021-10-26 17:53:45 · 206 阅读 · 0 评论 -
每日作业-品优购详情页
品优购详情页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body {原创 2021-10-22 15:26:13 · 846 阅读 · 0 评论