- 博客(38)
- 收藏
- 关注
RSS订阅原创 4.网页实战常用知识
一、中国服务商（水平垂直居中）1、水平垂直居中父元素相对定位，该元素使用绝对定位；然后给该元素设置：top:50%; (50%为相对于父元素的高度)left:50%; (50%为相对于父元素的宽度)margin-left:-(width/2);（该元素宽度的负一半）margin-top:-(height/2); （该元素高度的负一半）2、APP、we...
2018-08-09 15:17:30
207
转载 css基础-选择器
css选择器大全1.基本选择器 序号 选择器 名称 说明 css版本 1 * 通用选择器 选择所有元素，对所有元素设置样式，包括html和body 2 2 ...
2018-08-09 14:42:37
197
转载 3-CSS3中的盒模型与盒模型属性box-sizing的详细介绍
盒模型盒模型是计算元素尺寸的模型规则 在我们CSS中盒模型分为两种W3C标准盒模型正常情况下我们用的都是这个标准的盒模型 标准盒模型中元素尺寸使用如下计算方式 元素实际宽度 = width + padding（左右内边距大小） + border（左右边框大小） 元素实际高度 = height + padding（上下内边距大小） + border（上下边框大小） 我们设置的wid...
2018-08-08 21:23:40
620
原创 1-css入门知识
一. css是什么,有什么作用?1、层叠样式表(英文全称：CascadingStyle Sheets)是一种用来表现HTML等文件样式的计算机语言，为html文档结构添加样式。二、 css的结构和选择器的分类（相同样式，权重高的覆盖权重低的。）1、css的结构： 选择器 { 样式属性名：属性值 }2、 选择器：css样式作用的对象。a) id选择器（不推荐使用）：具有...
2018-08-08 20:26:26
191
原创 html基础——html标签说明
一. 首先来解一下Web的组成，web就是我们通常所说的网页，它还有一个名字叫做html文档，为什么叫html文档呢？因为网页的结构就是由一个个html标签组成的，第一个知识点：a) Web（网页，html文档） = 网页结构（由一个个html标签组成）+网页样式（由css编写）+ 网页行为（由DOM + BOM+ECMAscript组合编写）。二. 既然网页就是html文档，...
2018-08-08 15:38:44
560
转载 五大主流浏览器及四大内核
任何上过网的用户对浏览器是再熟悉不过了。只是用户看到仅仅只是浏览器本身，却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww（Library WorldWideWeb）浏览器发展至今已经经历了无数竞争与淘汰了。现在国内常见的浏览器有：I...
2018-08-07 14:22:44
477
转载 全面解析JavaScript中“&&”和“||”操作符(总结篇)
1、||（逻辑或）,从字面上来说，只有前后都是false的时候才返回false，否则返回true。 1 2 3 4 alert(true||false); // true alert(false||true); // true alert(true||true); // true alert(false||fals...
2018-07-31 20:48:14
389
转载 JavaScript：undefined!=false之解 及==比较的规则
js的一些概念：undefined,null,0,false 的布尔值 均是 falseJS中有一个基本概念就是： JavaScript中undefined==null 但undefined!==null undefined与null转换成布尔值都是false 如果按照常规想法，比如下面的代码Js代码var a=1; alert(Boolean(a));//返回true...
2018-07-31 16:54:56
2899
转载 js中==和===区别
1、简单来说： == 代表相同， ===代表严格相同, 为啥这么说呢， 这么理解： 当进行双等号比较时候： 先检查两个操作数数据类型，如果相同， 则进行===比较， 如果不同， 则愿意为你进行一次类型转换， 转换成相同类型后再进行比较， 而===比较时， 如果类型不同，直接就是false.操作数1 == 操作数2， 操作数1 === 操作数22、比较过程： 双等号==： ...
2018-07-31 16:47:59
191
转载 html,css,js加载顺序
1.js放在head中会立即执行，阻塞后续的资源下载与执行。因为js有可能会修改dom，如果不阻塞后续的资源下载，dom的操作顺序不可控。 正常的网页加载流程是这样的。浏览器一边下载HTML网页，一边开始解析 解析过程中，发现<script>标签 暂停解析，网页渲染的控制权转交给JavaScript引擎 如果<script>标签引用了外部脚本，就下载该脚本，...
2018-07-28 20:23:24
206
转载 JavaScript开发规范
JavaScript 开发规范 本篇主要介绍JS的命名规范、注释规范以及框架开发的一些问题。目录1. 命名规范：介绍变量、函数、常量、构造函数、类的成员等等的命名规范2. 注释规范：介绍单行注释、多行注释以及函数注释3. 框架开发：介绍全局变量冲突、单全局变量以及命名空间1. 命名规范驼峰式命名法介绍：驼峰式命名法由小(大)写字母开始，后续每个单词首字母都大写。...
2018-07-28 18:34:18
408
原创 Vue基础-Vue入门
一、Vue入门基础知识1、Vue使用的基本操作i. 先下载，引入vue.jsii. Vue，实例化一个vue实例化对象（new Vue({})） 1. 新建一个vue实例化对象（Vue是一个构造函数） 2. 执行vue构造函数中每一句代码 3. 将新创建的vue实例化对象赋值给vue构造函数中的thisiii. 往vue实例化对象中传入一个对象（Vue实例化传入的对象里面的值也都...
2018-06-28 09:16:22
2096
转载 为什么vue中data必须是一个函数
vue组件中的data必须是函数类比引用数据类型Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了;javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成作用域,对象的{}以及 if(){}都不构成作用域)，data是一个函数时，每个组件实例都有自己的作用域，每个实例相互独立,不会相互影响举个
2018-06-27 10:08:01
4161
转载 jQuery知识———jQuery下载
描述：jquery下载,实时更新jquery1.2到最新3.3.1所有版本下载(注意：jquery-2.0以上版本不再支持IE 6/7/8),并不是最新的版本就最好的，而是根据您项目需求所适合的版本！提示：百度引用地址 (推荐!目前最稳定的，不会出现延时打不开情况) ★推荐阅读：如何选择jQuery版本？jquery引入外部CDN，如果加载失败则引入本地jq库（详情）：1// 第一种解决方法2&l...
2018-05-29 22:59:10
662
原创 jQuery基础-入门知识
一． Jquery是什么？a) Jquery是一个JavaScript库，也叫做DOM库，它封装一堆JavaScript函数，方便我们操作dom节点。b) 好处：提高开发效率。二． 使用jquery的步骤：a) 引入jqueryb) 查找节点 i. 通过id选择器 ii. 元素选择器 iii. Class选择器 iv. 后代选择...
2018-05-29 14:00:19
415
原创 js基础-正则专题
一. JavaScript中定义正则的两种方式:a) 使用正则字面量：i. var reg = /表达式/模式修饰符b) 使用RegExp构造函数：i. var reg = RegExp(“表达式”,”模式修饰符”) //1、使用正则字面量定义,var reg = /表达式/模式修饰符 var aArr='abcaabbccaaabbbcc'; // var r...
2018-05-21 20:34:11
292
转载 js基础-BOM基础
一. BOM基础：a) BOM： i. browser object model浏览器对象模型 ii. 提供让JavaScript能操作浏览器窗口的相关api（方法或函数） iii. 没有标准，不同的浏览器会有不同兼容性问题b) window对象： i. 浏览器窗口对象 ii. 浏览器环境下JavaScript中的顶级对象， iii. ...
2018-05-21 16:53:55
243
转载 js基础-this的使用
1. 指向window全局变量1alert(this) //返回 [object Window]全局函数1234function sayHello(){ alert(this);}sayHello();2. 指向该对象（在全局里面this指向window,在某个对象里面this指向该对象，在闭包里面this指向window）123456789101112131415161718var user=...
2018-05-21 14:41:43
186
原创 js基础-DOM基础
一. DOMa) DOM是什么: i. DOM的全称是(Document Object Model)文档对象模型b) DOM的作用: i. 定义了一堆用其他语言(js、c#)来操作DOM节点(html元素)的API(应用编程接口,方法和属性,函数)二. DOM节点a) DOM节点是什么? i. HTML元素b) DOM节点之间的关系? i. Html为根节...
2018-05-21 14:11:10
330
转载 js基础-正则处理函数
function RegFn(){ }RegFn.prototype = { //移出空白字符 removeNullStr: function( str ){ return str.replace(/\s/g,''); }, diffBrowser:function(){ var str = window.naviga...
2018-05-16 21:22:06
159
转载 js基础-字符串函数库
/* * JavaScript字符窜处理函数库 */function StrTools(){}StrTools.prototype ={ //搜索子串出现的下标 searchIndex:function( superStr, subStr ){ var arr = []; var index = superStr.indexOf(su...
2018-05-16 21:19:41
438
原创 js基础-数组函数库
/** * 数组函数库 */var aArr = [1, 2, 3, 3, 2, 1, 4, 5, 6, 6, 5, 4];function ArrTools() {}ArrTools.prototype = { //1、数组去重 // （1）创建一个新的数组arr2，存放去重后的数组； // （2）创建一个空对象json，作为中间件； // （3）...
2018-05-16 20:55:42
453
转载 css和js的命名规范
一 .css命名规范 1.命名规则说明： 1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bg...
2018-04-29 21:26:15
225
转载 JS命名规范
概述为提高团队协作效率，规范文件管理，方便项目后期维护，提高代码质量，特制订此文档，前端开发人员必须遵照本规范进行前台页面开发。基本规范sublime Text3请安装jshint插件以检查JS编写错误;安装教程：使用lint进行语法及风格校验异步加载文件命名require.ensure([],function(){ //异步加载内容},'ensure/业务模块名_页面名_异步方法名_1...
2018-04-29 21:19:04
1530
转载 前端精选文摘：BFC 神奇背后的原理
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？ 在解释 BFC 是什么之前，需要先介绍 Bo...
2018-04-26 09:14:00
133
原创 css基础-清除浮动方法总结
清除浮动方法总结浮动：1、浮动的属性float:left(左浮动)float:right(右浮动)float:none(不浮动)2、浮动元素的特点1）浮动的框可以向左向右移动，直到它的外边缘碰到包含框或另一个浮动框的边缘处为止2）脱离文档流，会导致父元素高度塌陷，覆盖其他兄弟元素一. 清除浮动（清浮动不是清盒子本身的浮动，而是清除其他元素浮动对他本身的影响） i. ...
2018-04-25 15:07:53
492
转载 css基础-权重与优先级
权重与优先级一. 内联(行内权重1000)样式的优先级高于 内部样式和外部样式.二. 权重相同的情况下,谁的样式在后面谁的优先级高.三. 不同权重,权重大的优先级高.a) !important（权重无限大）>行内样式（权重1000）>id选择器（权重100）>类选择器（10）= 伪类选择器（10）= 属性选择器（10）>元素选择器（权重1）>通用选择器（权...
2018-04-25 07:58:09
307
转载 谈谈css伪类与伪元素
css选择器常见包括id（#id）、标签（tag）、class（.class）、属性[attr=attrval]等，还包括伪元素和伪类选择器。正确的利用伪元素和伪类能够让我们的html结构更清晰合理，也能在一定程度上减少js对dom的操作！定义伪类包含两种：状态伪类和结构性伪类。状态伪类是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的，因此该元素会根据其状态呈现不同的样式。...
2018-04-22 20:29:05
161
转载 处理前段文本溢出，多余内容显示点点
处理前段文本溢出，多余内容显示点点大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。css 代码:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示省略号，这里根据应用场景介绍几个方法来实现这样的效...
2018-04-22 16:09:45
687
转载 css基础-文字排版、段落排版
ps:处理前段文本溢出，多余内容显示点点一.文字排版--字体我们可以使用CSS样式为网页中的文字设置字体，字号，颜色等样式属性。这里注意不要设置不常用的字体，因为如果用户本电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体.)现在一般网页喜欢设置“微软雅黑”.body{font-family:"Microsoft...
2018-04-21 16:33:36
1342
原创 写网页入门必须掌握的基础知识点及注意点
学习总结：1、掌握html结构1)基本结构2）常用标签：h1~h6、p、a、img、span、strong、ul、 li 、ol、 dl、 dt 、dd 、form、 input、 table 、th、tr 、td2、熟练css选择器id选择器 类选择器 元素选择器3、文字排版4、段落排版5、元素类型和盒子模型ps:1）内联元素不能设置上下外边距2)设置margin-top时会出现m...
2018-04-21 16:29:23
414
转载 css基础-四大定位（static、relative、absolute、fixed）
一、静态static定位：文档里正常盒子的定位。静态定位的元素不会受到 top, bottom, left, right 和z-index影响。二、相对定位relative：盒子现在位置距离盒子原来位置有一段偏移的距离。相对定位方式，相对于其父级元素（无论父级元素此时为何种定位方式）进行定位，准确地说是相对于其父级元素所剩余的未被占用的空间进行定位（在父元素由多个相对定位的子元素时可以看出），且会...
2018-04-21 15:09:33
540
转载 css基础-background设置html元素背景
一. background用来设置html元素的背景。 a) background-color用来定义元素的背景颜色，值为颜色代码，如:#fff;b) background-image用来定义元素的背景图片,值为图片地址，如:url(images/icon.png)c) background-repeat用来设置背景图片是否平铺。 i. ...
2018-04-11 19:18:55
453
原创 2-css基础-元素类型与盒模型
一、html元素（盒子）的四种分类：1、块级元素（block盒子）1)能设置宽高2)独占一行，竖着排列3)它的默认宽度和父元素的宽度一样宽，默认高度和它的内容的高度一样高4)可以设置边框border，可以设置外边距margin，内边距padding（四个方向都可以设置，四个参数：上， 右， 下， 左；两个参数：上下，左右；一个参数：上右下左，三个参数：上 左右 下）5)...
2018-04-11 17:33:59
208
原创 git客户端安装及入门使用
一、安装完git后1、由于Git是分布式版本控制系统，所以需要填写用户名和邮箱作为一个标识git config –global user.name ‘xxxxx’ git config –global user.email ‘[email protected]’2、创建版本库可以随意在一个盘存放版本库，如在D盘根目录下创建一个名为project的版本库，通过命令 git init 把这个目录...
2018-04-09 19:22:34
389
原创 网页图片格式区别
五种网页图片格式对比： 特点 Gif Jpeg Png Svg Webp 透明性 布尔透明类型，它可以是全透明，可以是不透明，它并没...
2018-04-09 16:35:23
740
原创 ps切图基础（慕课网切图篇学习）
一、PS切图基础1、 PS界面设置1) 新建设置：Ctr+N（新建快捷键）预设选定web或自定义，宽1920，高2000像素，背景透明，分辨率72像素/英寸，RGB颜色 8位。在设置好参数后可以点击存储为预设，以后需要使用直接打开就行了。2) 移动工具设置：介绍移动工具针对网站前端的设置属性及其快捷键操作。V（移动工具快捷键）在PSD中选图层：1、按ctrl+...
2018-04-09 14:41:29
3616
原创 两种ps切图方法（图层/切片）
两种Ps切图方法一． 基础操作：a) Ctrl++ 放大图片，ctrl - -缩小图片b) 按住空格键space+，点击鼠标左键，拖动图片。c) 修改单位，点击编辑->首选项-> 单位与标尺，将厘米修改为像素px。d) 点击视图，选择标尺（ctrl+R），清除默认参考线(ctrl+.)，清除切片(ctrl+,)。e) 点击...
2018-04-09 11:25:58
22322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人