本文目錄一覽:
- 1、如何單獨下載ui.core.js
- 2、jquery.core.js 與 jquery-1.9.1.js 區別
- 3、別用babel-polyfill了,教你用core-js@3兼容IE瀏覽器
- 4、什麼是前端開發的後台交互?
如何單獨下載ui.core.js
在jQuery ui的官網頁面 有勾選項的。只勾選core那項就可以了。把其他的勾選去掉然後下載
jquery.core.js 與 jquery-1.9.1.js 區別
jquery-1.9.0.js是可以調試的版本,包含注釋,沒有經過壓縮,相對較大,在開發環境中使用;
jquery-1.9.0.min.js經過壓縮處理,尺寸小,下載的尺寸小,加載的時間短,在運行環境中使用。
別用babel-polyfill了,教你用core-js@3兼容IE瀏覽器
最近新啟動了個pc端的項目,項目要求兼容IE,想必各位前端都清楚,要想拿下IE這個破地,必須用上babel。
個人平時對這方面也沒有過分的關注,於是乎各種網上尋找解決方案,這一找,發現有時候網絡就跟個歷史博物館一樣,大部分問題的解決方案基本都是過時了的。通篇看下來,基本全是推薦使用 babel-polyfill 的,於是我上npm看了下,發現這個插件最後一次提交是3年前。
然後在入口文件中加入以下內容:
再運行後,你會發現IE瀏覽器再也不會只能出來個標題,頁面一片空白了。
怎麼樣?是不是很簡單!
什麼是前端開發的後台交互?
主要就是js對數據的操作和對dom的操作。
前端的工作就是切圖,展示數據到網頁中。那麼怎麼獲取數據呢?以什麼格式獲取數據呢?都是需要和後台交互的。
後台語言都是不一樣的:php,jsp等等,我們前端js的工作就是把他們的數據拿過來顯示。
給你舉個梨子吧,我們公司後台拋數據一般就smarty(php)的框架或者是ajax來傳。
如果是smarty的話,前端直接負責把smarty填寫到html網頁中。
如果是ajax的話,前端負責用js操作數據並展示,下面是一個我們前後端規定的數據格式:
{“flag”:”001″,”content”:{}}
上面是應該json數據,有項目的時候,我們前後端會大概說一下接口地址,前端請求的參數,後端返回的參數,然後大家就開始寫,寫的差不多的時候,大家調一下數據,沒問題就可以了。
現在主流的前後端交互是用ajax吧,主流的框架用jquery,給你一個jquery請求ajax的例子:
$.ajax({
url: ‘/path/to/file’,//請求地址
type: ‘GET’,
dataType: ‘json’,
data: {param1: ‘value1’},//參數
success: function (obj){ //返回的內容
//遍歷obj//前端在這裡操作返回的數據,並展示
}
})
前後端交互沒那麼難,前端最關鍵核心的東西是core js。
dom操作都是可以找api,然後對着文檔來做,想提高前端就提高自己的core js。這樣的話才能提高核心競爭力。
以後我們多多交流,有幫助就採納!!!
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/311476.html