一、背景 初学html，接触很多标签 h1、p、span、ul、em 等，当写出简单的小页面的时候，例如仅仅是一篇带有标题的文章，标题 h1 标签单独一行，不管后面有多大的空间； p 标签中使用多个 em 给某些词做强调，但是 em 却和 p 中的其他内容同一行，由此，会思考为什么 em...

2018-08-13 07:44:17

何为滚动视差 视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实...

2018-08-10 11:46:15

1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。 2. ctrl + j: 输出模板 3. ctrl + b: 跳到变量申明处 4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation) 5. ctrl + []: 匹配 {}[] 6. ctrl + F12: 可以显示当前...

2018-08-10 11:46:14

本节列举了一些简单的HTML例子，帮助大家更感性地认识HTML标签。是不是对一些标签还不熟悉？别担心，后面几个章节会有详细说明，先跑几个例子看看效果吧。 HTML文档相关标签 所有HTML文档必须以!DOCTYPE html声明开头。 HTML文档则以html开头，以/html结尾。 HTML中所...

2018-08-10 11:46:12

img :src="切换条件 ？ require('xxx.png') : require('xxx.png')" /...

2018-08-10 11:46:11

css3-动画（animation）： 具有以下属性： 1、animation-name 自定义动画名称 2、animation-duration 动画指定需要多少秒或毫秒完成，默认值是0; 3、animation-timing-function 动画的时间曲线，linear 匀速， ease 先慢后快，结束前变慢 。 4、animation-delay 动画在...

2018-08-10 11:46:09

最近在类似于滴滴软件的一款小程序，工程确实有点大，很多东西都是第一次做。这次记录一下关于左滑删除的一 个代码记录。主要的思想就是计算滑动距离的大小来使用css中的 transition 控制滑动的效果，主流的都是控制边距margin来达到左滑的效果。 根据我所拿到的ui，我...

2018-08-10 11:46:08

规则 内部的Box会在垂直方向，一个接一个地放置。 属于同一个BFC的两个相邻Box的margin会发生重叠。 BFC的区域不会与float box重叠。 BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素 计算BFC的高度时，浮动元素也参与计算 BFC触发原理 1 根...

2018-08-10 11:46:07

原型链 每一个实例都有自己的原型，可以__proto__访问 构造函数，通过new创建实例 构造函数通过prototype指向原型对象 原型对象通过constructor指向构造函数 如下图所示： 访问对象中的属性，如果不存在，那么会在原型中查找，如果还没有，继续在原型中查找 继承 1 构...

2018-08-10 11:46:05

[在此处输入文章标题] 1 web web入门 1）web服务软件作用: 把本地资源共享给外部访问 2）tomcat服务器基本操作 ： 启动: %tomcat%/bin/startup.bat 关闭： %tomcat%/bin/shutdown.bat 访问tomcat主页： http://localhost:8080 3）web应用目录结构 |- WebRoot 根目录 |-...

2018-08-10 11:46:00