- 博客(14)
- 收藏
- 关注
RSS订阅原创 圣诞节快到了，安排个特效，快去哄哄别人npy...
废话不多说直接上代码<!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"> ..
2021-12-17 11:26:56
296
原创 解决Vue刷新页面时Vuex中数据丢失问题
在我们用Vue编写类似登录页面时，我们时常会遇到页面刷新后保存在Vuex中的数据丢失的问题，所谓丢失就是Vuex中的数据再次初始化了，那么，我们该如何解决这个问题呢？下文为大家解答！！！如图，我们在vuex.js中初始化了我们的数据，页面展现信息如下效果图如下：可见，我们在点击按钮旁有个数据1 ，我们在刷新页面的同时就要触发一个方法，在我们浏览器客户端中存储我们的Vuex中state对象 。如下:在main.js中，我们给window添加一个页面刷...
2021-11-19 20:46:49
1595
1
原创 快速掌握:插槽，具名插槽，作用域插槽（slot）（name）(slot-scope)的区别与使用
在使用vue发的过程中，vue的组件化语法使得我们的项目更加的分工明确，同时也带来了复用性的便捷，插槽就是一个组件复用的小方法。那么现在我们来看看Vue中的插槽以及它的扩展怎么使用吧！普通插槽vue中，以组件形式存在的标签通常情况下是不能包含其他子标签的，例如:如上图可见，我们在one标签中插入了根组件中的内容，运行效果如下:我们发现并没有任何变化，当我们使用插槽后,根组件内容不变~效果如下:正如上面所知，在父组件向子组件标签插入的内容正好被...
2021-11-08 11:06:41
1977
原创 一文助你学会Vue中sync同步修饰符
Vue中父组件向子组件传递数据的时候，子组件中通常使用props定义变量接收，当子组件想要修改这个接收的变量的时候，往往都是要通过 子组件定义事件 this.$emit()的方式向父组件发送事件，而父组件则需要在methods中定义变量去接收响应这个事件，这样的传输方式往往比较复杂，而且不够优雅！那么sync修饰符就可轻松解决这个问题。这次演示没有使用单文件组件什么是sync同步修饰符？在vue中 通过props传递参数是单项数据流，被传递的参数只能被父组件所修改，sync修饰符就可以将...
2021-10-30 19:05:46
583
原创 快速掌握Vue中父子组件传值，兄弟组件中传值。
在Vue-cli项目中，项目组件间的关系有父子组件和兄弟组件，组件间的传值就是一个经常要用到的知识点，本次就让我们一起看看Vue中 各个组件间是如何实现传值操作的。为了方便这里我们以App.vue作为父组件首先了解一下目录结构 第一：父组件向子组件传值父组件向子组件传值需要用到Props，通过自定义Props的值用v-bind 绑定到子组件标签上的方式传递数据。父组件代码：<templat...
2021-10-19 16:16:18
199
原创 利用CSS变量计算制作一个炫酷的加载Looading...
CSS作为前端及其重要的一部分，它的功能想必大多数人都明白，但是纵使这样，CSS中还有很多属性和方法是我们不经常用到的，CSS很强大，我们很有必要深入去了解一下。制作一个转动的加载动画，其核心就在于规律的延时动画的执行，让我们先看看效果吧这样子的规律的排布与闪烁，其实并不需要用到JavaScript，利用CSS中自定义变量即可实现我们可以JavaScript依次创建标签插入html内，只是用来节省，动画并不是利用JavaScript实现<script> .
2021-10-14 09:43:43
172
原创 深入掌握Ajax + Promise + Async + await 异步解决方案
随着前端技术的不断更替，Ajax在整个JavaScript以及整个前端发展史都占据非常重要的地位，那么什么是Ajax? AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术，并不是一个新的编程语言喔！它是属于JavaScript网络请求模块的一部分。传统回调函数会造成回调地域问题，类似不同的异步函数相互嵌套，导致加重寻找bug的难度和代码的美观度的减少。那么这一次我们就来做一次对Ajax使用的深入透析。首先我们先来看看我们的文件目录:json文件夹下有个静...
2021-09-28 11:41:35
907
原创 用canvas给自己做一个唯美下雪背景吧！！！
当我们想自己制作属于自己的网页背景动态图的时候，又不想去网上搜用别人的素材，那么这个时候你的技术就排上用场了，canvas可以制作一个很好看的动态背景图喔！本次用到的技术点有canvas的基本使用，JavaScript面向对象先看效果图吧:我的雪花半径设置得有点小，后期半径可自己设置代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .
2021-09-24 10:01:05
436
原创 Vue中如何配置路由vue-router
学习过Vue基础的小伙伴应该知道，再vue脚手架或者引用CDN和vue框架文件时，想要实现页面路由跳转的效果，我们要单独安装 vue-router插件或者引用vue-router文件，这里我们将讲到在脚手架，基础页面中配置一个静态和动态路由。基础知识: 在vue中，要想使用vue-router 在vue-cli3 中 安装插件的命令为 npm install vue-router,在普通三层文件中则需要引用router文件或引用CDN 网址：安装 | Vue Router,...
2021-09-22 17:58:37
728
原创 如何用jQuery加div写出炫酷的米粒时钟呢？
我们知道，在JavaScript中可以利用好 Date 对象 获取我们想要的时间点或时间戳，相信在前端领域，写出炫酷的时钟是每个前端人都想过做出来的，那么这一次就让我们一起利用jQuery和div打造一个炫酷的米粒时钟吧!!!...
2021-09-15 20:39:04
216
1
原创 初衷与奔赴
致保持初衷奔赴在理想路上的读者： "HelloWorld!" 这句千万程序员第一句与计算机交流的第一句话，你可曾还记得它打印出来的喜悦心情？你可曾记得你输入第一个关键字的陌生感，你可曾记得第一次完成分支，可曾记得完成第一次循环和判断；当我们不再感到陌生，当我们认为理所应当的结果输出在我们眼前，我们是否还在为了初衷而编码？是否还在为了奔赴心中的疑惑和理想？我们还是初遇，我们还是老朋友，我们依然还在路上，永无止境！ ...
2021-09-12 15:45:35
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人