- 博客(23)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 jQuery实现常见的放大镜效果
jQuery实现放大镜效果一、HTML代码<section> <div class="top"> <img src="./imgs/0_big.jpg" alt=""> <div class="mask"></div> </div> ...
2019-09-08 18:05:31
635
1
原创 jQuery制作轮播图
jQuery轮播图轮播图是制作网页时很常见的一个功能。故此发一篇关于轮播图的代码，写的不好还请见谅。我此处使用了jQuery框架，图片切换的思路是最初在HTML标签里只放置一张图片，在切换时更改图片的路径；这样的代码会比放置图片然后切换图片的代码更加简单，优化。然后一些重复使用的代码的封装调用，更加使得代码看上去简单，清楚。我个人觉得还是有可取之处的，当然还有很多的进步空间。欢迎大家借鉴思路...
2019-09-08 17:47:18
909
原创 jQuery动画
自定义动画 // para1: object类型，需要动画的样式key:value对象 // para2: 动画时间，可以缺省，默认为400 // para3: 动画速率函数，可以缺省 // para4: 动画结束的回调函数，可以缺省 // 有些css样式不支持动画 ...
2019-09-06 09:04:01
419
原创 jQuery运用（1）
一、选择器jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。$('#myId') //选择id为myId的网页元素 $('.myClass') // 选择class为myClass的元素 $('li') //选择所有的li元素 $('#ul1 li') //选择id为为ul1元素下的所有li元素 $('inpu...
2019-09-05 21:28:56
219
原创 jQuery框架介绍
一、jQuery介绍jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。jQuery可以简便的实现js DOM遍历、操作、事件处理、动画、ajax等操作； jQuery 是为改变你编写JavaScript 的方式而设计的。二、jQuery的特点：1：轻量级的JS函数库jQuery的核心js文件几十KB，不会影响页面加载...
2019-09-05 21:14:10
683
原创 for循环笔记
for循环语句for循环写法：for(表达式一;表达式二;表达式三）{ }表达式作用：表达式一:初始化循环次数(是变量)，只有程序第一次执行for循环时候才执行，之后再也不执行初始化:当页面加载时。初始化后就不会被执行了;但是后期会被改变表达式二：为循环条件，作用：能否执行循环体，就看是否满足条件表达式三：改变初始化变量，作用：控制循环次数for循环应用：如果某个语句需要被执行...
2019-08-30 22:54:02
3448
1
原创 js中函数function
函数：将返回执行的代码封装成方法function 函数名() { }函数名()函数组成：函数名 参数 函数体a.函数名具有唯一性b.参数分为实参和形参c.函数体作用：完成该函数的功能函数定义：function函数体中代码不会被执行函数执行：函数名字()函数执行后，就会执行函数体中的代码块例如下面代码： // y = x + n;求任意两个数的和 // fu...
2019-08-25 20:20:42
1735
原创 js中if语句以及三元运算符
控制语句语句控制的是：数据 运算符 以及表达式语句可以完成逻辑编程；语句中的代码片段，不是所有的都必须执行控制语句分类：1.条件语句2.循环语句今天接下来主要写的是条件语句。条件语句1.if(){} else{}应用：在不同条件下输出不同结果时， 难点【如何根据条件写表达式】代码块中变量 是【全局变量】如果执行满足一个条件的代码块，其他条件下代码块不会执行()必须是【tr...
2019-08-22 22:50:13
3218
原创 补充数组中splice模拟其他方法
splice模仿其他方法列举:1.模拟push(): var arr = [1, 2, 3, 4]; // arr.push(5); arr.splice(arr.length, 0, 5); console.log(arr, arr.splice);2.模拟unshift(): var arr1 = [1, 2, 3, 4]; // arr1.unshift(12)...
2019-08-19 22:49:56
196
原创 js对象都有哪些呢？
1.布尔对象a.创建：new Boolean() 作用是构建布尔对象，将其他数据转化为布尔类型。b.创建布尔对象与转换布尔值：布尔对象的属性 : constructor(返回对创建此对象的Boolean函数的引用)。使用“new Boolean()”构造函数将参数转换成一个布尔值，并创建一个布尔对象，而使用“Boolean()”转变函数只是将一个值转换成布尔类型的数据。（1）如果参数为...
2019-08-18 19:57:44
2510
1
原创 你缺对象吗？快来跟我学...
对象创建对象方式一:var obj= {};对象语法结构{key:value,key:value} var obj = {}; obj.name = '胖达'; obj.age = '18'; obj.dec = '这个人长得真好看'; obj.stu = { name: '胖达', ...
2019-08-16 19:12:09
186
原创 js变量和运算符
运算符运算符是指完成操作的一系列符号，也称为操作符。运算符用于将一个或多个值进行运算并返回结果。使用运算符的值称为操作数。运算符和操作数的组合称为表达式运算符分类（1）算术运算符 + - * / % ++ –x++ x–先赋值后运算，没有输出运算结果。++x --x先运算后赋值，输出表达式运算结果。（2）比较运算符 > < ...
2019-08-16 14:49:24
906
原创 js入门
js入门什么是JavaScriptJavaScript与Java的区别JavaScript程序的运行开发环境JavaScript的特点JavaScript的优点与局限1.什么是JavaScript？人们通常所说的JavaScript，其正式名称为ECMAScript。这个标准由ECMA组织发展和维护。ECMA-262是正式的JavaScript标准。这个标准基于网景（Netsca...
2019-08-15 21:03:28
756
原创 css规范
css规范简介作为前端开发人员，先问问小伙伴们在写CSS时是否碰到以下问题。(1)你总是看不懂别人写的代码，或者读起来很吃力?(2)你总是怕自己编写的代码与同事的有冲突或者互相影响?(3)你的代码在多次维护之后，是否变得越来越臃肿，越来越难以维护?(4)当你需要修改同事写的代码时感觉无从下手，或者要去问他如果改了这里那里会不会影响其他代码?其实出现上面这些情况的根本原因在于，CSS代...
2019-08-12 13:59:48
237
原创 css-2D转换以及过渡
2D概念转换是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放，甚至支持矩阵方式，配合即将学习的过渡和动画知识，可以取代大量之前只能靠Flash才可以实现的效果。2D 动画要是使用 transform 属性来实现文字或图像的的各种变形效果，如位移、缩放、旋转、倾斜等。transform属性变形方法：1.translate()：位移 将元素沿着水平方向（X轴）和...
2019-08-12 08:59:40
303
原创 Web前端面试题——HTML/CSS部分
以下是我整理的一些HTML和css的基础面试体。1.DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。2.HTML...
2019-08-10 17:30:39
2050
原创 css元素的显示和隐藏
css隐藏方法1、使用display:none;方法。2、使用visibility: hidden;方法。首先先来看一下display和visibility的属性display属性设置元素的显示方式，对应脚本特性为display，可选值为none、block和inline，各值的说明如下：none：隐藏元素，不保留元素显示时的空间。block：块方式显示元素。inline：以内嵌方式...
2019-08-10 16:22:48
376
原创 css盒子模型
盒子模型html文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒模型。盒模型通过四个边界来描述：margin（外边距），border（边框），padding（内边距），content（内容区域）。盒子的两种初始状态1.类似div的盒子一个盒子自动占据一行特点：可以设置固定的宽高，margin，padding。2.类似span盒子一个盒子中的内容...
2019-08-10 14:03:58
1904
原创 css定位笔记
css定位定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。定位的值以及对应的属性如下表所示：值属性static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。relative生成相对定位的元素，相对于其正常位...
2019-08-10 11:22:30
1004
3
原创 浮动布局
什么是浮动CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。对于新手 CSS 开发人员，尤其前端 Web产品开发人员，float 属性可以说是用得最频繁的布局属性了，所以他们很可能会对 float属性有误解，认为 float 属性就是为各种块状布局而设计的，实际上不是的。浮动的本质就是为了实现文字环...
2019-08-06 19:33:43
2498
原创 弹性布局
前言在网页制作过程中，布局是我们最重要的一个环节。可以说布局的好坏直接影响到整个网页的成败！布局成，则事半功倍；布局败，则事倍功半。弹性布局简介弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，目前，它已经得到了所有浏览器的支持，我们可以放心大胆的使用。浏览器兼容性弹性布局的使用...
2019-08-05 22:55:19
522
原创 css选择器优先级
CSS新手笔记1.CSS的定义由三部分构成：1.基本语法机构：选择器{属性：值；}2.三个值作用：.选择器作用： 选中标签对其进行样式美化属性作用：对元素进行哪些样式美化值作用：决定属性美化样式的程度注意：css中的属性与html元素行内属性不是一个东西2.基本选择器 通配选择器 选择文档中所有HTML元素,例:*{ margin:10px} 元素选择器 选择指...
2019-07-28 21:45:46
735
原创 html笔记
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-07-22 23:03:36
158
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人