webpack打包vue配置记录

最近用webpack构建vue项目,发现很多新版本更新要注意的问题,这里记录一下

2019-03-22 17:25:24

阅读数 24

评论数 0

实现对象的深拷贝

1. 最有效并且通用的方法是使用递归 function deepClone(source){ const targetObj = source.constructor === Array ? [] : {}; // 判断复制的目标是数组还是对象 for(let keys in sou...

2019-01-25 10:09:32

阅读数 65

评论数 0

React学习记录

2018/12/24 按需引入antd的时候遇到的问题 1 .babelrc配置 "plugins": [ ["import", { ...

2018-12-24 15:21:01

阅读数 59

评论数 0

vue学习项目之去哪儿网笔记

7-8 项目中使用axios 7-8-1 ajax请求的时候,地址的rewrite;webpack给vue-cli里面提供了机制,在config/index.js里面配置proxyTable; dev: { // Paths as...

2018-05-31 17:47:41

阅读数 1570

评论数 0

a标签中使用img后的高度多了几个像素 解决办法

img是行内元素,默认display: inline; 它与文本的默认行为类似,下边缘是与基线对齐,而不是紧贴容器下边缘。解决办法一是消除掉匿名盒子的高度,也就是给a设置line-height:0或font-size:0; 解决办法二是给两者vertical-align:top,让其top对齐,...

2017-12-06 19:29:52

阅读数 181

评论数 1

vue2-学习笔记之高仿饿了吗项目

本文记录的是我在学习某个课程的时候记录的笔记,可能没有学过这个课程的人看不太明白。。。 不过这篇文章我主要是写给自己看的。。。

2017-11-20 22:04:31

阅读数 931

评论数 0

css3的display:table布局

当IE8发布时,它将支持很多新的CSS display属性值,包括与表格相关的属性值:table、table-row和table-cell,它也是最后一款支持这些属性值的主流浏览器。 网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。display:table=&...

2017-11-19 01:02:12

阅读数 19636

评论数 0

flex布局

2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持(还是要添加前缀的)这意味着,现在就能很安全地使用这项功能。Flex 布局非常适合用在移动端布局;Flex 是 Flexible Box 的缩写,意为”弹性布局”,...

2017-11-17 18:05:31

阅读数 153

评论数 0

vue2学习笔记——computed(计算属性)

先看一下demo:简单地说明了computed的使用方法 在vue中,一些简易的计算可以直接在模板中计算,如:{{ number + 1 }};但是在模板中如果有太多复杂的计算难以维护;所以对于任何复杂的逻辑,你都应该使用计算属性的原因;1.经过处理返回的数据值,只要源数据没有发生改变,co...

2017-11-17 16:39:03

阅读数 2084

评论数 0

vue使用less识的scoped属性

在vue项目中如果使用less样式,会有一个scoped属性,scoped属性的具体作用我们要清楚,不要盲目使用

2017-11-17 15:56:39

阅读数 3693

评论数 0

关于闭包的面试题

1. `function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.fun(1); a.f...

2017-11-14 10:20:06

阅读数 430

评论数 0

css3杂记

本文随手记录了一些项目遇到的关于css的知识; 1.text-overflow: clip|ellipsis;text-overflow 属性规定当文本溢出包含元素时发生的事情;注意的是使用text-overflow:ellipsis时,当前容器的font-size是对它有影响的。 2.页面使...

2017-11-10 16:53:52

阅读数 167

评论数 0

less不常见用法备用

1.字符串拼接.bg-image(@url){ background-image: url("@{url}@2x.png"); @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){...

2017-11-08 15:45:04

阅读数 174

评论数 0

命令行备忘

1.终止运行ctrl+c;

2017-11-07 21:04:04

阅读数 120

评论数 0

vue常见报错原因收集

1.throw er; // Unhandled ‘error’ event => 出现这种错误一般就是已经运行的另一个服务器使用了相同的端口,换一个端口就可以了。有些时候,webstrom里开了两个Terminal也会有这个问题; 2.npm run dev没有报错,但是...

2017-11-07 16:01:58

阅读数 1361

评论数 0

移动端实现1px边框

由于设备像素比存在的原因,我们在处理设计图的一些边框时,对于1px的border,如果在代码里将其写死,可能在不同设备像素比的设备中,粗细不一样,尤其是在目前大多数设备像素比为2的设备中,过粗。 那么利用媒体查询和”min-device-pixel-ratio”就可以轻松的搞定,实现货真价实的1...

2017-11-02 20:34:15

阅读数 235

评论数 0

如何解决H5新标签兼容问题

目前HTML5已向开发人员提供了很多新的标签,如section,nav,article,header和footer等。这些标签语义化程度高,会被经常使用,但在IE6,IE7,IE8和Firefox 2等老式浏览器中却不能识别和正常使用。

2017-11-02 09:35:45

阅读数 1953

评论数 0

js实现rem布局

以下js可以实现字体大小的rem布局

2017-10-31 23:49:04

阅读数 507

评论数 0

gulp常用

全局安装 gulp=>$ npm install –global gulp 作为项目的开发依赖(devDependencies)安装: $ npm install –save-dev gulp 在项目根目录下创建一个名为 gulpfile.js 的文件: var gulp = requi...

2017-10-31 23:29:33

阅读数 243

评论数 0

常用正则表达式

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,包括校验数字、字符、一些特殊的需求等等。给自己留个底,也给朋友们做个参考。 一、校验数字的表达式 数字:^[0-9]*$ n位的数字:...

2017-10-31 15:13:22

阅读数 209

评论数 0

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