web
Lich Howger
这个作者很懒,什么都没留下…
展开
-
158-react脚手架开发
react脚手架开发脚手架开发指的是react提供了完整的自动化开发工具而且规划好了开发一个项目的项目目录这些工具是通过nodejs开发的我们通过npm来安装这些工具同时可以通过这个工具生成一个应用的项目目录安装脚手架工具1.设置npm淘宝镜像npm config set registry https://registry.npm.taobao.org2.安装...原创 2018-12-18 21:47:04 · 88 阅读 · 0 评论 -
149-JSX语法
JSX语法JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析。来点代码注意:script三个导入要按顺序来<script src="js/react.development.js"></script>&l...原创 2018-12-16 17:20:08 · 165 阅读 · 0 评论 -
148-react入门
react入门React.js是前端三大框架之一1.angular.js2.react.js3.vue.js这三大新框架的很多理念是相同的,也有各自的特点react起源于facebook的内部项目,因为该公司对市场上所有的js MVC框架都不太满意就自己写了一套,用来架设instagram网站react可以作为一个js库来使用我们只要在页面上引用相关的j...原创 2018-12-16 17:19:40 · 151 阅读 · 0 评论 -
146-ES6的异步操作
ES6的异步操作es6新增的异步操作的写法来解决异步操作函数回调的问题这个新增的写法就是promise我们看一下传统的写法<script src="js/jquery-1.12.4.min.js"></script><script>$.ajax({url:'js/data1.json',type:'get',dataType...原创 2018-12-16 15:54:41 · 191 阅读 · 0 评论 -
145-ES6模块
ES6模块导入和导出javascript之前是没有模块功能的现在在ES6中加入了模块功能一个js文件就是一个模块js文件需要先导出export才能被其他的js文件导入importES6的导出分为1.名字导出2.默认导出名字导出导入的变量名必须和导出的变量名一致//mod01.js文件中导出export let num01=1;export let fnAl...原创 2018-12-16 15:54:13 · 130 阅读 · 0 评论 -
144-ES6类的使用
ES6类的使用<script>class Person{ //构造函数 constructor(name,age){ this.name=name; this.age=age; } //类内的方法 showName(){ alert(this.name); }}let person=new Person('Alice',20);pers...原创 2018-12-16 15:53:44 · 142 阅读 · 0 评论 -
143-ES6函数
ES6函数箭头函数我们可以把箭头函数理解成匿名函数的第二种写法箭头函数的作用是可以在对象中绑定this解决了JavaScript当中this指定混乱的问题定义函数的一般方式function fnAdd(a,b){ var result=a+b; alert(result)}fnAdd(1,2);通过匿名函数赋值来定义函数var fnAdd=functi...原创 2018-12-16 15:53:18 · 112 阅读 · 0 评论 -
141-JSTL入门
JSTL入门JSTLJavaServer Pages Standard Tag Libraryjsp标准标签库是一个不断完善的开放源代码的JSP标签库,是由apache的jakarta小组来维护的。JSTL只能运行在支持JSP1.2和Servlet2.3规范的容器上,如tomcat 4.x。在JSP 2.0中也是作为标准支持的JSTL是apache对EL表达式的扩展...原创 2018-12-15 21:05:46 · 175 阅读 · 0 评论 -
140-EL自定义函数库
EL函数库EL函数库由JSTL提供我们导入一下函数库<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %><%@原创 2018-12-15 19:47:41 · 132 阅读 · 0 评论 -
139-ES6入门
ES6是js的新版本,也叫ES2015ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言变量声明let和constlet和const是新增的声明变量的开头的关键字之前都是var...原创 2018-12-15 19:16:03 · 129 阅读 · 0 评论 -
138-jquery事件委托和Dom操作
jquery事件委托和Dom操作事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能,其次可以让新加入的子元素也能拥有相同的操作.$function(){ //一般的事件绑定 var $li=$('#list li'); $li.click(function(){ $(this).c...原创 2018-12-15 19:13:36 · 170 阅读 · 0 评论 -
121-js隐式转换和数组
js<script>var num=1;if (num==1){ alert('success');}eles{ alert('fail');}var strNum='12';if (strNum==12){ alert('success');}else{ alert('fail');}</script>这两种情况都是相等...原创 2018-12-10 19:17:30 · 498 阅读 · 0 评论 -
122-修改link换肤
js事件属性属性上除了有样式,id等属性外还有事件属性<script> window.onload=function(){ //获取div和button对象 var oBtn=document.getElementById('btn'); var oDiv=document.getElementById('div'); function fnOnClick(...原创 2018-12-10 19:18:11 · 223 阅读 · 0 评论 -
123-方法调用和元素操作
js方法调用<script> fnAlert(); function fnAlert(){ alert("hello world") }; fnAlert();</script>在前面调用也可以在后面调用也可以前面调用叫做 预解析变量也可以预解析,但是是undefinedalert(iNum)var iNum=100;...原创 2018-12-10 19:19:03 · 180 阅读 · 0 评论 -
157-react选项卡
react选项卡<script src="js/react.development.js"></script><script src="js/react-dom.development.js"></script><script src="js/babel.min.js"></原创 2018-12-18 21:46:29 · 324 阅读 · 0 评论 -
156-react生命周期
react生命周期两个生命周期方法初始化和销毁componentDidMountcomponentWillUnmount来个例子class Hello extends React.Component{constructor(props){super(props);}componentDidMount(){}componentWillUnmount()...原创 2018-12-18 21:46:04 · 77 阅读 · 0 评论 -
155-react列表渲染
react列表渲染<script type="text/babel">var aList=[ {name:'abc01',age:'11'}, {name:'abc02',age:'12'}, {name:'abc03',age:'13'}, {name:'abc04',age:'14'}, {name:'abc05',age:'15'} ]let ...原创 2018-12-18 21:45:34 · 94 阅读 · 0 评论 -
154-react列表编辑与更新
react列表编辑与更新<body><script type="text/babel">class Todolist extends React.Component{render(){ return( <div> ... </div> );}}ReactDOM.render(<Todolist ...原创 2018-12-18 21:44:59 · 715 阅读 · 1 评论 -
153-react绑定事件和状态属性
react绑定事件和状态属性React绑定事件和JavaScript中的行间事件类似事件绑定是写在标签中的但是React事件是在原生事件的基础上做了封装它的事件用驼峰命名,而不是全部小写事件需要传递一个函数作为事件处理程序我们可以通过类定义组件把函数作为方法定义在组件中class Demo extends React.Component{ fnHello(){...原创 2018-12-18 21:44:33 · 189 阅读 · 0 评论 -
129-jsp操作session
jsp入门创建一个新的jsp页面<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>Title</title></head><body&原创 2018-12-11 19:58:48 · 299 阅读 · 0 评论 -
128-请求转发和请求包含
请求转发和请求包含在说这两个东西之前我想说一下请求转发和重定向的区别请求转发----重定向 区别1.请求转发是1个请求,也就是A把请求直接给了B 重定向是2个请求,A收到请求,再向B发一个请求2.请求转发只能是一种请求方式,GET或者POST 重定向的第二个请求一定是GET3.请求转发的地址栏不会发生变化, 重定向的地址会变化,因为是两个请求4.请求转发只能...原创 2018-12-11 17:20:01 · 243 阅读 · 0 评论 -
127-Referer防止盗链
我们来使用Referer请求头来防止盗链我们先来看看Referer请求头获取的是什么来写一个Servletpublic class MainServlet extends BaseServlet { @Override public void doGet(HttpServletRequest request, HttpServletResponse res...原创 2018-12-11 16:07:46 · 289 阅读 · 0 评论 -
126-Servlet统计网页访问次数
我们来统计一下网页的访问次数创建个项目创建个Servlet我们先来一个BaseServlet可以作为基类方便管理public class BaseServlet extends HttpServlet { @Override public void doGet(HttpServletRequest request, HttpServletResponse...原创 2018-12-11 15:50:46 · 561 阅读 · 0 评论 -
124-js动态调节元素
先来布局<body> <div class="div_main"> <div class="div_body01"> <div class="div_edit"> <span>宽度:</span> <input i原创 2018-12-10 20:09:02 · 118 阅读 · 2 评论 -
137-jquery调用ajax
jquery调用ajax<script>var oPerson={ name:'panda'; age:17; showName:function(){ alert(this.name); } showAge:function(){ alert(this.age); }}alert(oPerson.age);oPerson.showAge()...原创 2018-12-15 19:12:54 · 150 阅读 · 0 评论 -
163-javaweb简单登录与退出
java简单登录与退出我们先写Servicepublic class UserService{public User login(User form){//查询username,得到user对象User user =userDao.findByUsername(form.getUsername());//如果用户不存在,抛出异常if(user==null) thr...原创 2018-12-20 20:29:31 · 3956 阅读 · 0 评论 -
132-jsp三大指令
jsp三大指令1.page2.include3.taglib先说一下jsp指令的格式<%@指令名 attr1="" attr2="" %>一般都会把jsp指令放在jsp文件的最上方但是不是必须的随便写一个<%@abc name="Alice" age="10" %>说一下page指令page指令是最常用的指令也是属性最多的指令p原创 2018-12-12 19:00:39 · 169 阅读 · 0 评论 -
131-jquery入门
jqueryjquery是目前使用最广泛的javascript函数库全世界排名前100万的网站有46%使用jquery远远超过其他的库微软公司甚至把jquery作为他们的官方库jquery版本分为1.x 2.x 3.x系列目前使用最多的是1.x系列jquery是一个函数库,一个js文件页面用script标签引入这个js文件就可以直接使用<sc...原创 2018-12-12 18:37:44 · 136 阅读 · 0 评论 -
130-web轮播图
web轮播图来做一个轮播图window.onload=function(){var leftBtn=document.getElementById('btn01');var rightBtn=document.getElementById('btn02');var ul=document.getElementById('list');//初始化位置var left=0...原创 2018-12-12 18:37:08 · 173 阅读 · 1 评论 -
106-intelliJ创建javaweb项目
刚开始的时候我不太懂都直接选的是javaweb项目但是这样的话是没有配置maven的想要重新配置maven的话非常麻烦所以我们直接配置好maven的javaweb项目首先我们要下载maven我下载的是apache-maven-3.6.0打开目录,再打开conf然后打开settings.xml文件我们找到localRepository<!--...原创 2018-12-05 15:47:28 · 113 阅读 · 0 评论 -
105-IDEA创建maven项目
刚开始的时候我不太懂都直接选的是javaweb项目但是这样的话是没有配置maven的想要重新配置maven的话非常麻烦所以我们直接配置好maven的javaweb项目首先我们要下载maven我下载的是apache-maven-3.6.0打开目录,再打开conf然后打开settings.xml文件我们找到localRepository<!--...原创 2018-12-05 15:33:35 · 110 阅读 · 0 评论 -
116-html选择器
id选择器元素的id是不能重复的所以一个id选择器只能对应一个id,也就是一个标签id名一般都是给程序使用的所以一般不用id选择器#box{ background: red;}<div id="box">abc</div>所以其实呢id选择器一般只做定位不用来做一些样式组选择器多个选择器,如果有同样的样式设置.box1, .bo...原创 2018-12-07 18:45:20 · 152 阅读 · 0 评论 -
115-html表单和表格
相对地址和绝对地址<img src="images/001.jpg" alt="picture" /><a href="002.html">go to 002 </a><link rel="stylesheet" type="text/css" href="css/main.css&q原创 2018-12-07 18:44:48 · 214 阅读 · 0 评论 -
70-页面静态化
页面静态化<html><head> <title>链接</title></head><body><h1>链接</h1><a href='/book?method=findAll'>查看所有</a>&am原创 2018-11-26 20:18:21 · 80 阅读 · 0 评论 -
78-apache的standard标签库
我们想要用c标签的时候发现加入<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>这一行代码的时候没有用这时候,我们就到D:\apache-tomcat-9.0.12\webapps\examples\WEB-INF\lib这个目录下面找到taglibs-standard的两...原创 2018-11-29 16:21:27 · 366 阅读 · 0 评论 -
31-web-浮动闭合解决方案
浮动闭合解决方案 .clearfix:before, .clearfix:after{ display: table; content: ""; } .clearfix:after{ clear:both; } .clearfi...原创 2018-11-12 15:06:03 · 170 阅读 · 0 评论 -
133-jsp动作标签与BeanUtils
jsp动作标签首先,jsp动作标签和html的这些标签是有本质的区别的动作标签是由tomcat(服务器)来解释执行的 html标签是由浏览器来执行的所以其实动作标签就和java代码一样都是在服务器端执行的标签<jsp:forward> 请求转发就和RequestDispatcher的forward方法一样一个是在Servlet中使用一个是在j...原创 2018-12-12 20:57:16 · 146 阅读 · 0 评论 -
134-EL入门
EL入门Expression LanguageEL表达式EL表达式是JSP内置的表达式语言我们先来点代码<body><% request.setAttribute("name", "Alice");%><% String name = (String) request.getAttribute("name");%&g..原创 2018-12-12 22:02:24 · 96 阅读 · 0 评论 -
108-html入门
htmlhypertext mark-up language超文本标记语言<!DOCTYPE html>这是一个声明doc 文件type 类型文件类型--html<html lang="zh-CN></html>成对出现语言-中文zh-CN<meta charset="utf-8"/>这种是单行的标签...原创 2018-12-06 09:59:53 · 170 阅读 · 0 评论 -
162-javaweb简单注册
javaweb简单注册先创建一个UserDaopublic class UserDao{ private QueryRunner qr=new QueryRunner(); //按用户名查询 public User findByUsername(String username){ try{ String sql="select * from tb_user wh...原创 2018-12-20 19:51:29 · 186 阅读 · 0 评论