整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
https://wendux.github.io/dist/#/doc/flyio/readme
一個支持所有JavaScript運行環(huán)境的基于Promise的、支持請求轉(zhuǎn)發(fā)、強大的http請求庫。可以讓您在多個端上盡可能大限度的實現(xiàn)代碼復(fù)用。其兼容性是它一大優(yōu)勢。
目前Fly.js支持的平臺包括：Node.js 、微信小程序 、Weex 、React Native 、Quick App 和瀏覽器。不過官方文檔中已經(jīng)說明，更多平臺正在持續(xù)加入，后續(xù)肯定會支持更多的平臺。
安裝方式和普通的js差不多
npm install flyio
<script src="https://unpkg.com/flyio/dist/fly.min.js"></script>
//index.html
<script src="https://unpkg.com/flyio/dist/fly.min.js"></script>
<script>
let fly=new Fly();
fly.get('./data.json').then(res=> {
console.log(res);
}).catch(function (error) {
console.log(error);
});
</script>
//data.json
{
"weatherinfo": {
"city": "北京",
"cityid": "101010100",
"temp": "27.9",
"WD": "南風(fēng)",
"WS": "小于3級",
"SD": "28%",
"AP": "1002hPa",
"njd": "暫無實況",
"WSE": "<3",
"time": "17:55",
"sm": "2.1",
"isRadar": "1",
"Radar": "JC_RADAR_AZ9010_JB"
}
}
查看瀏覽器返回的結(jié)果
fly.get(url, data, options)//option是請求配置項
fly.post(url, data, options)//option是請求配置項
fly.request(url, data, options)//option是請求配置項
{
headers:{}, //http請求頭，
baseURL:"", //請求基地址
timeout:0,//超時時間，為0時則無超時限制
//是否自動將Content-Type為“application/json”的響應(yīng)數(shù)據(jù)轉(zhuǎn)化為JSON對象，默認(rèn)為true
parseJson:true,
withCredentials:false //跨域時是否發(fā)送cookie
}
示例：
//GET請求
fly.request("/user/8" null, {method:"get"})
//DELETE 請求
fly.request("/user/8/delete", null, {method:"delete"})
//PUT請求
fly.request("/user/register", {name:"doris"}, {method:"PUT"})
{
data, //服務(wù)器返回的數(shù)據(jù)
engine, //請求使用的http engine(見下面文檔),瀏覽器中為本次請求的XMLHttpRequest對象
headers, //響應(yīng)頭信息
request //本次響應(yīng)對應(yīng)的請求信息
}
fly.put(url, data, options) fly.delete(url,data,options) fly.patch(url,data,options) fly.all([]) fly.spread([])
還有更多用法請直接參考官方文檔
官網(wǎng)有更詳細(xì)的的介紹，大家可以直接參考官網(wǎng)。
flyJS是一個http請求的終極的解決方案，F(xiàn)ly最大的特點就是在混合APP中支持請求轉(zhuǎn)發(fā)，而axios不支持，fly采用分層的思想，通過替換底層http engine（Fly中提出了Http Engine的概念）的方式實現(xiàn)各種環(huán)境的適配。能夠?qū)崿F(xiàn)很多高級的玩法。
雖然dart可以同時用作客戶端和服務(wù)器端，但是基本上dart還是用做flutter開發(fā)的基本語言而使用的。除了andorid和ios之外，web就是最常見和通用的平臺了,dart也提供了對HTML的原生支持，這個支持就是dart:html包。
dart:html提供了對DOM對象的各種有用的操作和對HTML5 API的支持。這樣我們可以直接使用dart來操作HTML。
除了DOM之外，dart:html還可以對css進行操作,使用dart:html也非常簡單：
import 'dart:html';
對于DOM操作來說，首先是需要找到這個元素。
dart提供了querySelector() 和 querySelectorAll()方法，可以根據(jù)ID, class, tag, name或者這些元素的集合來進行查找。
同樣都是query方法，兩者的不同在于，querySelector只返回找到的第一個元素，而querySelectorAll返回找到的所有元素。
所以querySelector返回的是一個Element,而querySelectorAll返回的是一個集合List。
Element idElement=querySelector('#someId')!;
Element classElement=querySelector('.some-class')!;
List<Element> divElements=querySelectorAll('div');
List<Element> textInputElements=querySelectorAll( 'input[type="text"]',);
List<Element> specialElement=querySelectorAll('#someId div.class');
上面就是我們查找DOM中元素的操作。找到之后，就可以對這些元素進行操作了。
dart使用Element來表示DOM中的元素。對于每個Element來說，都擁有classes, hidden, id, style, 和 title 這些屬性。
如果Element中并沒有要設(shè)置的屬性，則可以使用attributes,如下：
elem.attributes['someAttribute']='someValue';
當(dāng)然對應(yīng)某些特殊的Element，會有Element對應(yīng)的子類與之綁定。
比如對于一個a標(biāo)簽來說，如下所示：
<a id="name" href="/name/detail">詳情</a>
a標(biāo)簽對應(yīng)的是dart中的AnchorElement元素。
如果要改變a標(biāo)簽的href值，可以這樣：
var anchor=querySelector('#name') as AnchorElement;
anchor.href='http://www.flydean.com';
還可以添加、替換或者刪除對應(yīng)的節(jié)點：
querySelector('#id')!.nodes.add(elem);
querySelector('#id')!.replaceWith(elem);
querySelector('#id')?.remove();
上面我們使用了一個特殊的運算符，感嘆號，表示的是將一個可為空的類型轉(zhuǎn)換成為不為空的類型。
CSS實際上就是element中的class，當(dāng)我們獲取到element之后，就可以調(diào)用他的classes字段，然后對CSS進行處理。
elem.classes返回的是一個list,我們可以向其添加或者刪除對應(yīng)的class。
var name=querySelector('#id')!;
name.classes.add('redline');
有class當(dāng)然是最好了，class也是我們推薦的寫法。但是有時候還是需要直接在element中添加style,如下所示：
name.style
..fontWeight='bold'
..fontSize='3em';
和DOM的交互就是各種事件,向element中添加event,可以使用element.onEvent.listen(function).
比如我們可以添加click事件：
querySelector('#id')!.onClick.listen((e) {
// do something
});
下面是常用的一些event：
change
blur
keyDown
keyUp
mouseDown
mouseUp
以上就是Dart對html的支持。
本文已收錄于 http://www.flydean.com/20-dart-html/
最通俗的解讀，最深刻的干貨，最簡潔的教程，眾多你不知道的小技巧等你來發(fā)現(xiàn)！
歡迎關(guān)注我的公眾號:「程序那些事」,懂技術(shù)，更懂你！
01
—
薪酬wiki百科
和職級對標(biāo)網(wǎng)站一樣，也是由大牛自行設(shè)立的職級薪酬數(shù)據(jù)庫，且用且珍惜。【數(shù)據(jù)來源】廣大網(wǎng)友的上傳。
-所有數(shù)據(jù)免費公開
-有職級對標(biāo)數(shù)據(jù)
-可視化做得好，方便查看
-互聯(lián)網(wǎng)大廠（騰訊、頭條、阿里）技術(shù)崗位薪酬較多
-能管窺對標(biāo)大廠的一些信息
【劣勢】
-非程序員的崗位數(shù)據(jù)較少
-樣本量有待增加，樣本增加后有效性會高一點。
-行業(yè)有限，主要覆蓋的互聯(lián)網(wǎng)大廠參考價值較大。
-需要手動點開各崗位查看數(shù)據(jù)。
-國際性公司如谷歌將中國和境外數(shù)據(jù)混在一起，缺乏可比性
【使用建議】
-個人用戶可以作為自己了解市場的依據(jù)。
-HR需要做好信息篩查，建議多方交叉比對。
-建議學(xué)習(xí)該網(wǎng)站的數(shù)據(jù)可視化，用在自己公司。
02
—
薪情 51salary
【網(wǎng)址】 https://www.51salary.com/
【網(wǎng)站介紹】一個由商業(yè)公司開發(fā)的薪酬數(shù)據(jù)庫，大部分?jǐn)?shù)據(jù)可免費查看，熱門數(shù)據(jù)需要付費。
【數(shù)據(jù)來源】商業(yè)公司自行收集整理。
【數(shù)據(jù)質(zhì)量】★★★☆☆樣本量不詳，數(shù)據(jù)質(zhì)量有待觀察。
【優(yōu)勢】
-大部分?jǐn)?shù)據(jù)免費。
-崗位、行業(yè)較為齊全。
【劣勢】
-沒有職級對標(biāo)。
-樣本量未公開。
-需要手動一個崗位一個崗位看。
-熱門崗位要付費。
【使用建議】
-個人用戶可以作為自己了解市場的依據(jù)。
-HR需要做好信息篩查和參考。
03
—
招聘網(wǎng)站
招聘網(wǎng)站的薪資查詢功能【訪問路徑】以boss為例：boss直聘APP - 我的 - 其他功能 - 薪酬查詢
【數(shù)據(jù)來源】招聘網(wǎng)站大數(shù)據(jù)。
【數(shù)據(jù)質(zhì)量】★★☆☆☆因為數(shù)據(jù)來自于招聘網(wǎng)站大數(shù)據(jù)，樣本量足夠大。但整體數(shù)據(jù)偏高。
【優(yōu)勢】
-數(shù)據(jù)免費。
-崗位、行業(yè)齊全。
【劣勢】
-沒有職級對標(biāo)。
-招聘網(wǎng)站的薪酬數(shù)據(jù)整體偏高（一方面因為市場上的招聘的人才要比企業(yè)內(nèi)部的自有人才更貴，也就是常說的薪酬倒掛；另一方面有些企業(yè)在招聘過程中，提供薪酬區(qū)間虛高）。
-需要手動一個崗位一個崗位看。
【使用建議】
-個人用戶可以作為自己了解市場的依據(jù)。
-HR僅作參考。
04
—
第三方機構(gòu)免費報告
【網(wǎng)址】
銳仕方達(dá)https://www.risfond.com/contentcenter
中智（中智公眾號更新更快一點，明細(xì)版需要付費）http://www.ciichr.com/nciichr/zyzx96/scrdbg/index.html
科銳https://www.careerintlinc.com/whitepaper.html
【數(shù)據(jù)來源】乙方公司自行收集。
【數(shù)據(jù)質(zhì)量】★★★☆☆因為數(shù)據(jù)來自于乙方數(shù)據(jù)庫，而乙方多以招聘獵頭服務(wù)為主，整體數(shù)據(jù)較市場偏高。
【優(yōu)勢】
-免費數(shù)據(jù)較多。
-基礎(chǔ)的可視化做得還可以。
-主要的行業(yè)崗位都有
【劣勢】
-沒有職級對標(biāo)
-作為報告專業(yè)度不夠（畢竟不是專業(yè)做薪酬的，免費就別想太多）。
-數(shù)據(jù)準(zhǔn)確性不高，薪酬數(shù)據(jù)往往比實際偏高（市場上的人才要比企業(yè)內(nèi)部的人才更貴，也就是常說的薪酬倒掛）。
【使用建議】
-個人用戶可以作為自己了解市場的依據(jù)。
-HR僅作參考，建議多方交叉比對。
05
—
招聘渠道
除了招聘網(wǎng)站本身，用人單位可通過招聘與候選人的溝通獲取外部薪酬數(shù)據(jù)，當(dāng)然這種方式溝通成本相對較大，但好處在于獲取的信息相對全面，可通過面談了解到薪資水平、薪酬結(jié)構(gòu)及對應(yīng)績效考核等，為薪酬診斷提供較為詳實的資料。
如果通過獵頭招聘，還可以讓獵頭提供mapping，進一步了解行業(yè)不同崗位、職級薪酬水平。
06
—
各地人社局、統(tǒng)計局的工資價位報告
【網(wǎng)站】各地人社局/統(tǒng)計局官網(wǎng)。
【數(shù)據(jù)來源】每年，各地的人社局或者統(tǒng)計局牽頭調(diào)查統(tǒng)計的當(dāng)年工資價位數(shù)據(jù)。
【數(shù)據(jù)質(zhì)量】★★★★☆因為樣本量足夠大，且覆蓋大中小型企業(yè)、大多數(shù)城市的明細(xì)報告中，行業(yè)和崗位都非常齊全，整體數(shù)據(jù)真實性較高。整體薪酬數(shù)據(jù)要比其他報告更低。因為政府的統(tǒng)計樣本更大，樣本范圍更廣，很多商業(yè)報告不統(tǒng)計的中小公司也會被放入樣本庫。
【優(yōu)勢】
-準(zhǔn)確度高，政府篩選數(shù)據(jù)樣本量大，避免了樣本誤差。
-行業(yè)齊全，詳細(xì)報告一般都分十多個門類、幾十個大類行業(yè)。
-部分地方的報告數(shù)據(jù)可以精確到崗位，方便做對標(biāo)分析。
-不僅有中位數(shù)，還有高、低分位值多檔數(shù)據(jù)（具體分位值參見當(dāng)?shù)貓蟾嬲f明），可以做對應(yīng)崗位簡單的薪酬帶寬。
-部分城市有特色功能（北京的報告中提供各行業(yè)人力成本占銷售收入比重）
【劣勢】
-沒有對標(biāo)職級（政府做的工資價位數(shù)據(jù)目的不是對標(biāo)職級）。
-不同城市的數(shù)據(jù)詳細(xì)程度不一樣（比如杭州用企業(yè)類型分類；上海用行業(yè)分類）。
-部分城市沒有在網(wǎng)上公開詳細(xì)數(shù)據(jù)（上海、北京沒有在線上公開詳細(xì)數(shù)據(jù)，可以問問社保是否可以領(lǐng)取紙質(zhì)版）。
【操作建議】
-個人用戶可以作為自己了解市場的依據(jù)。
-HR需要做好信息篩查與匹配，自行與公司情況進行比對。
-如果當(dāng)?shù)貨]有公開明細(xì)報告，可以問問社保是否可以領(lǐng)取紙質(zhì)版報告（社保局內(nèi)部都有詳細(xì)報告，一般是紙質(zhì)版）。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
