2020-07-24 html的lang属性 + css的隔离实现 + JS的jsonp不支持post方法 + 软技能的外包

132 篇文章 0 订阅
61 篇文章 0 订阅

2020-07-23 题目来源:http://www.h-camel.com/index.html

[html] html标签中的lang属性有什么作用?

1.lang属性的作用是 声明当前页面的语言类型。 该属性在语言代码中不区分大小写

<html lang='en-us'></html>//英文
<html lang='zh-CN'></html>//中文
<html lang='ja'></html>//日文

2.lang属性也可以在普通标签中使用

<p lang='en'>thisisEnglish.</p>

不同场景下的应用可以参考 http://www.divcss5.com/html/h55017.shtml

[css] 如何实现css隔离?

css隔离,理解为限制部分样式仅适用于页面的指定部分内容。(没有使用过)

例如:父级拥有自己的样式约束,而子级元素想要脱离父级样式约束并采用初始化全局样式。

  1. 最简单的实现方式是 利用 iframe标签,缺点是可能会造成页面加载过程的阻塞。
  2. 如果子级元素应用的样式并不是全局样式,可以利用 .parentElement .subElement{//style}; 来实现
  3. 如果是上述例子中的场景, css3中提出了 all属性 和 unset关键字,参考文章http://www.voidcn.com/article/p-pcyeuese-bsv.html

[js] 为什么jsonp不支持post的方法?

jsonp跨域的原理就是利用动态加载script的src,函数执行传参,所以只能吧参数通过url的方式传递,so type只能是get方式

[软技能] 你有自己做过外包吗?你对外包有什么看法?

。。。。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是HTMLCSSJS实现JSONP调用淘宝搜索接口的示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>淘宝搜索</title> <style> #search-form { margin: 20px; text-align: center; } #search-input { width: 300px; height: 30px; padding: 5px; font-size: 16px; } #search-button { width: 80px; height: 40px; margin-left: 10px; font-size: 16px; } #search-result { margin: 20px; } </style> </head> <body> <form id="search-form"> <input type="text" id="search-input" placeholder="请输入搜索关键词"> <input type="button" id="search-button" value="搜索"> </form> <div id="search-result"></div> <script> function search(keyword) { var url = 'https://suggest.taobao.com/sug?code=utf-8&q=' + keyword + '&callback=callbackFunction&area=c2c'; var script = document.createElement('script'); script.setAttribute('src', url); document.body.appendChild(script); } function callbackFunction(data) { var result = document.getElementById('search-result'); result.innerHTML = ''; var list = data.result; for (var i = 0; i < list.length; i++) { var item = list[i]; var link = 'https://s.taobao.com/search?q=' + item[0]; var html = '<div><a href="' + link + '">' + item[0] + '</a></div>'; result.innerHTML += html; } } var searchButton = document.getElementById('search-button'); searchButton.addEventListener('click', function() { var keyword = document.getElementById('search-input').value; search(keyword); }); </script> </body> </html> ``` 该示例包含一个搜索表单,用户输入搜索关键词后,点击“搜索”按钮即可调用淘宝搜索接口并显示搜索结果。点击搜索结果中的链接即可跳转到淘宝搜索页面。 在该示例中,我们使用了HTMLCSSJS实现了一个简单的搜索页面。当用户输入关键词并点击搜索按钮时,JS代码会调用 `search` 函数,该函数会发送一个 JSONP 请求,获取搜索结果并将其显示在页面上。JSONP请求返回的结果会调用 `callbackFunction` 函数进行处理,该函数会将搜索结果解析并显示在页面上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值