棒老师-CSDN博客

转载 React 还是 Vue: 你应该选择哪一个Web前端框架？

2016年，React在Web端和移动端都实现了迅速的成长，稳稳地领先于其主要竞争对手Augular，巩固了其作为前端框架之王的地位。但是Vue在这一年里的表现也可谓同样的耀眼。Vue.js 2.0 的发布在整个JavaScript社区都引起了巨大反响，这一点仅从它在Github中涨了25,000颗star，就足以得到证明。不得不说React和Vue的使用范围是相似的：都是基于组件

2017-07-19 16:14:00 4692

原创 DOM获取节点的兄弟，父节点，子节点

先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用：var a = docuemnt.getElementById("test").getElementsByTagName("div

2014-11-04 20:04:45 7753

原创 DOM节点信息的获取

通过js更改页面颜色的一个小例子及其js中一些属性的用法对form表单中的一些元素进行操纵Dom节点信息的获取 2009-11-28 23:15:58| 分类：学习 | 标签： |举报 |字号大中小订阅 Dom节点信息的获取 function mm(){ var body_elements=document.getElementsByTagNam

2014-11-04 20:04:03 782

原创 DOM节点属性表

属性： 1 Attributes 存储节点的属性列表(只读) 2 childNodes 存储节点的子节点列表(只读) 3 dataType 返回此节点的数据类型 4 Definition 以DTD或XML模式给出的节点的定义(只读) 5 Doctype 指定文档类型节点(只读) 6 document

2014-11-04 20:03:14 861

原创 DOM节点属性和方法

DOM节点分为：文档节点、元素节点、属性节点和文本节点。节点属性：nodeName：节点名称。 nodeValue：节点的值。parentNode：节点的父节点。每个元素、属性和文本都有一个父节点。childNodes：节点的孩子节点列表。对于HTML，该列表仅对元素有意义，文本节点和属性节点都没有孩子。firstChild：仅仅是childNodes列表中第一个节点的快捷

2014-11-04 20:02:23 704

原创 DOM节点操作

.访问节点 document.getElementById(id);返回对拥有指定id的第一个对象进行访问document.getElementsByName(name);返回带有指定名称的节点集合注意:Elementsdocument.getElementsByTagName(tagname);返回带有指定标签名的对象集合注意：Elementsdocument.get

2014-11-04 20:02:12 573

原创 DOM节点

由于DOM(文档对象模型)概念的推出,这个API使HTML如虎添翼,但是有些学DHTML的朋友还是有些困挠,只是因为目前的手册的书写不太科学,是按字母来分的,不便查阅.其实DOM中最关键是要掌握节点与节点之间的关系(between node and node),想学习DHTML中的DOM千万不要从头到尾地看遍所有的属性和方法,你有三国时张松的"过目不忘"的本领吗?没有吧,那就听我分析一下：其实D

2014-11-04 20:00:42 595

原创 Dom介绍

JAXP：Java API for XML ProgramingDOM：Document Object MethodDOM特点：(1)将XML文档全部放入内存进行解析，因此耗内存；(2)能够对XML进行增删改查； xiazdong 20变成DOM树：二、DOM APIDOM常用的类有：DocumentBuilderFacto

2014-10-26 11:53:51 407

原创 Dom

什么是DOM？通过 JavaScript，您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允

2014-10-26 11:51:47 446

原创 Document

Document 对象Document 对象代表整个 HTML 文档，可用来访问页面中的所有元素。Document 对象是 Window 对象的一个部分，可通过 window.document 属性来访问。有关 Document 对象的详细描述。IE: Internet Explorer, F: Firefox, O: Opera, W3C: World Wide Web Conso

2014-10-26 11:48:55 465

原创 Window对象

Window 对象Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在或每次出现时被自动创建。有关 Window 对象的详细描述。IE: Internet Explorer, F: Firefox, O: Opera.Window 对象的集合Collection Description I

2014-10-26 11:46:43 442

原创 css渐变

border *{ background:#eee; } .div_border-img{ width: 200px; height: 100px; background: #e43; /*border:30px solid; */ border-width: 30px; border-image: url(11.jpg) 15 3

2014-10-18 18:11:04 471

原创 css心脏的跳动

#heart { position: relative; width: 100px; height: 90px; -webkit-animation:htx 0.2s linear infinite;}#heart:before,#heart:after { position: absolute; content: "";

2014-10-18 18:09:59 1422

原创 css动画演示

动画演示 #div_1{ width: 300px; height: 150px; background-color: #000000; -webkit-animation:htx 5s; } @-webkit-keyframes htx{ from{background-color: yellow;} to{background-color:

2014-10-18 18:08:52 498

原创 css无限旋转

@keyframes(动画) .div_keyf{ width: 130px; height: 100px; -webkit-animation: hehe 5s; } @-webkit-keyframes hehe{ from{background: #F92672;} to{background: #E8D81F;} } .di

2014-10-18 18:08:10 1062

原创 Spring注解

1.注解（注释）基础知识点：注解：也叫注释，也叫元数据。一种代码级别的说明。元注解：用来描述注解的注解；作用分类：编写文档：通过代码里标识的元数据生成文档【生成文档doc文档】代码分析：通过代码里标识的元数据对代码进行分析【使用反射】编译检查：通过代码里标识的元数据让编译器能过实现基本的编译检查【Override】 2.注解是以‘@注解名’在代码中存在的，根据注解参数

2014-10-13 22:10:36 554

原创 SQL面试50题

一般面试时考SQL，主要就是考你“统计分析”这一块，下面我们来看面试官经常采用的手段。由4张简单的不能再简单的表，演变出50道SQL哈哈哈哈，够这个面试官面个15，20个人，不带重复的了，而且每个SQL你真的不动动脑子还写不出呢，你别不服气，下面开始。表结构：表Student(S#,Sname,Sage,Ssex) 学生表 S# student_no Sag

2014-10-13 22:06:07 2747

原创 jdbc连接驱动大全

纯手打标题常用数据库JDBC连接写法 zlyperson（原作）关键字 JDBC Sybase MySQL SQLServer PostgreSQL Oracle ODBC1. MySQL(http://www.mysql.com)mm.mysql-2.0.2-bin.jar/Class.forName( "com.mysql.jdbc.Driver" );

2014-10-13 22:03:15 522

原创 PS快捷键

一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具【M】移动工具【V】套索、多边形套索、磁性套索【L】魔棒工具【W】裁剪工具【C】切片工具、切片选择工具【K】喷枪工具【J】画笔工具、铅笔工具【B】像皮图章、图案图章【S】历史画笔工具、艺术历史画笔【Y】像皮擦、背景擦除、魔术像皮擦【E】渐

2014-10-12 17:21:48 481

原创数组、构造器格式

构造器的名称必须和类名相同 && 构造器不能声明返回值，也不能声明void；例如： public 类名（）{}函数(方法)的格式：修饰符返回值类型函数名（参数类型形式参数1，参数类型形式参数2）{ 执行语句； return返回值；}添加成员变量：访问修饰符数据类型成员变量名称例：public int number;数组的格式：元素类型【】

2014-10-12 17:20:29 760

原创 MyEclipse快捷键

存盘 Ctrl+s(肯定知道) 注释代码 Ctrl+/ 取消注释 Ctrl+\(Eclipse3已经都合并到Ctrl+/了) 代码辅助 Alt+/ 快速修复 Ctrl+1 代码格式化 Ctrl+Shift+f 整理导入 Ctrl+Shift+o 切换窗口 Ctrl+f6 ctrl+shift+M 导入未引用的包 ctrl+w 关闭单个窗口 F3 跳转到类、变量的声明 F11

2014-10-12 17:19:00 481

原创 Mockup知识点

Mockups 是一个手绘风格的、轻量级的制作“界面原型”的小软件。 - 快——它能让我以最快的速度把界面原型画出来。 - 手绘风格——用它画出来的界面是不折不扣手绘风格，很酷。手绘风格看上去有些“不正经”？不太好看？恰恰相反，在原型阶段，手绘风格可以强迫设计者和客户把注意力集中在程序的功能、布局和交互上，这样你就不会听到客户说“这个按钮的颜色我不太喜欢……”。 -

2014-10-12 17:15:42 1111

原创 CSS标签宝典大全

字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-weight: bold;(粗体

2014-10-09 20:40:08 824

原创 hibernate注解大全

1./** 2.* 3.* @author liuguangyi 4.* @content ejb3注解的API定义在javax.persistence.*包里面。 5.* 6.* 注释说明： 7.* @Entity —— 将一个类声明为一个实体bean(即一个持久化POJO类) 8.* @Id —— 注解声明了该实体bean的标识属性（对应表中的主键

2014-10-08 21:01:25 455

原创 ORACLE笔记

全是我自己做的笔记，供大家一起分享和探讨：第一课：客户端 1.Dos命令行下：sqlplus 用户名：scott 密码：tiger,sqlplus scott/tiger 2.开始－运行－sqlplus 图形版的SQLPLUS 3.http://localhost:5560/isqlplus Toad:管理 Plsql Developer 第二课：

2014-10-08 20:59:13 385

原创 Hibernate性能优化

Hibernate性能优化提高1. 缓存（Hibernate默认会用到缓存，用得好就能大大提高性能，用得不好就会影响到效率；缓存其实就是数据库数据在内存中的一个临时容器，将查询过得数据暂时放在这个容器中，下次如果还是查询一样的，就直接在该容器中取得，就不用再去数据库里查询了，这样间接性的提高了效率。）：a)一级缓存；i.即在当前事务范围内的数据缓存；ii.就Hibernate 来讲，（一级

2014-10-08 20:58:11 402

原创 JAVAEE基础

需要学习的：SSH 或者 SSMEJB（业务层和持久层）一．三层架构：表示层业务层持久层Servlet JSP Service JDBC+DAOJava Bean Spring HibernateStrnts1（S chua S 1） myBatisStrnts2Spring MVC表示层--业

2014-10-08 20:55:15 785

原创 PLSQL基础知识

第一课：客户端 1. Sql Plus(客户端），命令行直接输入：sqlplus，然后按提示输入用户名，密码。 2. 从开始程序运行:sqlplus，是图形版的sqlplus. 3. http://localhost:5560/isqlplus Toad：管理， PlSql Developer:第二课：更改用户

2014-10-08 20:54:02 638

原创 hibernate中lazy的使用

lazy，延迟加载Lazy的有效期：只有在session打开的时候才有效；session关闭后lazy就没效了。lazy策略可以用在：* 标签上：可以取值true/false* 标签上，可以取值true/false，这个特性需要类增强* /等集合上，可以取值为true/false/extra* /等标签上，可以取值false/proxy/no-proxy6.1 get和

2014-10-08 20:50:49 433

原创 JAVA验证码功能实现（生成验证码的Servlet）

package com.lovo.web.servlet;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.io.IOException;import javax.servlet.ServletExce

2014-10-08 20:49:58 567

原创 HTML安全16进制色一览表

HTML颜色参考在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表

2014-10-08 20:47:11 724

原创常用颜色RGB值

一 CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ li

2014-10-08 20:43:28 4200

原创 CSS标签大全

字体属性：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-weight: bold;(粗体

2014-10-08 20:41:05 616

原创网络七层协议

OSI是一个开放性的通行系统互连参考模型，他是一个定义的非常好的协议规范。OSI模型有7层结构，每层都可以有几个子层。 OSI的7层从上到下分别是 7 应用层 6 表示层 5 会话层 4 传输层 3 网络层 2 数据链路层 1 物理层其中高层，即7、6、5、4层定义了应用程序的功能，下面3层，即3、2、1层主要面向通过网络的端到端的数据流。

2014-10-03 13:02:16 615

原创 http状态码

状态码状态码英文名称中文描述100Continue继续。客户端应继续其请求101Switching Protocols切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议，例如，切换到HTTP的新版本协议 200

2014-10-03 12:59:41 389

原创 Axure RP

Axure RPAxure RP是一个专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。

2014-09-29 20:00:55 901

原创原型界面简介

什么事原型界面设计？原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。

2014-09-28 21:54:37 3278

原创 PS快捷键

一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具【M】移动工具【V】套索、多边形套索、磁性套索【L】魔棒工具【W】裁剪工具【C】切片工具、切片选择工具【K】喷枪工具【J】画笔工具、铅笔工具【B】像皮图章、图案图章【S】历史画笔工具、艺术历史画笔【Y】像皮擦、背景

2014-09-27 16:10:37 455

原创 C语言阶段性总结

C语言阶段性总结在学习前端的道路上，一开始就学习了C语言的一些基本知识，作为前端的垫脚石；历经差不多三周的学习，我就做做阶段性的总结吧；一．软件a) 软件分为两种：i. 程序ii. 数据软件的定义：为了完成某些特定功能而编制的一到多个程序文件的集合；程序的定义：计算机指令的集合；程序和数据的关系：程序 ----->处理 ----->数据；二

2014-09-27 15:45:34 607

原创 C语言字符串练习

/*1、用户任意输入一个字符串，把该字符串的大写字母变小写，小写变大写。*/ #include void main(){ int a=100,i; char num [a]; //获取用户输入的字符串 printf("请任意输入一个字符串:"); scanf("%s",num); //循环取出用户输入的字符串的每一个元素判断是小写还是大写，然后进行+-32的操作

2014-09-22 00:03:49 742

空空如也

空空如也