- 博客(70)
- 收藏
- 关注
RSS订阅原创 学习的地址网站
http://jsblocks.com配色神器 http://www.fancynode.com.cn/jqueryUI http://www.w3cschool.cc/jqueryui/jqueryui-theme.html http://www.w3cschool.cc/jqueryui/jqueryui-use.html
2015-06-29 09:37:54
571
转载 对docume,准确获取网页客户区的宽高、滚动条宽高、滚动条Left和Top
关于Chrome（谷歌浏览器）对docume,准确获取网页客户区的宽高、滚动条宽高、滚动条Left和Top对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE对盒模型的渲染在 Standards
2015-02-27 17:17:23
548
转载 meta标签的用法
meta的使用方法 meta标签 meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码： ＜head＞ ＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞ ＜/head＞ 也许你认为这些代码可有可无。其实如果你能够用好met
2015-02-14 09:54:53
479
原创 兼容性问题
当一个网页的内容较多时，不是很适合自适应，而是固定其宽度，让高随着内容而增大，或是给一个最小高度（min-height）。在做兼容性考虑时，因为不是很熟练，所以要每做一步进行测试一步。如filter（滤镜效果）只有IE4.0以上支持滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropSh
2015-02-13 08:59:56
438
原创 Photoshop的切片功能2
超链接的使用：1、先选中该切片块，再单击右键，选择编辑该切片块；2、在URL栏中写要链接的路径；在目标栏中不写 ，则代表是在该窗口打开新网页，若写上 _blank,则代表在新窗口打开新网页；信息文本栏中 代表鼠标移上去后状态栏显示的注释；Alt标记栏中 代表当图片无法正常显示时，替代的文字。隐藏切片： ctrl+h删除所有的切片：视图 清除所有切片
2015-02-12 09:31:26
486
原创 PhotoShop中的切片功能
切片工具的功能：1、是最直白的网页布局方法，不用再想如何去设计表格；2、可以有效地减小页面文件的大小，提高浏览者浏览页面的体验。切片原则：1、切片是生成表格的依据，切片的过程要先总体后局部，即先把网页整体切分成几个大部分，再细切其中的小部分；2、对于渐变的效果或圆角等图片特殊效果，需要在页面中表现出来，要单独切出来；3、在用代码生成时，如果能用背景颜色代替的就用背景
2015-02-11 10:00:07
768
原创 ps设计网页练习2
经过这4天的学习，对photoShop设计网页有了一点点的概念了，和之前学习前端时，对设计的理解有了很大的反差。（之前以为是大家一起讨论制作思路，一起来找素材，一起构建框架，一起用代码把效果页面等实现）。而现在是由产品部先设计出原型；再由设计部进行优化，创新；最后由技术部进行代码编程。这四天中每天都在页面设计，每天都在挣扎中度过。要用心学习，沉着，冷静。把写前端时的思想带入到设计中，两者结
2015-02-10 09:01:05
601
原创 图片格式的兼容性问题
PNG图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利!但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给”.png”格式的图片加个灰色背景。解决这个的方法是增加javascript。
2015-02-09 09:26:37
1408
原创 photoshop制作网页原型
设计时，注意分组和分层，也注意其命名规范。用图层组管理网页元素 首先是在Photoshop中制作好网页的框架。网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的
2015-02-05 19:58:12
2350
原创 浏览器兼容性问题1
什么是浏览器兼容问题？ 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。为什么会出现浏览器兼容问题？浏览器兼容问题的出现，是因为各个浏览器对W
2015-01-15 22:06:43
567
原创 css属性继承问题
概念：所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质，它是依赖于祖先-后代的关系的。继承特性最典型的应用通常发挥在整个网页的样式预设，需要指定为其它样式的部份设定在个别元素里即可。css规则告诉浏览器如何去渲染HTML页面上特定的元素，css规则由两大部分组成，选择器+声明块，如：body{color:red;}color属性的继承案例1：//body{color:red
2015-01-08 20:28:07
1956
原创 nodeJs的buffer类
nodejs中的buffer类在javascript中对于二进制的操作没有很良好的支持，但是在处理tcp或者文件流的时候(当然在js中这个不重要)，必须处理二进制文件，所以在nodejs定义了一个buffer类，专门用于处理二进制流，主要创建一个二进制缓存区查看补充1：创建buffer对象——new Buffer(size)创建一个buffer对象并且初始化大小(通过构造函数)
2014-11-19 18:38:15
1137
原创 http服务器
var http=require('http');var mysql=require('mysql');var pool=mysql.createPool({host:'127.0.0.1',port:3306,database:'test',user:'root',password:'ds123456', connectionLimit:20})
2014-11-19 18:31:52
530
原创 nodeJs语法1
REPL运行环境一个比较良好的交互式运行环境，我们可以在这里做简单的测试和调试，由于nodejs由v8 javascript脚本引擎解释，所以这也是一个比较好的用于插入式我们的脚步的地方我们输入node 则可以进入案例输入变量str='hello'---不能输入var因为我们的字符串会被直接解析出来 javaScript---eval()console.log('str
2014-11-18 19:06:10
732
原创 nodeJs对数据库的操作练习
nodeJs 对数据库的操作1、建立和关闭连接var mysql=require("mysql")var conn=mysql.createConnection({host:'127.0.0.1',port:3306,user:'root',password:'ds123456',database:'test'})conn.connect(f
2014-11-18 19:03:33
549
原创 nodeJs的基础语法
nodejs基础语法Node.js的数据类型Node.js的逻辑判断Node.js的各种循环Node.js中使用函数看看和js有没有什么区别 使用 node 的 REPL 模式REPL （Read-eval-print loop），即输入—求值—输出循环。Number (数字)Boolean (布尔)Object (对象)Arra
2014-11-13 18:56:34
3699
原创 聚合函数
使用聚合函数进行统计汇总count：返回结果集中行的数目sum：返回结果集中所有值的总和avg：返回结果集中所有值的平均值max：返回结果集中所有值的最大值min：返回结果集中所有值的最小值语法形式如下：select count（计数规范） from 表名select sum（计数规范） from 表名select avg（计数规范） from 表名
2014-11-13 18:54:53
730
2
原创 nodeJs的简单介绍
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台， 用来方便地搭建快速的 易于扩展的网络应用· Node.js 借助事件驱动， 非阻塞I/O 模型变得轻量和高效， 非常适合 运行在分布式设备 的 数据密集型 的实时应用Node.js是一个可以快速构建网络服务及应用的平台[2] 。该平台的构建是基于Chrome's JavaScript runtime，
2014-11-12 20:18:57
564
原创 简单的数据查询
查询的基本结构标准select查询由select子句、from子句、where子句、order by子句组成，其语法如下：select [distinct] {* | column [alias]，...}from table[where condition][order bycolumn]投影操作是指在sql查询中，使用select子句，选择将
2014-11-12 20:14:41
441
原创 SQL的补充知识点
mysql中与null相加的问题解决方案SELECT eName,sal+IFNULL(comm,0) from emp关于小数点的问题salary DECIMAL(5,2)5精度2小数format函数SELECT FORMAT(1234.9999999,2)SELECT FORMAT(avg(sal),0) from emp GROUP BY deptNo
2014-11-11 19:12:31
375
原创 sql的增，删，查，改
常用五类约束：’’ not null：非空约束，指定某列不为空 unique： 唯一约束，指定某列和几列组合的数据不能重复 primary key：主键约束，指定某列的数据不能重复、唯一 check：检查，指定一个表达式，用于检验指定数据 foreign key：外键，指定该列记录属于主表中的一条记录，参照另一条数据建表规则：常用操作alter t
2014-11-11 18:04:44
377
原创 SQl简介及常用约束条件
MySQL 是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，目前属于Oracle公司。目前主流数据库：微软：sqlServer accessOracle：Oracle mysql javaIBM公司：db2Sybase公司：Sybaseadministratorrootservices.mscnet start mysqlnet stop m
2014-11-11 18:00:22
1126
原创 JS代码注意事项
JS代码就是JavaScript编写的脚本文件的代码。用单独文件保存，扩展名为.JSJS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navi
2014-11-03 22:06:29
609
转载 学习JS的建议
学习JS的忠告1，不要着急看一些复杂网页效果的代码，这样除了打击你自信心，什么也学不到。2，别急着加技术交流QQ群，加牛人QQ。如果你找张三丰交流武功。3，看网上什么多少天精通JS，啥啥啥从入门到精通，这种教程直接跳过吧，太多的事实证明，以一种浮躁的心态去做任何事都会以失败而告终。4，千万别去弄啥电脑培训，花了钱和时间不说，关键是学不到东西。本来你买两本好书自学
2014-11-02 23:22:38
468
转载 javascript的函数
1.JavaScript的实现1.ECMAScript 核心，语言基础语法，基本对象2.DOM 文档对象模型 处理网页内容（HTML，XML）的API3. BOM 与浏览器进行交互的API（主要处理浏览器窗口与框架）2.JS的使用引用js文件外部脚本不能包含标签3.JS的输出1.通过Id访问HTML元素的属docume
2014-10-29 19:11:14
319
原创 正则表达式
RegExp正则表达式——查找符合某些复杂规则创建方式有两种：1、var reg=/pattern/; 2、var reg=new RegExp('pattren'); pattern为赋值到正则表达式的内容，可以是单引号也可以是双引号正则表达式的exec方法 即匹配：reg.exec(str); str
2014-10-28 20:37:36
348
原创 克隆复制和表单取值
克隆复制 cloneNode()可以复制指定节点，该方法带一个布尔参数来指示在复制时是包含该节点的所有子节点（称为深度复制）还是仅元素本身 function cloneCopy(nodeId,deep){var toClone=document.getElementById("nodeId"); var clonednode=toclone.clonenode
2014-10-27 20:10:57
1510
原创 DOM对象2
Dom文档对象1、文档节点 Document 最顶层的节点或是文档节点2、文档类型节点 DocumentType DTD引用语法3、文档片段节点 DocumentFragment4、元素节点 Element 是唯一可以同时包含属性和子节点的节点类型5、文本节点 Text6、属性节点Attr 如里面的id="top"就是属性节点7、C
2014-10-26 09:16:40
408
原创 DOM对象1
DOM:文档对象模型,代表整个HTML页面获取窗口大小: document.documentElement.clientWidth/clientHeight 获取当前窗口宽/高,IE与DOM均可使用 document.body.clientWidth/clientHeight body对象宽/高 document.body.offsetWid
2014-10-25 12:59:50
386
原创 浏览器对象模型BOM
浏览器对象模型BOM(会存在)最大对象为window，window对象表示一个浏览器窗口或一个框架。它是全局对象（window可以省略）窗口操作window1、window.moveBy(x,y) 相对于当前位置水平移动x像素，垂直移动y像素2、window.moveTo(x,y) 使左上角位于屏幕（x，y）处3、window.resizeBy(x,y)
2014-10-24 20:06:25
405
原创 Date类和Math
Date类型today=new Date() 获得当前系统时间new Date(1000) 指从1970年1月1日开始增加1000毫秒new Date("2008") 是指2008年new Date(年，月，日，时，分，秒) 若数值超过则进位getDate()
2014-10-23 19:12:53
600
原创 Array类和String类
Object类式于复杂数据类型，所有的类都由Object类继承Array类 声明格式：var a=new Array(); 或者 var a=[1,2,"是的","red","green"]; 属性：a.length 得到a数组的长度a.concat(b,c) 将b与c数组连接到a数组后面a.index
2014-10-22 18:31:29
440
原创 javascript基本语法实现功能
数据类型转换：（若没有声明类型时，系统大多会默认为字符串，故在应用时数值时，要进行类型转换）toString(),转换为字符串类型。形式为：a=123；b=a.toString();Number（value），转换为数字。parseInt(),转换为整型 形式为：a=123；b=parseInt(a);parseFloat(),转换为整型 Boolean（
2014-10-21 19:08:02
368
原创 javascript基础1语法
javascript:主要有三种引用形式 1、行内式：直接在div中定义,如： 即脚本包含在html事件处理程序的属性中，当运行时是直接跳出来。 2、用script标签，在html中直接嵌入javascript语句 形式如：1、
2014-10-20 19:34:28
421
原创 html和css的小结
img标签的特殊性： 1、块级元素的表现，有宽和高 2、内联元素的表现，不占一整行块级元素和内联元素的互换：display：block | inline | none block为块级，inline为内联，none不占空间的消失
2014-10-20 19:32:53
452
原创 DIV+CSS布局和命名规范
DIV+CSS布局方式的优势 网页布局方面，最适合搜索引擎的网页结构是小、静态、没有框架、格式一致的网页。用DIV+CSS布局的网页，页面代码精简，代码精简可以提高spider爬行效率，spider可以在最短时间内爬完整个页面，这样可以提高收录质量。另一方面，由于爬行效率高，会受到spider青睐，对收录数量也有一定的好处。 用DIV+CSS布局的网页容易向W3C标准靠拢，网站是否
2014-10-18 10:45:30
549
原创 处理溢出，重叠，裁剪，字体自动换行的标签
处理溢出如果一个元素的大小设置太小，以致不能包括其内容，我们就可能需要在该元素上使用overflow属性指定其内容不能填充时候如何处理overflow的取值可以使visible | hidden | scroll | auto，其中visible是默认值。值visible表示不裁剪内容，也不添加滚动条，强制显示元素内容；hidden表示裁剪内容，而且不显
2014-10-17 09:16:04
1472
原创 动画和过渡效果
动画和过渡效果1、过渡transition：时间； 然后在 :hover里设置需要过渡的效果属性.div1{width: 200px;height: 200px;background: rgba(39,242,23,0.4);/*background-color: lightblue;opacity: 0.2;*/transition:width 2s,h
2014-10-16 19:08:40
425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人