E_li_na的博客

前端开发日常发布

Vue-loader.conf.js

'use strict' // 工具=> build/util.js const utils = require('./utils') // 配置=> build/config/index.js const config = require('../config') ...

2019-06-26 15:23:02

阅读数 18

评论数 0

使用vue-loader不必require图片

以前在写vue的时候,经常要写这样的代码,把图片提前require给一个变量,然后再把变量传给组件(注意是组件,不是原生的东西,不是原生如img): <template> <div> <avatar :default-s...

2019-06-26 15:17:53

阅读数 82

评论数 0

yarn install报网络问题

yarn install的时候老是有一个包没有下载下来,然后就报网络问题了。这其实不是网络问题,实际上是这个包太大,yarn太久没下载下来就直接报网络错误了。 There appears to be trouble with your network connection. Retrying… ...

2019-05-10 15:31:54

阅读数 312

评论数 0

react类中自动绑定

我们可以在类中通过使用ES6增加的箭头函数的方式来实现隐形绑定作用域。而按照之前的处理,我们需要显式的去为我们写的方法进行绑定,类似于 this.myMethod = this.myMethod.bind(this)这样。当我们的类中有很多方法时,会增加大量的绑定的代码的书写。现在我们就可以通过箭...

2019-04-30 16:00:18

阅读数 35

评论数 0

javascript的同步异步操作

数组是引用类型,console.log是异步操作,console.log在前面而对数组的操作是在后面时,console.log打印出来的数组可能是被操作之后的数组。为了避免这样的情况发生,必须对数组进行深拷贝。 ...

2019-04-24 19:20:14

阅读数 27

评论数 0

Vue组件通信中eventBus的使用

Vue组件通信中eventBus的使用

2019-04-12 16:48:35

阅读数 45

评论数 0

详解:为什么在keep-alive组件中使用computed计算属性数据没有变更?

第一步:computed在生命周期的哪个阶段执行? (1)在new Vue()的时候,vue\src\core\instance\index.js里面的_init()初始化各个功能 function Vue (options) { if (process.env.NODE_ENV !== 'pro...

2019-04-11 10:40:50

阅读数 167

评论数 0

Invalid configuration object. Webpack has been initialised using a configuration object that does no

webpack配置报错 描述: 一般遇到这个错误,说明你编写的代码语法与本地安装的webpack版本不兼容。 原因是项目要用到px转换为rem,使用postcss-px2rem这个插件的时候,0.3.0版本的配置如下: var px2rem = require('postcss-px2rem')...

2019-02-26 18:05:46

阅读数 572

评论数 0

小程序VM144:1 request:fail url not in domain list

可能原因: 域名未完成备案 url里有端口(可以有端口存在) 报错提示说请求的url不在域名列表里,应该是还没有配置服务器域名,可点击开发者工具右上角 详情-域名信息,看看是否配置了域名; 详情->项目设置->不校验合法域名 ...

2019-02-22 10:11:14

阅读数 2782

评论数 0

禁止iphone上input[type='text']自动放大

如果font-size小于16px,浏览器将自动放大,然而,元素的默认font-size是11px(至少在chrome和safari).所以设置元素的样式至少为16px就不会产生放大效果。另,select元素必须附加focus伪类: input[type="col...

2019-01-24 09:59:14

阅读数 413

评论数 0

image-compressors前端图片压缩工具

image-compressors compressorSettings.toWidth:结果(压缩/拉伸)图像的宽度(以像素为单位),默认值:100。 compressorSettings.toHeight:结果(压缩/拉伸)图像的Mime类型,允许值image / png,image / jp...

2019-01-23 18:17:40

阅读数 401

评论数 0

浏览器缓存

浏览器缓存:https://segmentfault.com/a/1190000017962411#articleHeader10

2019-01-21 14:45:23

阅读数 38

评论数 0

Vue样式scoped存在的问题

为了解决css存在的一大痛点:天生全局性,每个通过 vue-cli 创建的 Vue.js 应用都内置了两个很好的解决方案:Scoped CSS 和 CSS Modules (模块式 CSS)。现在我们只介绍Scoped CSS. 我们只需在<style&amp...

2018-11-30 15:26:17

阅读数 84

评论数 0

用js创建一个可拖曳的元素

我们一直使用并且理所当然的常见手势是能够在屏幕上拖动元素。尽管这种拖拽手势有多么常见,但是没有很好的内置支持来使网络上的元素可拖动。如果我们希望超越鼠标并支持触摸之类的东西,那就更是如此!这就是本教程的用武之地。在接下来的几节中,我们将介绍一个纯粹的基于JavaScript的解决方案(也就是没有j...

2018-10-23 18:01:42

阅读数 208

评论数 0

异步调用三部曲

一、回调地狱 getMoreData(a,b => { getMoreData(b,c => { getMoreData(c,d => { getMoreData(d,e =&am...

2018-10-08 15:06:44

阅读数 39

评论数 0

wx.getLocalImagData接口的使用时需要注意的点

这篇主要讲到wx.getLocalImagData接口的使用时需要注意的点。 wx.getLocalImgData({ localId: '', // 图片的localID success: function (res) { var localData = res.localData; // lo...

2018-10-08 11:35:40

阅读数 186

评论数 0

javascript格式化数字成K,M等格式

数字格式化成K,M等格式 function nFormatter(num, digits) { const si = [ { value: 1, symbol: "" },...

2018-10-07 20:39:36

阅读数 1133

评论数 0

vue2自定义指令directive

除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。官网 1.分类 =&g...

2018-10-07 16:43:32

阅读数 56

评论数 0

vue插件之waves

Wave很容易使用。从Github存储库下载最新版本的Waves。只需将waves.min.css和waves.min.js包含在HTML文件中即可。Waves已经准备就绪! 用法: <button>:要将Waves效果放在按钮上,只需将.waves-e...

2018-10-07 12:02:52

阅读数 1635

评论数 0

收缩按钮

<!doctype html> <html lang="en"> <head> <meta cha...

2018-09-18 16:05:35

阅读数 132

评论数 0

提示
确定要删除当前文章?
取消 删除