前端
Ricolo
这个作者很懒,什么都没留下…
展开
-
手写Vuex
1. 添加全局的$store,实现共享数据 index.js import Vue from 'vue' // import Vuex from 'vuex' import Vuex from './Vuex' /* 1.Vuex特点1 使用Vuex的时候需要用到Vue的use方法 我们都知道use方法是用于注册插件的 所以VueX的本质就是一个插件 所以实现VueX就是在实现一个全局共享数据的插件 */ Vue.use(Vuex) /* 2.Vuex特点2 在使用Vuex的时候我们会原创 2021-07-24 19:38:48 · 140 阅读 · 0 评论 -
前端知识复习
互联网和浏览器 跨域 跨域是前端浏览器的概念,后端没有跨域概念。A前端给A后端发送请求一般是不会跨域,A前端给B后端发送请求一般是会跨域,A后端给B后端发送请求不会跨域。 JSONP 基本原理: 主要就是利用了 script 标签的src没有跨域限制来完成的。 执行过程: 前端定义一个解析函数(如: jsonpCallback = function (res) {}) 通过params的形式包装script标签的请求参数,并且声明执行函数(如cb=jsonpCallback) 后端获取到前端声明的执原创 2021-06-08 00:02:03 · 312 阅读 · 0 评论 -
vue JS加载太慢,在app前添加加载页面
打包之后发现在APP之前有很长一段时间都在加载js,空白页面不太好,所以添加一个加载页面。 在index.js: <style> #anima { width: 100px; height: 100px; border: 8px solid; border-top-color: hsl(154, 100%, 31%); border-left-color: hsl(216, 87%, 52%); border-bot原创 2021-04-27 23:32:36 · 785 阅读 · 0 评论 -
JS 图片跟随鼠标移动拉伸的动画效果
想做个hover文字(hover的文字不同图片也不同),就可以出现下面效果的动画: 一开始思路就是,在文字的mousemove事件里面计算鼠标位置,然后不断生成图片,图片的位置就是鼠标的位置,但是这样写不顺滑。 原因是因为mousemove的触发频率不高。 优化了一下代码: let beindex = -1; var aimX = null; var aimY = null; var currentX = null; var currentY = null; var img = n原创 2021-02-24 18:28:09 · 437 阅读 · 0 评论