Recall Hyx

问题一般我们上传图片，可以选择拍照或者从图库中选择，如果用 iPhone ，选择拍照，并且是竖着拍照，则会出现图片是逆时针旋转90°。但是安卓手机却没问题。 下面是测试图，分别是竖着拍... 阅读全文…

libraryTarget从上一篇Vue组件开发流程中，我们可以看到 webpack 里面的一个设置 output ：12345678output: { path: config.build.assetsRoot, filename: 'vue-crop-avatar.min.js', // 输出的名字 publicPath: '/dist/', // 输出的目录 libr... 阅读全文…

需求分析首先分析好需求，确定做什么，怎么做。画流程图或原型图能够帮我们梳理一下重点，难点。推荐工具：ProcessOn、Axure 开发组件 推荐组件：awasome-vue 测试开... 阅读全文…

前言最近在各种方面的引入时出现了一些问题。比如，用到剪切图片的第三方库 cropperjs，但是在引入的时候却不能正常显示。 引入第三方库的问题一开始像官网的写法一样先 npm install cropperjs然后在 index.html 里面插入以下代码12<link href="./node_modules/cropperjs/dist/cropper.min.css" re... 阅读全文…

什么是Nuxt简单来说，Nuxt 就是基于 Vue 的服务端渲染框架（SSR），使用 Nuxt 能够让我们更快速的完成开发。 服务端渲染的好处都有啥？我们用框架（Angular2，React，Vue）开发 SPA 应用，都会面临一个问题就是首屏加载速度慢的问题。对于 SSR 来说，服务器返回的是（结构相对完整的）HTML文件，（通过解析HTML文件），浏览器就能渲染出页面。而对 CSR 来... 阅读全文…

前言一开始看到 nextTick 是在理解 JavaScript 事件循环的时候看到的，那个时候认为是 node 的东西，所以没怎么在意，但是后来看到 Vue 也有个地方用到了 nextTick，所以还是要花时间理解一下这个东西，看看它们的区别与联系。 node 中的 process.nextTick()在之前 事件循环 这一篇博客中可以知道有两个东西，一个叫 marcotask，另外一个叫... 阅读全文…

前言JavaScript 有很多有技巧的函数，这篇文章是我自己的一个记录。 链式调用看一个例子吧，我们要实现一个函数 fun ，它有以下功能：1fun(1).add(1).min(2).num // 0 这是一个很典型的例子，用到了链式调用，其核心就是返回自己，即 return this，那么我们来实现这个函数吧：1234567891011function fun(num){ ... 阅读全文…

前言最近走马观花的了解了很多东西，感觉web前端的趋势和发展很快，但是唯一不变的就是基础，所以需要把基础打好，把 JavaScript 学好 ，才能以不变应万变。 全局变量我们都很熟悉全局变量了，看一道面试题12345(function (){ var a = b = 1;})()console.log(b);// 1console.log(a);// Uncaught... 阅读全文…

前言一开始知道 ES6 引入了 Class（类）这个概念，作为对象的模板，觉得 JavaScript 写类的继承，能更省事省力了，但是在看《你不知道的JavaScript》后，有了更深层次的理解。 ES5 的继承我们要知道，在继承或者实例化时，JavaScript 的对象机制并不会自动执行复制行为。简单来说，JavaScript 中只有对象，并不存在可以被实例化的“类”。一个对象并不会被复制... 阅读全文…

前言JavaScript 的 == 和 === 两种判断相等的方法行为不一致，很让人头晕，而且还有 typeof 和 instanceof所以记录一下，解决这个问题 == 、 === 和 Object.is()==双等号 == ，也叫 宽松相等，相等操作符比较两个值是否相等，在比较前将两个被比较的值转换为相同类型。在转换后（等式的一边或两边都可能被转换），最终的比较方式等同于全等操作符 ==... 阅读全文…