摘要：
一. 版本 当前还处于 beta版本, 想要正式使用在项目里还需要一段的时间, 但是结构与api变化应该不大了. 这里列出的并不全, 但是够用了 1. alpha 内测版本 2. beta 公测版本 3. Gamma 正式发布的候选版本 4. Final 正式版 5. plus 增强版 6. ful 阅读全文
posted @ 2020-09-21 16:01
酷儿q
阅读(629)
评论(0)
推荐(1)
摘要：
前言 vue3.0-beta 版本已经发布了一段时间了，正式版本据说在年中发布（直播的时候说的是年中还是年终，网上传闻说是6月份）。嘴上说着学不动，身体却很诚实地创建一个vue3的项目，兴致勃勃地引入 vue2 插件的时候，眉头一皱，发现事情并没有那么简单。 浏览器无情地抛出了一个错误： Uncau 阅读全文
posted @ 2020-09-21 15:58
酷儿q
阅读(1503)
评论(0)
推荐(1)
摘要：
前言 随着小程序api开放的功能日渐增多，小程序可以做到的功能和展现形式也越来越多，其中横屏的展现形式就是其中的一种，而实现横屏的方案也有多种，但是每种方案都有一定的缺陷，恰巧最近也在横屏方案上踩了不少坑，接下来就来和大家分享一下小程序的不同横屏方案的优劣（踩坑心得） 组件自带横屏方法 小程序中的媒 阅读全文
posted @ 2020-09-21 15:57
酷儿q
阅读(663)
评论(0)
推荐(0)
摘要：
应用场景: 考虑到多应用在一个域名下能提高该域名的seo,所以选择通过域名二级目录形式指向 nextjs应用,这里需要修改 nginx 和 nextjs 配置 条件假设: www.helloworld.com/nextjs 指向 nextjs 目录 nextjs 端口 3000 pm2 管理prod 阅读全文
posted @ 2020-09-21 15:55
酷儿q
阅读(802)
评论(0)
推荐(0)
摘要：
概念 keep-alive 是 vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 作用 在组件切换过程中将状态保留在内存中，防止重复渲染D 阅读全文
posted @ 2020-09-21 15:51
酷儿q
阅读(132)
评论(0)
推荐(0)
摘要：
一、简介 rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，其源码中模块的导入导出采用的是ES6模块语法，即源码需要采用ES6语法进行编写。 rollup与webpack的对比: rollup只能处理js模块，而webpack可以处理任何资源，可以把所有的资 阅读全文
posted @ 2020-09-21 15:49
酷儿q
阅读(979)
评论(0)
推荐(0)
摘要：
TypeScript已经成为一种非常流行的JavaScript语言，这是有原因的。它的类型系统和编译器能够在您的软件运行之前的编译时捕获各种bug，并且附加的代码编辑器功能使它成为一个非常适合开发人员的高效环境。 但是，当你想用TypeScript编写一个库或包，同时又想用JavaScript来发布 阅读全文
posted @ 2020-09-21 15:48
酷儿q
阅读(869)
评论(0)
推荐(0)
摘要：
如果你发现你自己需要在 vue 中做一次强制更新，99.9% 的情况，是你在某个地方做错了事。 1. vue 无法检测实例被创建时不存在于 data 中的 property 原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须 阅读全文
posted @ 2020-09-21 15:46
酷儿q
阅读(666)
评论(0)
推荐(0)
摘要：
在本文中，我想分享几个技巧，这些技巧将改善你的react代码。 1. 解构 props 在 js 中解构对象（尤其是 props）可以大大减少代码中的重复。看下面的例子： //Parent Component import react from 'react'; import CoffeeCard 阅读全文
posted @ 2020-09-21 15:45
酷儿q
阅读(294)
评论(0)
推荐(0)
摘要：
什么是图片懒加载 当我们向下滚动的时候图片资源才被请求到，这也就是我们本次要实现的效果，进入页面的时候，只请求可视区域的图片资源这也就是懒加载。 比如我们加载一个页面，这个页面很长很长，长到我们的浏览器可视区域装不下，那么懒加载就是优先加载可视区域的内容，其他部分等进入了可视区域在加载。 这个功能非 阅读全文
posted @ 2020-09-21 15:44
酷儿q
阅读(684)
评论(0)
推荐(0)
摘要：
css实现 在我们平时的业务开发中经常会用到文案超出只有收起，点击在展示全部文案；通常的使用时使用css来实现 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 效 阅读全文
posted @ 2020-09-21 15:42
酷儿q
阅读(1059)
评论(0)
推荐(0)
摘要：
问题： 现有三个页面a , b , c , 递进关系，a页面router.push跳转至b，b再router.push跳转至c，c使用$router.replace()回到b，然后点击b页面的返回键，需要点击两次才能回到a页面 需求： c保持router.replace至b方式不变，b页面返回键点击 阅读全文
posted @ 2020-09-21 15:41
酷儿q
阅读(1066)
评论(0)
推荐(0)
摘要：
1. 实现响应式 响应基本类型变量 首先看一下响应式预期应该是什么样的，新建一个 demo.js 文件，内容如下： // 这种写成一行完全是为了节省空间，实际上我会一行一个变量 let a = 1, b = 2, c = a * b console.log('c:' + c) // 2 a = 2 阅读全文
posted @ 2020-09-21 15:38
酷儿q
阅读(1448)
评论(1)
推荐(0)
摘要：
使用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
阅读(2091)
评论(0)
推荐(0)
摘要：
什么是Provider? Angularjs文档对provider的定义:provider是一个带有$get()方法的对象。injector调用$get方法创建一个新的service的实例。provider还有一些其他的方法，可以用来配置provider。 Angularjs使用$provide注册 阅读全文
posted @ 2020-09-21 15:35
酷儿q
阅读(303)
评论(0)
推荐(0)
摘要：
我博客的一位读者在Facebook上联系到我，提出了一个有趣的问题。他说，他的队友不管在什么情况下，都会把每一个回调函数封装在 useCallback() 里面。 import react, { useCallback } from 'react'; function MyComponent() { 阅读全文
posted @ 2020-09-21 15:34
酷儿q
阅读(588)
评论(0)
推荐(0)
摘要：
1、基础规则 一个文件声明一个组件： 尽管可以在一个文件中声明多个 react 组件，但是最好不要这样做；推荐一个文件声明一个 react 组件，并只导出一个组件； 使用 jsX 表达式： 不要使用 React.createElement 的写法； 函数组件和 class 类组件的使用场景： 如果定 阅读全文
posted @ 2020-09-21 15:31
酷儿q
阅读(472)
评论(0)
推荐(0)
摘要：
与 Angularjs 类似，vue.js 也有自己的数据转换和过滤方法，但是必须记住，过滤器并不改变原始数据，它们只改变输出并返回过滤后的数据。过滤器在很多不同的情况下都很有用，比如保持API响应尽可能干净，在前端处理数据的格式。希望通过将所有逻辑封装在可重用代码块之后来避免重复和连接的情况下，它 阅读全文
posted @ 2020-09-21 15:30
酷儿q
阅读(294)
评论(0)
推荐(0)
摘要：
1.vue官方文档 首先我们来看一下vue官方是怎么解释的 好了，我知道很多刚接触的vue的小白其实都不太看的懂官方文档在讲什么，下面我用自己的话翻译一下。 2.ref以及$ref 通过 ref 标注 DOM 元素 // 在 DOM 元素上通过 ref 属性标注，属性名称自定义 <div ref=" 阅读全文
posted @ 2020-09-21 15:25
酷儿q
阅读(685)
评论(0)
推荐(0)
摘要：
前言 在性能优化上，最常见的手段就是缓存。对需要经常访问的资源进行缓存，减少请求或者是初始化的过程，从而降低时间或内存的消耗。vue 为我们提供了缓存组件 keep-alive，它可用于路由级别或组件级别的缓存。 但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析 keep-al 阅读全文
posted @ 2020-09-21 15:24
酷儿q
阅读(449)
评论(0)
推荐(0)
浙公网安备 33010602011771号