随笔分类 - Vue
摘要：引言 前进刷新，后退不刷新，是一个类似app页面的特点，要在单页web应用中做后退不刷新，却并非一件易事。 为什么麻烦 spa的渲染原理（以vue为例）：url的更改触发onHashChange/pushState/popState/replaceState，通过url中的pathName去匹配路由
阅读全文
摘要：主角是谁 在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport，如果我说这种方案能解决98%以上的移动端布局痛点，我想整个掘金，应该没有人会反驳。 痛点在哪里 在之
阅读全文
摘要：最近我在收看唐金州在极客时间发布的《vue从入门到精通》，颇有收获。 唐金州，一点资讯前端技术专家，曾在蚂蚁金服就职，也是开源组件库ant design vue的作者，虽然唐老师写的ant design vue有一些瑕疵，但不得不承认，能以一己之力撸完一个UI框架，是真的强，而他本人对于vue的理解
阅读全文
摘要：大体思路 上一篇我们讲了如何通过服务器生成一个upToken，那前端拿到这个token后又该如何操作？在这里我给出一个相当简洁的版本。 首先我们来看一下上传的思路：调用七牛模块的upload方法，生成一个observable对象，observable 可观察对象，该对象通过 subscribe 订阅
阅读全文
摘要：今天登上element官网，发现element对vue-cli3.x的项目做了特殊定制： 这意味着即使是按需引入，也无需像过去那样手动安装babel-plugin-component，配置babel.config.js了。虽然这两样东西本身也不难。 1.打开控制台，执行vue add element
阅读全文
摘要：vue-cli3.x项目的package.json中，有两种依赖： dependencies：项目依赖。在编码阶段和呈现页面阶段都需要的，也就是说，项目依赖即在开发环境中，又在生产环境中。如js框架vue、页面路由vue-router，各种ui框架antd、element-ui、vant等。 dev
阅读全文
摘要：在vue中computed和watch的真正区别是：computed产生于它的依赖，而watch产生于它的依赖的变化。只要依赖存在，我们就能访问到其对应的computed属性；但只有依赖发生了改变，我们才能访问到其对应的watch属性。并且，computed是可以访问其相关缓存的，当依赖变化后，这个
阅读全文
摘要：要点： 1.用npm操作会有各种问题，用yarn取代之; 2.yarn可以用npm全局安装,而npm是node环境自带，node环境去官网下载安装; 3.没有必要全局安装vuepress 操作： 1.新建一个空文件夹，这里我取名叫learn-vuepress,注意项目名不要写成驼峰写法（learnV
阅读全文
摘要：还记得在我们从零开始搭建一个Vue-cli3.0项目时，预设置中出现过这样一条询问: 即是否选择历史模式，当时我们很坚决地选了否，那么哈希模式和历史模式究竟有什么区别，今天我们来一探究竟。 哈希模式（hash mode） 这是开发中的默认模式，在url中永远带着#号，在浏览器方面其支持度极佳，甚至兼
阅读全文
摘要：以前我在写接受自定义事件是这么写的： 后来我在官网看到这样一种说法：可以用$event代替emit事件传入的参数,于是我写成了这样： 直到昨天Vetur更新，给我报了这么一个错误： 报错原因：事件不能赋给布尔值。 于是我到官网翻了一下： 第一：规范自定义事件命名，第二：用sync同步修饰符来代替书写
阅读全文
摘要：1、写一个提示框组件：msg.vue (注明：这里用两个div的原因是成功和失败的提示不能用同一个div，因为他们可能紧接着出现，所以不能从始至终只有一个提示框在工作) 2、写一个调用此组建的js ：msg.js 3、在main.js中全局使用 4、在任意组件都可以调用 结果预览：
阅读全文
摘要：在这一集我们将讲到如何从安装vue-cli开始，到新建一个本地项目，再到vscode中关于eslint的配置，以及本地项目关联公司远程项目的基本操作。 一，初始化本地项目 1，首先，全局安装vue-cli 3.0 2.检查vue-cli的版本,确定是3.0以上 3，新建一个叫question-edi
阅读全文
摘要：这里的特殊字体，指的是一般用户电脑未安装到本地的字体，要引入这样的字体，首先需要把字体文件下载下来。 就像上图这样的，ttf格式的，然后在项目里添加它。 然后我们在font.css里用@font-face规则引入这个字体文件并命名它。 然后在App.vue里的style导入它： 然后在任意组件中就可
阅读全文
摘要：一般来说，可以通过查询字符串的方式将参数传过去，方法如下： 这里要非常注意一个问题，就是在to前面必需加冒号 : ，使其变成动态绑定属性的形式，后面的参数才能被正确解析，否则这堆东西将被视作一个字符串原封不动地传过去，这毫无意义。 而在接收端，通过this.$route.query.name来获取这
阅读全文
摘要：简单来说，前端路由就是通过访问同一个ip地址下的不同路径来实现对不同页面的访问。比如说向下面这样： 其对应访问的路径因为哈希值的不同而不同，Web 服务并不会解析 hash，也就是说 # 后的内容 Web 服务都会自动忽略，但是 JavaScript 是可以通过 window.location.ha
阅读全文
