首页 前端知识 JQuery Ajax Json,你必须知道的CSS盒模型

JQuery Ajax Json,你必须知道的CSS盒模型

2024-05-09 10:05:19 前端知识 前端哥 122 423 我要收藏

服务器的代码

@WebServlet(“/ajaxServlet”)

public class AjaxServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

//1.获取请求参数

String username = request.getParameter(“username”);

/* //处理业务逻辑。耗时

try {

Thread.sleep(5000);

} catch (InterruptedException e) {

e.printStackTrace();

}*/

//2.打印username

System.out.println(username);

//3.响应

response.getWriter().write("hello : " + username);

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

this.doPost(request, response);

}

}

JQuery的方式

Title

Json


  • 是存储和交换文本信息的语法

  • 键值对构成key:value

Java中的写法

Person p = new Person();

p.setName(“张三”);

p.setAge(23);

p.setGender(“男”);

json格式的写法

var person = {“name”: “张三”, age: 23, ‘gender’: true};

Json数据和Java对象的相互转换


  • Json解析器,Jsonlib,Gson,jackson

Person类

public class Person {

private String name;

private int age ;

private String gender;

//@JsonIgnore // 忽略该属性

@JsonFormat(pattern = “yyyy-MM-dd”)

private Date birthday;

public Date getBirthday() {

return birthday;

}

public void setBirthday(Date birthday) {

this.birthday = birthday;

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public int getAge() {

return age;

}

public void setAge(int age) {

this.age = age;

}

public String getGender() {

return gender;

}

public void setGender(String gender) {

this.gender = gender;

}

@Override

public String toString() {

return “Person{” +

“name='” + name + ‘’’ +

“, age=” + age +

“, gender='” + gender + ‘’’ +

‘}’;

}

}

将Java类的数据转换变为Json格式的

public class JacksonTest {

//Java对象转为JSON字符串

@Test

public void test1() throws Exception {

//1.创建Person对象

Person p = new Person();

p.setName(“张三”);

p.setAge(23);

p.setGender(“男”);

//2.创建Jackson的核心对象 ObjectMapper

ObjectMapper mapper = new ObjectMapper();

//3.转换

/*

转换方法:

writeValue(参数1,obj):

参数1:

File:将obj对象转换为JSON字符串,并保存到指定的文件中

Writer:将obj对象转换为JSON字符串,并将json数据填充到字符输出流中

OutputStream:将obj对象转换为JSON字符串,并将json数据填充到字节输出流中

writeValueAsString(obj):将对象转为json字符串

*/

String json = mapper.writeValueAsString§;

//{“name”:“张三”,“age”:23,“gender”:“男”}

//System.out.println(json);//{“name”:“张三”,“age”:23,“gender”:“男”}

//writeValue,将数据写到d://a.txt文件中

//mapper.writeValue(new File(“d://a.txt”),p);

//writeValue.将数据关联到Writer中

mapper.writeValue(new FileWriter(“d://b.txt”),p);

}

@Test

public void test2() throws Exception {

//1.创建Person对象

Person p = new Person();

p.setName(“张三”);

p.setAge(23);

p.setGender(“男”);

p.setBirthday(new Date());

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

JavaScript

  • js的基本类型有哪些?引用类型有哪些?null和undefined的区别。

  • 如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)

  • Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?

  • JS常见的dom操作api

  • 解释一下事件冒泡和事件捕获

  • 事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?

  • 对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?

  • this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?

  • call,apply,bind

  • 显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链

  • 创建对象的多种方式

  • 实现继承的多种方式和优缺点

  • new 一个对象具体做了什么

  • 手写Ajax,XMLHttpRequest

  • 变量提升

  • 举例说明一个匿名函数的典型用例

  • 指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?

  • attribute和property的区别

  • document load和document DOMContentLoaded两个事件的区别

  • JS代码调试

  • CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

有什么区别?如何改变this的值?

  • call,apply,bind

  • 显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链

  • 创建对象的多种方式

  • 实现继承的多种方式和优缺点

  • new 一个对象具体做了什么

  • 手写Ajax,XMLHttpRequest

  • 变量提升

  • 举例说明一个匿名函数的典型用例

  • 指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?

  • attribute和property的区别

  • document load和document DOMContentLoaded两个事件的区别

  • JS代码调试

  • CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7687.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!