随笔分类 -  vue框架

1
摘要:公共组件 在我们编写测试用例之前,首先需要确认我们的目标组件到底是什么?我的理解为,在我们的项目中通常会分为两种类型的组件,一种为业务组件,另一种为抽象出来的公共组件。通常,我们在编写测试用例时从公共组件优先考虑,这部分组件变动不大且涉及范围更广泛,优先保证这部分组件的正常运行对于项目而言是基石般的 阅读全文
posted @ 2020-11-10 15:36 千年轮回 阅读(443) 评论(0) 推荐(0) 编辑
摘要:output.library和output.libraryTarget属性可能大家都会比较陌生,因为一般如果只在项目中使用 webpack 不需要关注这两个属性,但是如果是开发类库,那么这两个属性就是必须了解的。 简介 回想一下,当我们引入别人开发的类库时有几种方式?下面假设我们引入一个demo方法 阅读全文
posted @ 2020-10-19 19:42 千年轮回 阅读(147) 评论(0) 推荐(0) 编辑
摘要:vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 什么是“状态管理模式”? 首先,我们先看一下下面这个例子 new Vue({ // state data () { retu 阅读全文
posted @ 2020-09-23 15:20 千年轮回 阅读(312) 评论(0) 推荐(0) 编辑
摘要:首屏加载的演进 进度条:明确知道交互所需时间,或者知道一个大概值的时候我们选择使用进度条。 Spinner:无法预测获取数据、或者打开页面的时长。 用途: 告诉用户所进行的操作需要等待一段时间。 其次,安抚用户,让其耐心等待。 缺陷: 无法让用户感知到页面加载得更快 无法给用户一个焦点,让用户将关注 阅读全文
posted @ 2020-09-11 17:23 千年轮回 阅读(456) 评论(0) 推荐(0) 编辑
摘要:1. vue create 是vue-cli3.x的初始化方式,目前模板是固定的,模板选项可自由配置,创建出来的是vue-cli3的项目,与cue-cli2项目结构不同,配置方法不同,具体配置方法参考官方文档。 **使用方式:**vue create 项目名称 2. vue init vue ini 阅读全文
posted @ 2020-09-09 10:09 千年轮回 阅读(1370) 评论(0) 推荐(0) 编辑
摘要:1. 插件安装 前提:附属插件安装 确保已安装less、less-loader less官方安装及使用文档:https://www.npmjs.com/package/less npm i less less-loader官方安装及使用文档:https://www.npmjs.com/package 阅读全文
posted @ 2020-09-08 17:41 千年轮回 阅读(5176) 评论(0) 推荐(0) 编辑
摘要:Vue-cli介绍 Vue-cli是一款非常优秀的用于迅速构建基于Vue的Web应用工具。他不同于creat-react-app这样的工具,开发者只需要关注项目逻辑的代码,而不需要关心webpack打包、启动Node服务等等诸如此类的这些问题。Vue-cli是一款基于模板化的开发工具,等于就是把别人 阅读全文
posted @ 2020-08-06 17:00 千年轮回 阅读(464) 评论(0) 推荐(0) 编辑
摘要:name: 这个很好理解,就是package的名称。不过需要注意的是,name有长度限制(虽然一般都不会超),而且name不能以 【点】 或者 【下划线】开头,name中不能有大写字母。这个是每一个package必须的。在业务代码中,通过require(${name})就可以引入对应的程序包了。 v 阅读全文
posted @ 2020-08-06 16:16 千年轮回 阅读(330) 评论(0) 推荐(0) 编辑
摘要:vue-cli是Vue.js官方脚手架命令行工具,我们可以用它快速搭建Vue.js项目,vue-cli最主要的功能就是初始化项目,既可以使用官方模板,也可以使用自定义模板生成项目,而且从2.8.0版本开始,vue-cli新增了build命令,能让你零配置启动一个Vue.js应用。接下来,我们一起探究 阅读全文
posted @ 2020-08-06 15:31 千年轮回 阅读(1182) 评论(0) 推荐(0) 编辑
摘要:背景知识 现代软件开发,往往做出的应用程序不止给一个国家的人去使用。不同国家的人往往存在语言文字不通的问题。由此产生了国际化(internationalization)、多语言(multi-language)、本地化(locale)这些词,它们其实都是一个意思,支持多种语言,提供给不同国家的用户使用 阅读全文
posted @ 2020-05-29 10:05 千年轮回 阅读(3341) 评论(0) 推荐(0) 编辑
摘要:一、硬件服务 CDN分发,gzip||Brotli压缩,大小图,缓存,CDN-combo文件组合,多个域名并发请求(分域存放) 二、项目构建 wenpack 大文件切割抽取公共代码 功能或业务为单元代码 相应依赖和公共资源可以放到CDN babel按需引入工具库与UI库 三、页面上 网络加载类 减少 阅读全文
posted @ 2020-05-21 15:31 千年轮回 阅读(318) 评论(0) 推荐(0) 编辑
摘要:原因就是:浏览器首次加载页面初始化title后,就再也不监听 document.title的change事件,因此只使用document.title来修改,不会有效果。 解决办法:修改了title后,立即创建一个请求,加载一个空的iframe,由于加载后立即就移除,也不会对页面造成影响,但这样浏览器 阅读全文
posted @ 2020-05-06 16:31 千年轮回 阅读(2122) 评论(0) 推荐(0) 编辑
摘要:Nuxt "官方文档" 简单来说, Nuxt 就是基于 Vue 的一个应用框架,采用 服务端渲染 ,让你的 SPA应用(Vue) 也可以拥有 SEO 生命周期 众所周知, Vue 的生命周期全都跑在 客户端(浏览器) ,而 Nuxt 的生命周期有些在 服务端(Node),客户端,甚至两边都在: 生命 阅读全文
posted @ 2020-04-20 20:14 千年轮回 阅读(776) 评论(0) 推荐(0) 编辑
摘要:1. 插件机制干嘛的? nuxt提供插件, 是对已有的程序进行增强或控制。 1.1 编写插件步骤 1.1.1 步骤一: 在/plugins/目录下创建js文件 1.1.2 步骤二: 在nuxt.config.js文件中进行注册my.js 1.1.3 步骤三: 随便访问任何组件查看控制台,快捷键:F1 阅读全文
posted @ 2020-04-16 09:50 千年轮回 阅读(5254) 评论(0) 推荐(0) 编辑
摘要:vue cli3 Prefetch (官网内容) `` 是一种 resource hint,用来告诉浏览器在页面加载完成后,利用空闲时间提前获取用户未来可能会访问的内容。 默认情况下,一个 Vue CLI 应用会为所有作为 async chunk 生成的 JavaScript 文件 ( "通过动态 阅读全文
posted @ 2019-12-30 16:33 千年轮回 阅读(2288) 评论(0) 推荐(0) 编辑
摘要:1. quicklink 是什么的? quicklink 是一个通过预加载资源来提升后续方案速度的轻量级工具库。旨在提升浏览过程中,用户访问后续页面时的加载速度。 当我们提到性能优化,往往都会着眼于对当前用户访问的这个页面,如何通过压缩资源大小、删减不必要资源、加快页面解析渲染等方式提升用户的访问速 阅读全文
posted @ 2019-12-27 17:12 千年轮回 阅读(588) 评论(0) 推荐(1) 编辑
摘要:1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k "中文文档" "在线预览" 2.vux 基于 和`Vue`(2.x)开发的移动端UI组件库 star 10k 基于 +`vue loader vux 阅读全文
posted @ 2019-12-18 11:16 千年轮回 阅读(4154) 评论(0) 推荐(1) 编辑
摘要:安装scp2 配置服务器文件 项目根目录创建文件 .env.dev 文件 (测试环境变量)和创建 .env.prod 文件 (生产环境变量) 创建scp2自动化部署脚本 项目根目录创建 deploy/index.js 文件 package.json 配置 scripts 命令, 定义名称为 “dep 阅读全文
posted @ 2019-12-13 13:55 千年轮回 阅读(3799) 评论(2) 推荐(0) 编辑
摘要:1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示 阅读全文
posted @ 2019-12-12 15:38 千年轮回 阅读(1306) 评论(0) 推荐(0) 编辑
摘要:1、在vue项目中安装fastclick插件 2、在main.js中引入并绑定到body 3、在项目中安装fastclick成功后测试会遇到以下问题: os input点击不灵敏 解决方法: "vue项目中使用fastclick时ios input点击不灵敏" os 软键盘关闭后 页面不会回弹 解决 阅读全文
posted @ 2019-12-04 17:58 千年轮回 阅读(699) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示