vue实例的生命周期

  生命周期函数就是vue实例在某一个时间点会自动执行函数(它并不放在methods里面,而是单独的在vue的实例里)

webpack核心概念

一、loader

  loader就是一个打包的方案,在打包的过程中,webpack不认识非.js后缀的这些模块,但是loader知道对于某一个特定的文件(如.jpg)该如何打包。那么在配置项中file:loader就会帮助它来打包这些静态文件,同时会在dist文件夹下生成这些文件。

vue起步

从现在起博主会整理一套vue的学习笔记(不定时更新)。

webpack安装

一、初识webpack

  webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。

3种方法迅速实现CSS滚动技能

  隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。

JS精简代码集合

日历

创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合

1
[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));

一些常用的移动端meta属性

关于移动端 HTML5 meta 标签的属性设置

CSS3笔记

一、CSS3简介

  如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。

HTML5笔记

一、认识HTML5

  HTML5并不仅仅只是作为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。

CSS图片hover效果以及CSS3混合模式

一、鼠标悬停效果

无效果

HTML

1
2
3
<div>
<img src="image.jpg" />
</div>

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×