自定义博客皮肤

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端学习与工作中常用网站推荐

一.视频学习网站 1.慕课网(质量好,价格较贵,更专业,废话少) 2.腾讯课堂(质量参差不齐,价格便宜,较啰嗦) 。。。 当然还有很多其他的视频学习网站,但我觉得就这两个就够质够量了。 二.前端免费模板下载 1.html5tricks 有很多有趣的小程序 2.源码之家 各类模板灰...

2019-09-07 16:48:21

阅读数 15345

评论数 8

vue打包:空白页、hash模式、history模式

一.项目打包后出现空白页 打包生成的dist目录中有如下文件 其中index.html页面如下所示 我们发现,css、js资源的路径使用的是绝对路径 ‘/’。这种情况下如果将dist文件夹中的内容直接丢在服务器的根目录下倒也没有什么问题。但不是根目录,我们就可能出现空白页面,这时的资...

2019-09-17 12:37:06

阅读数 8

评论数 0

ES6:函数扩展

本小节涉及以下关键点 函数参数默认值 函数参数使用解构赋值 函数参数作用域 函数参数使用rest 箭头函数 尾调用与尾递归 一.函数参数设置默认值 1.ES6中我们可以给函数的参数设置默认值,这里要注意参数变量是默认声明的,不能用let或const再次声明 function fo...

2019-09-16 23:21:04

阅读数 7

评论数 0

ES6:数值的扩展

这块只介绍几个常用的方法和知识 Number.isNaN() 检查一个数是否为NaN Number.isInteger() 检查一个数是否为整数 安全整数和 Number.isSafeInteger() Math.trunc() 去除一个数的小数部分,返回整数部分 一.Number.isN...

2019-09-08 14:49:11

阅读数 50

评论数 0

vue错误:Duplicate keys detected: '/main'. This may cause an update error.

错误原因:v-for循环的key值重复了。比如,我当前项目用path作为key 这两个key值是一样的,所以报此错误

2019-09-06 15:58:09

阅读数 55

评论数 0

vue过渡与动画

本节内容包括 常规的 transition 组件动画 使用 keyframes 动画 使用 Animate.css 让动画首次执行 过渡与动画同时存在 使用第三方 JavaScript 动画库 Velocity.js 更多内容见官网过度与动画部分教程 一.常规的 transition...

2019-08-31 15:30:43

阅读数 61

评论数 0

ES6:字符串扩展

本文介绍了 ES6 字符串扩展中常用的部分知识: 判断一个字符串中是否包含另一个字符串:includes()、startsWith()、endsWith() 重复字符串:repeat() 字符串补全长度:padStart()、padEnd() 模板字符串 一.includes()、star...

2019-08-25 18:56:39

阅读数 96

评论数 0

Vuex用法及封装

Vuex的介绍和使用建议看官方文档,本文更多的是我对Vuex的一个总结。 一.Vuex介绍 1.Vuex是什么 官方的介绍是“Vuex 是状态管理模式” 2.Vuex能解决什么问题 在很多场景下,我们可能会有下面的问题: 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。...

2019-08-24 16:32:28

阅读数 113

评论数 0

ES6:解构赋值

主要内容 数组解构赋值 对象解构赋值 函数解构赋值 字符串、数值和布尔值的解构赋值 一.数组解构赋值 常用的两种写法如下 { let a,b; [a,b] = [1,2]; console.log('数组解构赋值1:',a,b); // 1 2 } { let a...

2019-08-22 18:15:47

阅读数 81

评论数 0

vue相关的UI库和插件

本文整理一些自己比较常用的UI库和插件 一.vue相关的UI库 1.element ui 自己比较常用的ui库,后台系统还有vue-element-admin,后台效果请看 https://panjiachen.gitee.io/vue-element-admin/#/dashboard ...

2019-08-22 11:54:18

阅读数 79

评论数 0

vue相关知识点梳理

本文主要从vue的基础知识,vue router,vuex,服务端渲染(SSR)等方面梳理核心知识点。 一. vue基础 基础这块比较重要的有下面几点: vue生命周期。11个生命周期的含义,执行流程,如何应用 methods,computed,watch的使用与各自优缺点 组件间的通信...

2019-08-14 13:48:59

阅读数 94

评论数 0

ES6:const与let

本小节的关键词有 代码块 变量提升 暂时性死区 块级作用域 1.基础 在 ES6 中,我们用 const 声明常量,let 声明变量;const 和 let 声明常量和变量只在代码块内有效,如 { var a = 1; const b = 2; let c = 3; } ...

2019-08-13 23:05:39

阅读数 80

评论数 0

使用XMAPP搭建一个简单的服务器

1.首先去官网下载XMAPP,https://www.apachefriends.org/zh_cn/download.html 2.无脑点击next进行安装 3. 找到安装路径(我安装在d盘):D:\xampp,在此目录下找到 htdocs 文件,将里面的内容清空,放入自己的文件(我这里放入...

2019-08-11 20:06:48

阅读数 80

评论数 0

ES6:模块化方式 import from + export

在ES6之前,模块化加载方案主要有CommonJS和AMD(异步模块加载机制)两种。 CommonJS模块化方式 require + module.exports es6模块化方式 import from + export CommonJS模块是“运行时加载”,ES6模块是“编译加载”或者静...

2019-08-10 19:05:09

阅读数 82

评论数 0

前端面试:性能优化

前端性能优化比较常见的一些点: 使用缓存(最重要的一点),cookie与WebStorage 减少http请求 文件压缩合并:html,js,css压缩。删除一些无用代码:注释 图片无损压缩,安卓下可以使用webp格式图片 使用字体图标,矢量图svg,雪碧图,base64 js文件一般...

2019-08-08 12:25:20

阅读数 84

评论数 0

vue中的ref

vue是不推荐我们直接操作dom元素的,但有时我们又需要直接操作dom,所以,vue提供了ref方法。 1.普通元素使用ref <div id="root"> <div ref="dom" @click...

2019-08-04 13:02:23

阅读数 78

评论数 0

vue中数据与页面间双向绑定需要注意的点

vue中,我们可以实现页面与数据的双向绑定,但这里需要注意一些细节。 1.更新数组类型的数据 比如,有如下数据 var vm = new Vue({ el: '#app', data: { list: [ 'a', ...

2019-08-04 11:05:56

阅读数 72

评论数 0

css中的一大核心:css选择器

css选择器作为css中的一个基础和重点,是我们经常使用的,但我们是否真正完全掌握了呢? 1.选择器的兼容性 在下面的选择器表格中,从:first-of-type选择器开始,css3中的选择器都不兼容IE8及更早浏览器 :checked选择器只有Opera浏览器支持 ::selection...

2019-07-28 15:25:57

阅读数 75

评论数 0

纯CSS3实现各种loading效果

动画效果参考连接:http://www.webhek.com/post/css-loaders.html 效果如下: 以上这些效果都是用一个div加css3动画实现的,看起来效果似乎不错。如果不考虑IE9兼容性的话,有一定的使用价值。 1.第一个动画的实现 我们来看一看第一个三条杠加载...

2019-07-26 00:58:54

阅读数 102

评论数 0

jquery实现图片预加载

代码如下 <div class="box"> <p> <a href="javascript:;" class="btn" data-con...

2019-07-26 00:17:10

阅读数 73

评论数 0

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