web前端
简称web
zxh...
有事发邮箱Zhang586534@163.com
展开
-
for循环语句
for语句格式: for(始值;逻辑条件;变量(增减量) { 执行语句体}为什么会出现死循环?在使用for语句时,需要保证循环可以正常结束,也就是保证循环条件的结 果存在不为true的情况,否则循环体会无限地执行下去,从而出现死循环现象。跳转语句(1)break:直接结束整个循环;(2)continue:结束本轮循环,开始下一轮循环;案例分析eg:...原创 2018-11-28 19:32:09 · 830 阅读 · 0 评论 -
获取元素方法与数组
获取元素方法:(1), 通过js的dom方法:getElementById() :根据元素的id获取元素(2),通过getElementsByClassName():根据元素的class获取页面元素;(3),通过getElementsByTagName(): 根据元素标签的名称获取页面元素;<html> <head> <meta cha...原创 2018-12-02 22:34:37 · 1709 阅读 · 0 评论 -
js处理字符串与冒泡排序
冒泡排序1.比较相邻的两个元素,如果前一个比后一个大,则交换位置。2.第一轮的时候最后一个元素应该是最大的一个。3.按照步骤一的方法进行相邻两个元素的比较,最后一个元素不用比较。比较常用的 JavaScript 内置对象主要有以下几种:(1)字符串对象 String;(2)日期对象 Date;(3)数组对象 Array;(4)数值对象 Math 和 Number处理字符串(1...原创 2018-12-04 09:09:45 · 507 阅读 · 0 评论 -
函数调用及参数使用
函数:重复执行的代码块(事件驱动重复执行的代码块)函数分类:匿名函数:语法:var myfunction=function(){函数体};有名函数:语法:function 函数名称(){函数体};函数调用:通过自己调用:函数名();通过事件驱动的方式进行调用函数;函数参数:形参:创建函数的时候添加的形同虚设的参数;实参:调用函数时添加的与形参一一对应真实存在的参数;(一...原创 2018-12-04 21:35:57 · 411 阅读 · 0 评论 -
前端JQuery-动画效果学习(一)
显示隐藏的元素 : show(speed,easing,fn);隐藏显示的元素 : hide(speed,easing,fn);切换隐藏显示效果:toggle(speed,easing,fn);<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></...原创 2019-03-29 18:48:27 · 576 阅读 · 0 评论 -
前端JQuery-属性学习(二)
设置或返回被选元素的属性值:attr(name|properties|key,value|fn)返回文档中所有图像的src属性值:$("img").attr("src");为所有图像设置src和alt属性:$("img").attr({ src: "test.jpg", alt: "Test Image" });从每一个匹配的元素中删除一个属性:removeAttr(name)将文...原创 2019-03-30 10:29:59 · 200 阅读 · 0 评论 -
JS事件详知
事件事件定义:指的是文档或者浏览器窗口中发生的一些特定交互瞬间。事件类型:就是什么类型的字符串,像鼠标悬浮, 按下键盘等。事件目标:事件目标是发生的事件或与之相关的对象,事件是要添加给哪个对象。事件处理程序:响应某个事件的函数则称为事件处理程序,或者叫做事件侦听器。事件对象:事件对象是与特定事件相关且包含有关该事件详细信息的对象。事件传播:事件传播是浏览器决定那个对象触发其事件处理程序...原创 2018-12-06 11:45:35 · 213 阅读 · 0 评论 -
前端JQuery-CSS样式学习(三)
1、访问匹配元素的样式属性:css(name|pro|[,val|fn])取得第一个段落的color样式属性的值。$("p").css("color");将所有段落的字体颜色设为红色并且背景为蓝色。$("p").css({ "color": "#ff0011", "background": "blue" });将所有段落字体设为红色$("p").css("color","red")...原创 2019-03-30 12:06:19 · 231 阅读 · 0 评论 -
js中选择结构语句
自增自减自增:a++: 表示的是a=a+1 先赋值后运算++a: 表示的是a=a+1 先运算后赋值自减a-- : 表示先赋值后运算–a : 表示先运算后赋值选择结构1、顺序结构:是JavaScript中最基本的结构,说白了就是按照从上到 下、从左到右的顺序执行2、选择结构 :按照给定的逻辑条件来决定执行的顺序,有单向选择、 双向选择和多向选择之分,但是程序在执行过程中都只是...原创 2018-11-27 21:24:06 · 5358 阅读 · 0 评论 -
JavaScript中数据转换及运算符
javascript(行为层)JavaScript 是一种基于对象和事件驱动的客户端脚本语言,提供用户界面的交互。万事万物都是对象三大特征:属性: 用来描述一个对象的外观特征表现.方法(主动行为): 对象自己本身所具备的能力.事件(被动行为): 对象自己接受到一种指令需要完成的一 种行为.编译语言:把程序编译成cpu可识别的文件,统一执行展示给用户;解析语言:把程序解析一行执行一行...原创 2018-11-26 22:26:15 · 295 阅读 · 0 评论 -
css3D效果的实现(透视的简单了解)
3D效果tramsform-style: preserve-3D;保留3D效果;backface-visibility 设置元素背面是否可见;透视perspective:透视(添加给父元素)电脑是2D 平面,图像之所以具有立体感(3D 效果),其实只是一 种视觉干扰,通过透视可以实现此目的。透视可以将 2D 平面,在转换的过程当中,呈现 3D 效果。当然并不是所有情况都需要透视。值...原创 2018-11-25 17:36:58 · 2467 阅读 · 0 评论 -
HTML基础面试题
一选择:1、网页的后缀名通常xxx.html与xxx.htm。2、请写出在网页中设定表格边框厚度的属性border-width,设定单元格与单元格间距的是cellspacing,内容与单元格间距cellpadding。3、预定义格式化标签pre功能是:标记内的内容按照原格式显示在网页中,被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。4、CSS中的选择器基本可以...原创 2018-11-25 18:51:21 · 854 阅读 · 0 评论 -
HTML基础详知
基本标签:&amp;amp;amp;lt; b &amp;amp;amp;gt; 加粗; &amp;amp;amp;lt; i &amp;amp;amp;gt; 倾斜; &amp;amp;amp;lt; u &amp;amp;amp;gt; 下划线; &amp;amp;amp;lt; br &amp;amp;amp;gt; 换行;&amp;amp;原创 2018-10-30 23:14:33 · 167 阅读 · 0 评论 -
marquee属性用法
框架&amp;amp;lt; frameset &amp;amp;gt;&amp;amp;lt; rows &amp;amp;gt;行 &amp;amp;lt; cols &amp;amp;gt; 列&amp;amp;lt; frameborder &amp;amp;gt; 有无边框 0(无边框)1(有边框)bordercolor 背景颜色原创 2018-10-31 23:06:59 · 363 阅读 · 0 评论 -
css选择器的详细介绍
css作用:很好的将结构与表现进行分离;css样式的三种表现形式: 行内样式 通过style属性将样式写入标签中 内嵌样式 通过style标签将样式写入head标签中 通过link标签引入外部css文件夹中css样式 *块元素*:会占据文档中一行显示,即使设置宽也会占据一行;div: 没有具体含义,用于页面的布局,替代了原始的table与框架布局;一:行内样式...原创 2018-11-04 18:16:24 · 211 阅读 · 0 评论 -
css中元素溢出及marign-top塌陷问题
选择器:组合选择器(组选择器)格式:选择器名 ,(中间用逗号隔开) 选择起名{属性:属性值}伪选择器原创 2018-11-05 23:37:26 · 607 阅读 · 2 评论 -
css浮动与三大定位
浮动:一:定义:所谓的浮动就是指元素脱离文档流,漂浮到文档流的上方,不会占据位置。二:浮动七大特性:(1).浮动元素有左浮动(float:left)和右浮动(float:right)两种.(2).浮动的元素会向左或向右浮动,碰到父元素边界,浮动元素,未浮动的元素才停下来.(3).相邻浮动的块元素可以并在一行,超出父级宽度就换行.(4).浮动让行内元素或块元素自动转化为行内块元素.(5...原创 2018-11-07 23:04:30 · 197 阅读 · 0 评论 -
HTML5基础语义化标标签及伪类选择器
指HTML5与css3及Javascript。文档第一行是当前文档类型(html1.0-html5.0)原创 2018-11-13 23:22:49 · 208 阅读 · 0 评论 -
css边框背景阴影设计及动画渐变效果
阴影:边框阴影:box-shadow1、水平偏移量 正值向右 负值向左;2、垂直偏移量 正值向下 负值向上;3、模糊度是不能为负值; 代码演示:文本阴影:text-shadow:边框边框圆角:border-radius:上右下左;边框图片:border-image-source 用在边框的图片的路径。border-image-slice 图片边框向内偏移。bord...原创 2018-11-16 17:47:20 · 1141 阅读 · 1 评论 -
BootStarp响应式布局及栅格系统
Bootstrap 特点Bootstrap 非常流行,得益于它非常实用的功能和特点。主要核心功能特点如下:(1).跨设备、跨浏览器可以兼容所有现代浏览器,包括比较诟病的IE7、8。当然,本课程不再考虑IE9 以下浏览器。(2).响应式布局不但可以支持PC 端的各种分辨率的显示,还支持移动端PAD、手机等屏幕的响应式切换显示。(3).提供的全面的组件Bootstrap 提供了实用性很强...原创 2019-04-03 10:32:45 · 1234 阅读 · 0 评论