- 博客(19)
- 收藏
- 关注
原创 浅谈webpack配置中output的publicPath属性和devServer的publicPath属性
长期以来,一直都比较迷惑,不知道publicPath属性的作用,最近抽空,花了点时间研究了下,参考了几篇文档,自己测试了几遍,最后得出了以下几点心得,如有不对,欢迎佐证。1.当手动创建html时,也就是当我们的工程中,存在一个index.html工程结构<!DOCTYPE html><html lang="en"><head><me...
2018-12-12 17:09:01 3413
原创 几个简单的导航布局
html结构主页推荐导航购物css.service-tabs-inner{width:1200px;margin:0 auto;}.service-tabs-inner:after{content:"";display: block;clear:both;}.service-tabs-i
2017-01-09 14:43:56 1136
原创 浅谈css两栏布局
两栏布局,在开发过程中经常遇到,就工作中的问题随便写点;左右123123131123123131123123131123123131123123131123123131123123131123123131.wrap{width:1200px;height:100px;margin:0 auto;}.left{float
2017-01-07 11:22:30 400
原创 简易下拉
方法1:原生js代码 window.onload = function(){ var lis = document.getElementById("menu").getElementsByTagName("li"); for(var i=0;i lis[i].onmouseover = function () {
2016-01-24 22:20:42 298
原创 Window - 浏览器对象模型
1.Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 函数是 window 对象的方法。 document.getElementById("header");2.Window 尺寸
2015-10-20 21:56:15 245
原创 Array
1.双重for循环 用法举例://1.数组元素反序排列 var arr = [1,2,3,4,5,6,7,8,9],t; //控制行 for(var i = 0;i for(var j = i+1;j if(arr[i] t = arr[i];
2015-10-20 21:54:25 317
原创 流程控制语句
1.if语句 语法: if(表达式1) { 语句1; }语句2; 执行流程:判断表达式1是否成立,若成立,执行语句1,再执行语句2;若不成立,直接执行语句2.2.if else语句 语法: if(表达式1) { 语句1; } else { 语句2 } 语句3; 执行流程:判断表达
2015-10-20 21:53:18 280
原创 js函数
函数1.定义方式 1)声明式: function text(x,y) { return x+y; } //声明式已定义,解析时优先执行 2)表达式: var text = function (x,y) { return x+y; }; //解析时先解析变量名,
2015-10-20 21:50:19 269
原创 js基础
1.算法:用来解决问题的步骤或程序 特点:1)明确性。每个步骤都是确切的 2)有效性。每个步骤都能够通过基本运算有效执行并且得到结果 3)有限性。由有限的步骤构成。2.常见错误类型 1)语法错误。(console能提示) 2)逻辑错误。 3)运行时错误。3.基
2015-10-13 22:49:40 341
原创 960.gs
网格布局规则: 1. container_num(12,16,24),主容器会自动居中 2. grid_num(1-12,1-16,1-24),网各类代表元素应占num个 3. clear:清楚上一行网格对下一行网格元素的影响 4. alpha:清除元素左边的margin值 5. omega:清除元素右边的margin值 6. pull_
2015-10-07 10:06:45 380
原创 样式浅谈2
一、弹性盒子 1. 父元素必须指定display:-webkit-box/inline-block; 2. -box-origent:指定子元素的排列方式:vertical/ 3. box-pack:center,移动到父元素的某个位置;box-align:center,指定每个元素的基于某根基线对齐。两者都需写在父元素中去。 4. box-flex:(写在
2015-09-30 01:43:11 475
原创 css常见问题解析1
1、处理元素溢出如果一个元素的大小设置太小,以致不能包含其内容,我们可以在该元素上使用overflow属性制定其内容不能填充时如何处理。取值可以是:visible、hidden、scroll、auto,其中visible是默认值,表示不裁剪内容,也不添加滚动条,强制显示元素内容。hidden表示裁剪内容,不显示超出对象尺寸的内容,scroll表示裁剪内容,同时提供滚动条,auto表示自
2015-09-26 17:36:34 293
原创 Css3基本用法
1.border-image:将图片规定为包围 div 元素的边框 1. border-image-source 用在边框的图片的路径。 border-image-slice 图片边框向内偏移。 border-image-width 图片边框的宽度。 border-image-outset 边框图像区域超出边框的量。
2015-09-26 17:30:29 269
原创 浮动、定位以及bfc、ifc
一、浮动1.块级元素未浮动不允许占行,浮动以后可以占行,上面的块级元素让位给下面的块级元素。2.两个块级元素向同一个方向浮动,结果是两个块级元素浮动到了一起,若增加块级元素的宽度,本行不足以放下,就会自动换行。3.多个块级元素同时浮动时,排列时除了往设置的那个方向靠之外,还会尽量向上靠。4.clear可以清楚上面的块级元素浮动对下面的块级元素的影响。即,本来应该占领浮动后的区域,但
2015-09-21 23:56:14 492
原创 CSS盒模
1.概念:用于元素定位和网页布局的可视化格式化的基石。2.组成:从内往外:内容区、内边距(padding)、边框(border)、外边距(margin)。3.总结: 1. 元素盒在也页面上占据的总宽度是左边的外边缘到右边的外边缘之间的距离,它包括了内容区域的宽度和padding、border和margin区域。 2. 当我们指定一个元素的width的值时,只是设置了内容
2015-09-20 19:17:33 265
原创 HTML/CSS知识点
一、其他表单元素和属性1.label元素 1. label为表单定义了一个文本标签,语法格式为:标签文本 案例.1)male female 注释:label标签与input绑定,单击label标签也会选中input对应的选框。2. Tab次序和键盘快捷键 tabindex定
2015-09-15 23:58:27 280
原创 表格和列表
一、插入表格状符号1.所用标签及用法 1. :定义表格。 2. :将表格分行。 3. :定义表格的数据单元。 4. 以上三个标签必须嵌套使用:如下所示 文本 5. 示例:1)建立一个两行三列的标签 文
2015-09-15 07:34:10 426
原创 html基础1
一、HTML定义 超文本标记语言,即HTML(Hyper text Markup Language),是用于描述网页文档的一种标记语言。二、常用标签 1. :定义注释。 2. :定义锚。 3. :定义粗体字。 4. :定义文档的主体。 5. :定义简单的折行。 6. :定义定义列表中项目的描述。 7. to :定
2015-09-13 20:18:30 296
原创 ps知识总结
一. 工具介绍1.移动工具 1). 自动选取 2). 对其 3). 羽化:选择区域的边缘变得模糊2.选择工具 1). 矩形选框,椭圆选框,套索工具,对变形套索。 2). 单独选择,合并选择,相减选择,交集选择。 3). 快捷键:Ctrl+D:取消选择、shift+椭圆:正圆、shift+矩形:正方形、Ctrl+alt+z:返回最初
2015-09-09 07:50:05 1055
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人