- 博客(207)
- 资源 (2)
- 收藏
- 关注
原创 input标签输入框点击时出现默认边框
要去掉input标签输入框点击时出现的默认边框,即如下图解决:input{outline:none;}
2016-09-20 16:10:22 5837 2
原创 元素的padding值使元素整体扩大
问题:元素的padding值设定会使元素的整体扩大解决:给元素添加box-sizing:border-box;
2016-09-20 16:03:14 1214
原创 子元素的margin-top值会使父元素也出现margin-top值问题
子元素的margin-top会使父元素也出现margin-top值解决:(1)父元素添加overflow:hidden; (2)父元素用padding-top代替子元素的margin-top值
2016-09-20 16:01:30 375
原创 前端面试题汇总3
21、js的基础对象有哪些?window和document的常用方法和属性列出来。基础对象:Number、String、Booleanwindow:方法:setInterval、setTimeout、clearInterval、clearTimeout、alert、confirm、open属性:name、parent、screenLeft、screenTop、self、top、st
2016-09-20 11:15:57 324
原创 前端面试题汇总2
11、JavaScript中如何检测一个变量是一个string类型?string类型有两种生成方式(1)var str="hellow";(2)var str1=new String("world");function isString(str){ return (typeof str=="string"||str.constructor==String);}那么
2016-09-20 10:48:00 350
原创 前端面试题汇总1
1、判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母数字、下划线,总长度为5-20var str="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa2afxsld_sldkjie232";var reg=/^[a-zA-Z][a-zA-Z0-9_]{4,19}$/;alert(reg.test(str));2、截取字符串abcdefg的ef
2016-09-19 16:28:44 309
原创 JavaScript中substr和substring的区别
substring和substr都是截图字符串的方法,两者的区别是:substring(开始的位置,结束的位置),所截取的字符长度为:结束位置-开始位置substr(开始的位置,截取的长度),所截取的字符长度为:截取的长度写一个例子如下: var string="abcdefg";var s1=string.substr(0,3);alert(s1);var s2=st...
2016-09-18 14:38:46 259
原创 CSS清除浮动的几种方法(有实例)
首先我们要说一下浮动带给我们的问题:如果父元素没有设定固定高度那么当子元素设置浮动时父元素不会被撑开,很明显这会影响我们的布局效果如下:1、第一种方法:after伪元素(推荐使用)给浮动元素的父元素添加类名clearfix并设置clearfix的css /*第一种方法:after伪元素 推荐使用这种方法*/.clearfix:after{ content:"";...
2016-09-18 14:18:02 391
原创 三列布局中间列宽度自适应
需求:三列布局,左右两列宽度固定,中间列宽度自适应解决:这个问题是采用绝对布局解决的,左右两列绝对布局中间普通设置样式就OK效果图:代码如下: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>&am
2016-09-09 16:54:51 498
原创 图片压缩方法
在前端中,我们切图之后图片要求在一定大小之内比如200k,那么需要我们对图片进行处理。我选择的处理方法有两种:第一种:图片本身尺寸不大适当缩放不影响效果对于这种图片我们可以把图片的尺寸缩小方法:PS-》图像-》图像大小-》修改高度和宽度第二种:图片本身非常大靠第一种方法缩放尺寸会造成应用图片时糊图对于这种图片我们可以把它改成JPEG格式的方法:PS-》文件=》存储为we
2016-09-07 15:54:01 302
原创 IE下兼容CSS3属性(或IE兼容box-shadow)方法
本文主要讲述IE下兼容CSS3属性的方法,问题来源于我想要在IE下用box-shadow这个属性做阴影,所以会主要围绕box-shadow来讲。第一种:如果我们想要在IE下兼容CSS3的属性可以使用ie.css3-htc,不过按照网上给出的解释是只能兼容部分的属性。下面我们来看用法和例子用法:下载ie-css3.htc文件然后只需要在css代码里加上一句 behavior: ...
2016-09-07 11:44:16 17486
原创 JavaScript右下角广告
效果图:代码: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .con{
2016-09-02 16:52:46 336
原创 JavaScript弹出层效果
效果图:(简单实现功能)代码: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>弹出层效果</title> <style> a
2016-09-02 16:31:18 234
转载 JavaScript-瀑布流布局
效果图:起初我们加载了25张图片,拖动滚动条的时候根据判断会读取后台提供的数据显示加载更多的图片实现代码: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>javascript瀑布流布局<
2016-09-02 15:38:14 209
转载 JavaScript函数表达式
函数表达式是JavaScript中的一个既强大又容易令人困惑的特性。定义函数的方式有两种:一种是函数声明,另一种就是函数表达式。函数声明的语法: function 函数名(参数1,参数2,参数三){ //函数体}首先是function关键字,然后是函数的名字,这就是指定函数名的方式。 关于函数声明,它的一个重要特征就是函数声明提升,意思是在执行代码之前会先读取函...
2016-09-01 11:23:30 283
原创 从psd到HTML个人记录
从psd到HTML:1、准备工作:对psd进行审视,看头尾,找公共部分2、样式:重置样式、公共样式、独立样式3、尽量不要用id,用class就好4、命名的方式要让自己清楚不要用拼音,注意规范5、如果有居中可以写一个自己的居中容器然后调用class就行6、先把架构写出来再填充PS里的选择工具,设置为自动选择和图层,选择元素,转化为智能对象然后存储为web所用格式。对于...
2016-08-26 16:21:33 585
原创 web移动端开发个人记录
记一些自己尝试移动端web开发的常用点1、meta标签,常用的设置 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">user-scalable具体看让不让用户缩放 2、不同移动设备尺寸的字号设置320宽度尺寸的默认设置 html...
2016-08-26 10:26:35 406
原创 疑惑:JavaScript的Date.UTC()方法输出和定义不一致
根据《JavaScript高级程序设计》中对JavaScript中Date.UTC()的描述写入 var time=new Date(Date.UTC(2016,7,22));alert(time);输出应该是2016年8月22日午夜0时 但实际输出是Mon Aug 22 2016 08:00:00 GMT+0800时间8点整为什么会对不上呢?...
2016-08-22 10:11:02 547
转载 JavaScript组成
JavaScript是一种专为与网页交互而设计的脚本语言,由三个不同的部分组成:1、ECMAScript,由ECMA-262定义,提供核心语言功能;2、文档对象模型DOM,提供访问和操作网页内容的方法和接口;3、浏览器对象模型BOM,提供与浏览器交互的方法和接口。
2016-08-17 10:45:04 466
转载 ECMAscript到底是什么?它和JavaScript的关系?
要讲清楚这个问题,需要回顾历史。1996年11月,JavaScript的创造者Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这种语言能够成为国际标准。次年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言成为ECMAScript,这个版本就是1.0版。 该标准从一开始就是针对JavaSc
2016-08-17 10:23:31 5279 1
转载 市场急需的前端工程师基本技能
逛帖子看到的,记录一下:html标签的使用(何时该用何种标签)DNS解析、使用CDN和关于multiple Hostnames as part of resources request;HTTP Headers (Expires, Cache-Control, If-Modified-Since);如何解决PageSpeed, YSlow, Chrome Dev Too
2016-08-16 18:20:13 336
原创 响应式布局或自适应网页设计
看了一篇不错的自适应网页设计介绍就自己试着做了一下,原文写的确实很好,收获很多。下面放上链接和自己的例子:链接:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html对原文知识点的整理: 一、允许网页宽度自动调整viewport是网页默认的宽度和高度,下面这行代码的意思是,网页宽度默认等于屏幕宽度wi...
2016-08-16 14:18:40 1113
原创 图片透明切换
效果就是图片切换时的效果是透明度变换的效果图:代码如下: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>
2016-08-15 16:13:51 339
原创 图片轮播(上一幅下一幅+圆点+自动切换)
效果图如下:代码如下: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{
2016-08-15 14:43:23 5106 1
原创 三级菜单:有滚动跳转和选择展示相应内容
效果图如下:(此菜单可以应用于电商种类选择页面,此处是仿优车诚品官网首页)代码如下,可直接复制粘贴查看效果 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title>
2016-08-15 11:32:16 835
转载 z-index失效问题解析
问题源自于我在原网页中加入了一个下拉菜单,在原先单独的下拉菜单代码里z-index并没有问题换到了复杂的网页里z-index显示混乱,由此我进行了相关的了解我们先看一段代码,可以复制下来自己看一下先给出结果图:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"...
2016-08-12 13:55:31 722
原创 a便签hover设置颜色失效问题解决
在页面比较复杂的时候往往会有很多的标签元素,在CSS设置的时候就容易设置失效,这次我遇到的问题就是a标签的hover里设置了颜色但始终失效,最终的解决方法就是在CSS里增加它的选择器的权重值。我们知道权重越高就会覆盖其他的设置,那么想让设置正确显示就要增加选择器的权重,比如加上id选择器等等。
2016-08-12 11:36:23 7865 3
原创 下拉菜单
效果图:代码: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"&
2016-08-11 18:05:06 242
转载 JavaScript四种继承方式
原型继承function Person(name,age){ this.name=name; this.age=age;}Person.prototype.say=function(){ alert(this.name+" is garbage!");};function Man(){}Man.prototype=new Person('霍顿',22);...
2016-08-09 13:50:36 331
转载 web前端知识补充记录
1、判断字符串是否是这样组成的,第一个必须是字母,后面可以使字母、数字、下划线,总长度为5-20./^[a-zA-Z][a-zA-Z_0-9]{4,19}$/ 2、截取字符串abcdefg的efgvar str="abcdefg";var s=str.substr(str.length-3,str.length);alert(s);3、让一个input的背景颜色变成红色...
2016-08-04 17:39:39 442
原创 前端书籍推荐之《精通JavaScript+jQuery》
我在读这本书之前已经自学前端有近一年的时间了。从大三下学期开始进入找实习的混乱期,不知道自己要走什么方向,懵懵懂懂跌跌撞撞。Java-》测试-》后端-》前端,大致经历了这样一个特别混乱的时期。给后来人的建议是:早点定方向吧,换来换去心好累T_T。 刚开始自学是跟着腾讯课堂里的老师做网页,对于web开发我不是0基础起码HTML是项目中写过的。这样边听视频边写代码,一个周我的CSS和
2016-08-04 15:40:37 3225
原创 jQuery与ajax
jQuery将ajax的步骤进行了总结,总合成了几个实用的函数方法 第一种load function startRequest(){ $("#target").load("14-1.aspx"); } load用法:load(url,[data],[callback]); url是异步请求的地址,data用来向服务器传送请求数据,启用d...
2016-08-04 15:06:02 246
原创 读《精通JavaScript+jQuery》笔记三
//对于IE浏览器下处理textarea直接用maxlength无效果的方法 function less(obj){ return obj.value.length < obj.getAttribute("maxlength"); } //动态添加表格,在第一行之后添加一行数据。 var ot=document.getElementByI...
2016-08-03 18:03:18 385
原创 读《精通JavaScript+jQuery》笔记二
//函数在执行过程中只要执行了return语句后便会停止继续执行函数体中的任何代码//JavaScript函数代码中有个特殊对象arguments,无需明确指出参数的名称就能够直接访问他们function sayName(){ if(arguments[0]=="bye"){ alert("bye"+"-"+arguments.length); }}say...
2016-08-02 13:56:38 494
转载 js实现九九乘法表
<body><table cellpadding="6" cellspacing="0" style="border-collapse:collapse;border:none;"><script> for(var i= 1;i<10;i++){ document.write("<tr>
2016-08-02 10:51:04 547
原创 读《精通JavaScript+jQuery》笔记一
// 数值转字符串 var num=124; num=num+""; alert(typeof(num));//结果是string var num2=123; num2=num2.toString(); alert(typeof(num2));//结果是string// 字符串转数值 var s="liona"; s=...
2016-08-02 10:49:34 439
原创 css布局-两列,左边宽度自适应,右边固定宽度200px
<style> *{ margin:0; padding:0; } #box{ width:100%; height:200px; position:relative; } #left{...
2016-08-01 17:42:23 2006
原创 鼠标单击后button1到button2的后面
代码:<div> <input type="button" id="button1" value="button1" onclick="changePos(this);"> <input type="button" id="button2" value="button2" &a
2016-08-01 17:32:47 2668
转载 幽灵按钮-按钮特效
效果是:图标鼠标以上旋转并缩放,按钮鼠标移上有线条飞入且箭头移动有提示框鼠标移开线条飞出效果图如下:代码如下: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title>
2016-08-01 15:59:05 1723
js+table分页
2016-01-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人