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