- 博客(26)
- 资源 (2)
- 收藏
- 关注
原创 从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 407
原创 疑惑: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 467
转载 ECMAscript到底是什么?它和JavaScript的关系?
要讲清楚这个问题,需要回顾历史。1996年11月,JavaScript的创造者Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这种语言能够成为国际标准。次年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言成为ECMAScript,这个版本就是1.0版。 该标准从一开始就是针对JavaSc
2016-08-17 10:23:31 5280 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 837
转载 z-index失效问题解析
问题源自于我在原网页中加入了一个下拉菜单,在原先单独的下拉菜单代码里z-index并没有问题换到了复杂的网页里z-index显示混乱,由此我进行了相关的了解我们先看一段代码,可以复制下来自己看一下先给出结果图:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"...
2016-08-12 13:55:31 723
原创 a便签hover设置颜色失效问题解决
在页面比较复杂的时候往往会有很多的标签元素,在CSS设置的时候就容易设置失效,这次我遇到的问题就是a标签的hover里设置了颜色但始终失效,最终的解决方法就是在CSS里增加它的选择器的权重值。我们知道权重越高就会覆盖其他的设置,那么想让设置正确显示就要增加选择器的权重,比如加上id选择器等等。
2016-08-12 11:36:23 7866 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简单实现图片上一张下一张操作
简单实现了js的图片上一张下一张效果,没怎么做css美化单纯就是想记录一下js部分。效果图:嘿嘿,wuli爽妹子镇图!! <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>幻灯片</title&
2016-08-01 11:41:21 40990 3
转载 正则表达式
正则表达式:定义,一个正则表达式是由普通字符(a~z)以及特殊字符(元字符)组成的模式字符串。来描述查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配1、字符类(每次只能匹配一个)[...]例子/[012]/意思是匹配方括号里面的任意一个字符就可以[^...]例子/[012]/意思是匹配除了方括号里的字符的任意字符. 匹配
2016-08-01 11:16:48 342
js+table分页
2016-01-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人