```
<input placeholder="输入电影名字" />
<button>搜索</button>
<div id="div"></div>
<img src="" alt="">
<p id="p"></p>
<script>
var baseUrl = `http://api.douban.com/v2/movie/`;
function http(url) {
return new Promise((resolve, reject) => {
$.ajax({
url: baseUrl + url,
dataType: "jsonp",
success: res => {
resolve(res)
},
error: err => {
reject(err);
}
})
})
}
$("button").click(function () {
var value = $("input").val();
http(`search?q=${value}&count=1`).then(res=>{
console.log(res);
var id = res.subjects[0].id;
$("img").attr("src",res.subjects[0].images.small);
$("#div").html(res.title)
return http(id);
}).then(res=>{
var summary = res.summary;
$("p").html(summary)
})
})
</script>
```
- HTML,CSS
- 如何书写高效的css样式
- box-shadow
- 表格合并行列
- 自适应单位
- 隐藏元素
- 浏览器缓存
- 浏览器内核
- css和js的合理走位
- 2021样式问题汇总
- 模拟面试
- 移动端适配问题
- flexible(rem)
- vw+rem
- 判断一个属性是对象的私有属性
- px rpx em rem vw
- 清除浮动
- 栅格系统
- get&&post
- 雪碧图
- new操作符
- call apply bind区别
- 前端模块化
- 回调函数
- 回调地狱(封装版)
- 回调地狱(promise)
- 回调地狱(generator)
- 回调地狱(async)
- es6新特性
- let
- 箭头函数
- 展开 解构 默认赋值
- vue生命周期
- axios封装
- axios跨域拿数据
- ajax封装
- JavaScript
- 数组
- 排序
- 取偶数
- 反转排序
- 取最大值
- 数组去重
- 复杂版
- 数组的克隆(深拷贝)的方法
- 求质数
- 原型和原型链
- 创建对象
- 什么是路由
- SASS
- jQuery中的append和prepend区别?
- css动画及js动画的区别
- 隐式类型转换
- 原型
- 事件传播
- 函数
- 增加属性
- 构造函数
- 一元操作符
- 作用域
- 短语
- Vue
- - nextTick
- 自我介绍
- 哦豁(;д;)
- for in效果
- 事件
- promise特点
- 如何实现一个ajax请求
- 媒体查询
- substr和substring
- MVC、MVVM
- 面向对象
- 取数据、渲染数据
- ajax
- vue
- React
- es6-class
- 几种类型的DOM节点
- js同源策略
- 闭包
- 2021
- 数据类型
- 闭包2
- 防抖节流
- 原型与原型链
- call与apply与bind
- 深浅拷贝
- New关键字
