- 博客(29)
- 收藏
- 关注
RSS订阅原创 css实现大风车
利用css3中的关键帧动画来实现实现的效果HTML代码//画出风车支撑棍<div class="box6"></div>//包裹整个风车扇叶和中心点的盒子<div class="box"> <div class="box1"></div> <div class="box2"></d...
2019-12-26 20:23:54
1085
原创 纯css实现可乐罐子3D转场特效
纯css写，利用background-attchment：fixed的特点首先看看实现的效果易拉罐随之滚动条的滚动而变化；用到的图片： HTML代码 <!-- 第一个盒子用来展示窗口 --> <div class="box"> <!-- 第二个盒子和第三个...
2019-12-26 17:30:26
733
原创 ES5严格模式
严格模式（Strict mode）是由ECMA-262规范定义的新兴JavaScript标准，第五版发布于2009年12月。旨在改善错误检查功能并且标识可能不会延续到未来JavaScript版本的脚本。ES5严格模式是限制性更强的JavaScript变体，它与常规JavaScript的语义不同，其分析更为严格。目前，除了IE6-9，其它浏览器均已支持ES5严格模式。es5严格模式:不再去兼容e...
2019-12-21 15:34:40
221
转载 关于SEO优化
百度百科：SEO（Search Engine Optimization）搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。SEO的工作原理：网络蜘蛛爬虫，不断的去收集关键字就比如说各大网站的meta标签中加上关键字，以供SEO更快的抓取。从而进行优...
2019-12-21 14:16:38
297
原创 浏览器渲染页面的过程
在了解渲染之前需要了解 DOM CSSOM RenderTreeDOM：Document Object Model，文档对象模型，浏览器将HTML解析成树形的数据结构，简称DOM。CSSOM：CSS Object Model，浏览器将CSS解析成树形的数据结构，简称CSSOM。Render Tree: DOM和CSSOM合并后生成Render Tree。浏览器渲染页面...
2019-12-21 13:51:42
292
原创 用js实现鼠标的小尾巴
实现效果就大概下面的图上的感觉了//css设置样式，设置定位，让其能够移动起来<style> html,body{ width: 100%; height: 100%; } *{ margin: 0; padding: 0; } #big{ width: 100%; height: 100%; position: relative; ...
2019-12-09 19:03:33
1192
原创 clientX、offsetX、screenX、pageX、x的区别
div{ height: 100px; width: 100px; background-color: red; } <div></div> var div = document.getElementsByTagName('div')[0]; div.onclick= function (e){ console.log(e) }...
2019-12-09 17:11:14
483
原创 区分数组与类数组的方法
数组：数组对象用来在单独的变量名中存储一系列的值。我们使用关键词 new 来创建数组对象。类数组：JavaScript类型化数组是一种类似数组的对象，并提供了一种用于访问原始二进制数据的机制（与数组一样具有length与index属性，但是本质确实个Object，最常见的就是arguments）不具有数组的方法。var arr=[]; var obj={}; // 1.通过构造函数来...
2019-12-02 20:30:15
547
原创 两列布局、多列布局
两列布局用css、html编写一个两列布局的网页，要求右侧宽度为200px，左侧自动扩展<div class = 'container'> <div class = 'left'></div> <div class = 'right'></div></div>利用浮动float+margin *{ m...
2019-12-02 15:09:15
328
原创 js中的正则表达式中分组
什么是正则表达式？？？正则表达式在很多语言中都有，但是本篇介绍JavaScript中的正则表达式。w3c：正则表达式是构成搜索模式的字符序列。该搜索模式可用于文本搜索和文本替换操作。菜鸟教程：正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和...
2019-11-23 11:32:37
765
原创 小随笔（怪异标准模式，物理逻辑像素）
怪异模式怪异模式（英语：quirks mode）是指在计算机领域中，一些网页浏览器为了维持对较旧的网页设计的向后兼容性，而使用的一种技术，有别于严格遵循万维网联盟（W3C）与互联网工程任务组（IETF）标准而设计的“标准模式。...
2019-11-20 19:22:58
218
原创 简单理解js中的闭包
所谓闭包，就是有权访问另一个函数作用域内变量的函数。（也就是说能访问到私有变量）在JavaScript语言中，变量分为全局变量和局部变量，而其中的全局变量一旦定义，在任何位置都能访问。而局部变量，只有在其作用域范围内，或者其子函数才能被访问到。那么，如何做到在其作用域范围外，访问到局部变量呢？这时候闭包就充分的发挥作用了，闭包在本质上来说就是把函数内部和外部形成了一个桥梁关系，将其联系在一起。...
2019-11-12 21:08:07
229
原创 JS预编译及作用域链
所谓预编译就是将变量声明提前，函数声明提前其中变量声明的优先级与函数声明的优先级需要弄清楚，大多数认为函数声明的优先级大于变量声明的优先级从浏览器的预解析说起：搜寻关键字（即var function）执行预解析a：先使var关键字声明的标识符有定义（标识符有定义后就不会报错，但未赋值）b:标识符中保存函数的引用从小案例开始console.log(a)var a = 10;...
2019-11-11 20:16:24
232
原创 数组去重两种方法
// 数组去重 function norepeat(arr){ for(var i=0,result=[];i<arr.length;i++){ // 循环遍历arr中的元素并创建一个新的空数组（用来存放结果） for(var j=0;j<result.length;j++){ // 循环遍历用...
2019-11-10 17:23:48
219
原创 逻辑题小案例
有一对兔子，从出生的第三个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问某月的兔子总和是多少？function rabitNum(){ var month = prompt('请你输入月份：'); //先定义前两个月的兔子的数量 var rabit_num1 = rabit_num2= 1, rabit_num; ...
2019-11-10 17:17:14
373
原创 JavaScript函数
函数定义：一段定义好的，并且可以反复使用的代码块function name函数名（参数列表）{代码块（函数体）return（返回值）}function show(){ var a=4, b=6; console.log(a+b)}show();用函数体写时，需要调用；参数列表中可以写实参，形参，也可以不写；例如function num(a,b){ v...
2019-11-04 21:06:43
184
原创 JavaScript的运算符
JavaScript的运算符算数运算符算数运算符包括：+（加法） -（减法） *（乘法） %（取余） /（除法） ++（自增） --（自减）+（加法） var a=4, b=5; console.log(a+b); var a='4', b=5; console.log(a+b);第一个结果为：9...
2019-11-02 14:34:40
194
原创 Javascript的认识
JavaScript的认识首先了解一门语言，我们要先了解其根源。JavaScript是一门解释型语言，也称之为动态脚本语言。（JavaScript和Java之间没有任何关系，只是有一个词相同而已）严格来说JavaScript不是依赖浏览器运行的，而是浏览器中的解析器。只要有解析器，那个地方都能运行。浏览器现今市面上有许多，而有自己内核又占市场份额较大的有：浏览器内核I...
2019-10-27 14:05:43
295
原创 Photoshop的切图的常规流程以及常用快捷键
PS切图常规流程打开ps软件（cc/cs都OK），选择工具栏中的文件，点击打开相应你要导入的文件打开一个文件，锁住图层（防止放大缩小时图片大小发生改变）（放大缩小 alt+鼠标滚轮上下滑动）3. Ctrl +R打开标尺，点击可以改变单位4. 从标尺中拉出参考线，放下你需要裁剪的图片上。选择好你要裁剪的区域，打开裁剪工具中的切片工具。5. 点击你选取的图片选择自动选...
2019-10-23 21:06:46
986
原创 css层叠样式表
css层叠样式表层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。css的作用：用于美化页面 使HTML与css分离（即内容与样式分离）css在HTML中通常有三种方式：内联样式：即在标签上写style属性，一般不推荐使用，复用性极差可扩展性和可维护性差，...
2019-10-14 21:26:47
1098
原创 html中表格及表单
HTML中的表格及表单目录HTML中的表格及表单table标签:form表单：table标签:table标签用来定义HTML表格使用场合：有规律的数据（大量数据显示/查询，不推荐使用）简单的表格由table元素及多个或者一个tr、td、th元素组成。其中tr定义其中表格的行，td定义表格的列，th定义表格的表头（一般文本加粗显示）。table一些的属性...
2019-10-11 18:27:17
541
原创 html基本知识及标签
HTML（HypertextMarkupLanguage）超文本标记语言HTML发展到现在有几个版本，而现今运用最普遍的是HTML5，HTML5是web核心语言HTML的规范。所谓web，web也称为万维网（环球网或者www），我们接触最多的Internet（因特网）与web有着很大的区别，Internet是运行web的基础环境，而web能够将各类信息和服务类型进行链接。随着WEB兴起后的...
2019-10-11 16:48:47
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人