化身孤岛的鲸_

原创手拉手带你实现一个图片懒加载指令v-lazy

懒加载定义图片懒加载其实就是延迟加载。也就是不用一次性加载所有的图片，等到用户需要某张图片的时候再加载，这样可以避免在同一时间请求大量的数据。也就是当图片滚动到可视区域的时候再去加载图片。指令Vue中除了平时常用的v-show，v-bind等指令外，还可以自定义指令。由于自定义指令过于简单，这里只是大致说一下用得到的钩子函数的作用。bind：只调用一次，指令绑定到元素时调用，可以用来初始化。inserted：被绑定的元素插入到父节点时调用。实现在component文件夹中新建LazyLoa

2020-06-23 09:37:11 817

原创日常开发中一些常用的工具。说不定有你需要的。

收集了一些工作中常用的工具。如果你有好用的工具或者有意思的工具，要留言哦！GitHub地址图片在线图片压缩 | 在线图片压缩 | 在线图片压缩在线批量图片压缩生成随机图片移除图片背景在线抠图开发地图数据在线代码编译在线代码编译webassembly.studio各种库的在线CDN地址JavaScript API 在线兼容性查询在线工具网站在线短连接生成常用移动设备尺寸CSS在线三角代码生成器 | CSS在线三角代码生成器CSS在线生成渐变色在线编写代码(Vu

2020-06-17 17:05:46 151

原创这些前端基础题你能答对几道？(附答案解析)

在三大框架盛行的时代, 基本上会个Vue就能在小公司浑水摸鱼。但是当想突破的时候就会意识到基础的重要性。JavaScript中有很多重要特性及概念。比如原型,原型链,this,闭包,作用域,隐式转换等等。如果不能熟练掌握,在进阶中级前端开发工程师的道路上必定是困难重重。正题1. if(false){ var a = 1; let b = 2;}console.log(a);console.log(b);查看解析2. var a = 1;if(true){

2020-06-09 17:37:24 830 2

原创你要的Vue.js面试题都在这里。

1. Vue.js介绍Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API；Vue.js是一个构建数据驱动的Web界面的库。Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 V...

2019-06-26 21:22:58 1293

原创使用jenkins自动化打包部署Vue项目，详细教程。

[原文地址](https://juejin.im/post/5d07558e5188251260274905)>此教程 jenkins是直接部署到linux服务器上。服务器系统：CentOS 7.3 64位。流程：jenkins关联码云仓库,点击立即构建,执行shell进行构建,打包,把打包后的dist目录文件放到服务器上,完成自动化打包部署。### 一.服务器安装 *Java*...

2019-06-19 09:09:10 2189

原创 vue cli3.0 引入eslint 结合vscode使用

原文地址ESLint它的目标是提供一个插件化的javascript代码检测工具。官网地址最近一个项目里，最开始使用cli3.0搭建的时候没有默认选用eslint，导致现在有的人使用其他编辑器，就会出现格式错乱的情况。所以引入eslint做代码检测第一步（安装）npm install eslint eslint-config-airbnb-base eslint-plugin-...

2019-06-17 20:05:31 1224

原创 vue兄弟组件之间通信--eventBus

原文地址eventBuseventBus单独的事件中心,用来管理组件之间的通信。由于 Vue 实例实现了一个事件分发接口，你可以通过实例化一个空的 Vue 实例来实现这个目的。然后在组件中，可以使用$emit, $on, $off 分别来分发、监听、取消监听事件。一. 创建eventBus其实就是创建一个js文件,默认导出一个vue实例 import vue from 'vue...

2019-06-17 20:04:21 1239

原创快速理解Object.defineProperty( )

原文地址关于Object.defineProperty()MDN解释：Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。本文简单的讲解了 Object.defineProperty 有助于你快速了解 Object.defineProperty 想要详细学习请移至MDN文档我的理解就是当你操作一个对象(修...

2019-06-17 20:00:53 191

qq_35721888的博客