摘要: 使用vue加载SVG图片,有两种方法,一种是雪花loader,一种是vue-svg-loader(官网推荐)。在自己的项目中,本次使用vue-svg-loader加载svg图片,并且对图片进行属性修改。操作步骤: 1:下载svg-vue-loader ,并安装 npm i -D vue-svg-lo 阅读全文
posted @ 2020-09-21 15:36 酷儿q 阅读(1978) 评论(0) 推荐(0) 编辑
摘要: 什么是Provider? Angularjs文档对provider的定义:provider是一个带有$get()方法的对象。injector调用$get方法创建一个新的service的实例。provider还有一些其他的方法,可以用来配置provider。 Angularjs使用$provide注册 阅读全文
posted @ 2020-09-21 15:35 酷儿q 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 我博客的一位读者在Facebook上联系到我,提出了一个有趣的问题。他说,他的队友不管在什么情况下,都会把每一个回调函数封装在 useCallback() 里面。 import react, { useCallback } from 'react'; function MyComponent() { 阅读全文
posted @ 2020-09-21 15:34 酷儿q 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 1、基础规则 一个文件声明一个组件: 尽管可以在一个文件中声明多个 react 组件,但是最好不要这样做;推荐一个文件声明一个 react 组件,并只导出一个组件; 使用 jsX 表达式: 不要使用 React.createElement 的写法; 函数组件和 class 类组件的使用场景: 如果定 阅读全文
posted @ 2020-09-21 15:31 酷儿q 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 与 Angularjs 类似,vue.js 也有自己的数据转换和过滤方法,但是必须记住,过滤器并不改变原始数据,它们只改变输出并返回过滤后的数据。过滤器在很多不同的情况下都很有用,比如保持API响应尽可能干净,在前端处理数据的格式。希望通过将所有逻辑封装在可重用代码块之后来避免重复和连接的情况下,它 阅读全文
posted @ 2020-09-21 15:30 酷儿q 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 1.vue官方文档 首先我们来看一下vue官方是怎么解释的 好了,我知道很多刚接触的vue的小白其实都不太看的懂官方文档在讲什么,下面我用自己的话翻译一下。 2.ref以及$ref 通过 ref 标注 DOM 元素 // 在 DOM 元素上通过 ref 属性标注,属性名称自定义 <div ref=" 阅读全文
posted @ 2020-09-21 15:25 酷儿q 阅读(632) 评论(0) 推荐(0) 编辑
摘要: 前言 在性能优化上,最常见的手段就是缓存。对需要经常访问的资源进行缓存,减少请求或者是初始化的过程,从而降低时间或内存的消耗。vue 为我们提供了缓存组件 keep-alive,它可用于路由级别或组件级别的缓存。 但其中的缓存原理你是否了解,组件缓存渲染又是如何工作。那么本文就来解析 keep-al 阅读全文
posted @ 2020-09-21 15:24 酷儿q 阅读(415) 评论(0) 推荐(0) 编辑
摘要: JavaScript语言的执行环境是单线程(single thread),就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现起来比较简单,执行环境相对单纯;但是只要耗时比较多,假如有一个任务耗时很长,后面的任务都必须排队等着 阅读全文
posted @ 2020-09-20 14:57 酷儿q 阅读(152) 评论(0) 推荐(0) 编辑
摘要: Nodejs 诞生于 2009 年,由于它使用了 JavaScript ,在这些年里获得了非常广泛的流行。它是一个用于编写服务器端应用程序的 JavaScript 运行时,但是 "它就是JavaScript" 这句话并不是 100% 正确的。 JavaScript 是单线程的,它不是被设计用来实现要 阅读全文
posted @ 2020-09-20 14:54 酷儿q 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 如下代码 const request = function(){ let num = Math.round(Math.random()*100)/100; console.log(num); setTimeout(function(){ if(num < 0.5){ return('1234567' 阅读全文
posted @ 2020-09-20 14:53 酷儿q 阅读(203) 评论(0) 推荐(0) 编辑