1、项目结构 2、部分代码 module.js console.log('module.js'); index文件夹下的index.js require('../module.js' );console.log( '首页-index文件'); login文件夹下的index.js require('../module.js' );console.log( '登录页-index文件'); 3、webpack.config.js var...

2018-06-24 01:53:39

需求如下，红框所在的文字有四个字的、三个字的、两个字的，如果不两端对齐可以选择居中对齐，或者右对齐。但是如果要像下面这样两端对齐呢？ 我相信以前很多人都这么干过：两个字中间使用来隔开达到四个字的宽度，三个字也可以，但是，像上图中“122账号”“122密码”...

2018-06-24 01:53:28

前言 从今年（2017年）年初起，我们团队开始引入「Vue.js」开发移动端的产品。作为团队的领头人，我的首要任务就是设计整体的架构。一个良好的架构必定是具备丰富的开发经验后才能搭建出来的。虽然我有多年的前端开发经验，但就「Vue.js」来说，仍然是个新手。所幸「Vu...

2018-06-24 01:53:31

假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。 obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。 obj.offsetWidth 指 obj...

2018-06-24 01:53:30

a href ="javascript:;" / a a href ="#" / a 这两种写法。这两种写法到底有什么不同呢？用哪种来写更加规范呢？ 将href="#"是指联接到当前页面，其实是无意义的，页面也不会刷新。这是一个锚链接。 在制作网页时html语言里的参数，用于指定链接的url ####就是本页链接...

2018-06-24 01:53:25

方法 对于标准浏览器来说，清浮动其实就两种方法，一种是在浮动元素下面添加新元素设置clear属性；另一种是触发包含块的BFC，使其包含浮动元素。而对于IE7-浏览器， 则用到其特有属性haslayout 【1】clear属性 [1]div style="clear:both"/div 注意并不是很适用，若包含...

2018-06-24 01:53:18

! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Bootstrap轮播图 / title link rel ="stylesheet" href ="css/bootstrap.min.css" type ="text/css" style #slidershow { width : 300px ; height : 220px ; margin : 50px auto ; } img { width : 3...

2018-06-24 01:53:23

首先了解下CSS的渲染逻辑，它是从标记的最后一位开始搜索的，例如：.myclass li a，首选它会遍历所有的a，然后看哪些a之前有li，然后再看哪些li之前有.myclass。 所以：1、层级太多会增加CSS渲染的工作量。 如下： 除此之外，还有哪些可以优化的呢？ 2、图中样式的每个...

2018-06-24 01:53:18

! DOCTYPE HTML html head meta charset ="utf-8" title 声明式触发手风琴 / title link rel ="stylesheet" href ="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" style body { padding : 10px ; margin : 10px } / style / head body !--...

2018-06-24 01:53:07

一、HTML 段落是通过 p 标签进行定义的 如： p hello world! /p html 与 /html 之间的文本描述网页 body 与 /body 之间的文本是可见的页面内容 h1 与 /h1 之间的文本被显示为标题 ————h1最大的标签，h6是最小的标签 p 与 /p 之间的文本被显示为段落 二、HTML 标题...

2018-06-24 01:52:59