- 博客(12)
- 收藏
- 关注
RSS订阅原创 微信小程序介绍
什么是小程序小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验.小程序技术发展史:小程序并非是凭空冒出来的概念,当微信中的WebView逐渐成为移动Web的一个重要入口时,微信就有相关的JS API了.小程序和普通网页开发的区别:小程序的主要开发语言是JavaScript,小程序的开发和普通的网页开发相比有很大的相似性,对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些...
2022-05-27 17:15:13
2676
原创 煜龙时空项目总结
最近小组合作了一个项目,就是标题所说的煜龙时空项目,是一个航空学校招生报名的网站http://m.shxw114.com/网站分为职教板块和留学板块职教板块职教板块中我负责的是招生简章这块,页面中这部分 点击图中的按钮颜色会跟着改变首先要给每个按钮设置点击事件,然后绑定class 起一个类名写背景色,在data中返回绑定的属性代码如下:页面中还有一些点击跳转到二级页面 这都是利用路由跳转完成的,二级页面中没什么难点 就不细说了留...
2022-05-05 17:35:22
179
原创 js缓存三种方法
H5本地存储:1).sessionStorage:临时的会话存储只要当前的会话窗口未关闭，存储的信息就不会丢失，即便刷新了页面，或者在编辑器中更改了代码，存储的会话信息也不会丢失。2).localStorage:永久存储会一直将数据存储在客户端的储存方式，即使关闭了浏览器，下次打开的时候仍然可以看到之前存储的未主动清楚的数据(即便是杀毒软件或者浏览器自带的清除功能，也不能将localStorage存储的数据清除掉)3).CookieCookie是存储在...
2022-03-21 21:44:35
8614
转载 MVC和MVVM的区别
MVC：M代表model数据层 , V代表view视图层 , C代表controller控制层, 各部分之间的通信都是单向的。View 传送指令到 Controller，Controller 完成业务逻辑后，要求 Model 改变状态Model 将新的数据发送到 View，用户得到反馈在MVC 中,View是可以直接访问Model的，所以View里面包含的Model信息以及一些业务逻辑。Mvc模型关注的是Model的不变，所以在Mvc模型里面,Model不依赖于View，但是View是依赖于M
2022-03-17 20:04:27
191
原创 美食杰项目---个人空间(2)
上篇笔记我们写了个人空间的上半部分 今天我们就来完成下半部分吧思路:点击tab切换,然后通过路由跳转把不同的数据渲染到不同的页面中1.在router文件里面配置路由,使用路由重定向,然后配置二级路由,让路由跳转到相应的组件import MenuList from '@/views/user-space/menu-list.vue'import Fans from '@/views/user-space/fans.vue'{ path:'/space', title:..
2022-03-15 20:53:34
313
1
原创 美食杰项目---个人空间(1)
显示自己的信息有编辑个人资料显示别人的信息没有编辑资料 有关注实现思路:1.显示别人的信息:地址栏中如果有userId,显示对应用户的数据2.显示自身的信息:如果地址栏中没有userId,默认显示自己的空间...
2022-03-14 20:39:32
354
原创 美食杰项目---登录 注册 退出
路由守卫首先我们先测试一下数据登录注册的功能逻辑: 1.beforeEach有些路由需要登录状态时,判断是否需要登录不需要登录的直接跳转到首页需要登录的进入判断:判断是否已经登录,如果已经登录,直接跳转首页没有登录,跳转到登录页// 测试数据,功能完成后删除// var islogin = true;router.beforeEach(async (to,from,next)=>{ // console.log(to) /...
2022-03-13 21:24:28
121
原创 美食杰项目---瀑布流
什么是瀑布流?是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。1.在组件引入api模块中的方法 在mounted中通过api向后端请求数据2.遍历拿到的数据子组件内容:3. 设置一个状态,用于控制滚动条4.设置滚动事件,判断滚动状态5.给window添加事件监听 用来触发scroll事件父组件内容: 设置自定义事件每次滚动都添加五条新数据...
2022-03-13 17:46:35
1323
原创 美食杰项目(轮播图)
什么是轮播图?在一个模块或者说窗口，通过电脑上鼠标点击、手机上手指滑动后，可以看到多张图片。这些图片就都是轮播图，这个模块就叫做轮播图。下面我们就来看轮播图的实现步骤吧.1.下载Element-ui --- npm install element-ui2. 在main,js中引用3.轮播图的html.css样式4.在home组件中引入api模块 在mounted中通过api向后端请求数据总结:在写轮播图的时候,公司没有要求用原生js来写的话都可以...
2022-03-13 16:29:47
1076
原创 vue组件通信的方式
1.父传子 props在父组件自定义属性名传递数据，在父组件在引入和挂载子组件，在父组件使用它，在标签上绑定你想传入的数据，在子组件上用props接受数据，并且使用它2.子传父 $emit父组件向子组件传递事件方法，子组件通过$emit触发事件，回调给父组件3.兄弟传值 eventbus 在父组件设置 let bus = new vue() 在子组件中如果要 发送数据用 bus.$emit('')...
2022-03-10 20:13:28
139
原创 ES6阶段总结
一 . ECMAScript与JavaScript的关系 前者是后者的规格 后者是前者的一种实现二.es6基本操作内容1.let变量的特点 1).块级变量 2).不存在变量提升 3).暂时性死区(会造成原有函数的功能失效) 4).不允许重复声明2.什么是解构赋值 从数组和对象中提取值,对变量进行赋值3.indexof 和 includes 的区别 indexof ...
2021-12-15 17:15:11
736
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人