1. 求商城前端模板（html+css+js/jquery）
英文版的可否？
2. 編寫前端UI,JS,JQ組件的工作
工資取決於你的個人能力。
一般好找的工作是給別人或自己公司做網站，中小企業多數都沒專門細分前端職位。通常是招個設計師，要會做PS設計稿，要會弄點flash小動畫，能下載別人的js或jq插件來改套到網頁上，要切html，要寫css。工資不好說，給別人建站的企業大中城市一般2000底薪+提成。業務好你速度快再放棄幾個星期天什麼的，一個月3000-8000左右。累不得速度一般的話平均下來也就三四千。
如果你有張像樣的文憑，html、javascript、css都玩得很有水平(比如jq源碼你隨便一讀就能理解，順便還能想出點改進意見)，可以去網路、淘寶之類的大企業，都專門養得有前端，不做設計，勞動強度和工作環境比前面那個好點。
3. 應用jQuery進行編程的一般步驟是什麼
使用jquery很簡單。
你只要在你的頁面head裡面引用jquery.js庫，然後再根據它的API裡面提供的語法，來進行你要的編程就可以了。使用jquery比使用原生的JavaScript要簡潔的多，而且可以避免一些瀏覽器的兼容性問題。
4. 自學網頁前端，html/5和css/3都可以了，js和jQ基礎。然後，我應該怎麼做項目具體應該先
這種問題最難回答了,只能給你點參考
會看他人代碼,隨便上一個你認為好的網站,看懂它的源碼,然後仿下來
會用網頁設計工具,如ps,設計效果圖,然後切成網頁
了解一些技術標准,常用標准,這樣體現在經驗上
前端要求的精細化,與時俱進,一樣與所有的程序一下,都要時刻學習.
至於網站論壇什麼的,我就不太懂啦,網路網路估計也會有,可以加些這方面的群.最好也可以下載些這方面的源碼下來,能看懂即可.廢話多了些,反正就是:看,總結,再看,再總結
5. 如何使用jq寫javascript 代碼
這樣寫沒有任何作用，也沒有返回值，也無法調取裡面的東西。 下面這樣就可以使用了。對於instance方法，估計作者在寫方法的擴展吧。 var RES = {};(function (RES) {//...})(RES);//原來沒有這個(RES)，就是說原來只是個帶參數的匿名函數，但是卻沒有執行//按上面的才有效，那麼最後的RES.loadConfig 就可以調用了，//而url和resourceRoot只是兩個參數而已，內部根據需求加以判斷。//也可以這樣寫：(function() { var RES = { loadConfig: function (url, resourceRoot) { if (typeof resourceRoot === "undefined") { resourceRoot = ""; } instance.loadConfig(url, resourceRoot); } } window.RES = RES;})();//或者：window.RES = { loadConfig: function (url, resourceRoot) { if (typeof resourceRoot === "undefined") { resourceRoot = ""; } instance.loadConfig(url, resourceRoot); }}//作用是一樣的，調取方法：alert(typeof RES.loadConfig('/','/') );
6. 前端開發的基本方法
CSS部分
盒子邊傾斜
clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
禁止點擊事件/滑鼠事件「穿透」
div * { pointer-events: none; /*鏈接啊，點擊事件啊，都沒有效果了*/ }
用來控制元素在移動設備上使用滾動回彈效果
.main{
-webkit-overflow-scrolling: touch;
}
可解決在IOS中使用overflow:auto 形成的滾動條，滾動不流暢的情況
文字漸變效果
.text-gradient{ background-image: linear-gradient(135deg, deeppink, deepskyblue);
-webkit-background-clip: text; color: transparent;
}
css三角形
#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;
}
實現圓弧
clip-path: ellipse(80%60% at50%40%);
JS部分
JavaScript中檢測數組的方法
(1)、typeof操作符
這種方法對一些常用的類型檢查沒有問題，但對array和null 都判斷為object
(2)、instanceof操作符
這個操作符是檢測對象的原型鏈是否指向構造函數的prototype對象的
(3)、對象的constructor屬性
const arr = []
console.log(arr.constructor === Array) // true
(4)、Object.prototype.toString
constarr=[]console.log(Object.prototype.toString.call(arr)==='[objectArray]')//true
(5)、Array.isArray()
常用的字元串操作
字元串轉化toString()
字元串分隔split()
字元串替換replace()
獲取長度length
查詢子字元串 indexOf
返回指定位置的字元串或字元串編碼 charAt charCodeAt
字元串匹配 match
字元串拼接concat
字元串的切割或提取slice() substring() substr()
字元串大小寫轉化 toLowerCase toUpperCase
字元串去空格 trim() 用來刪除字元串前後的空格
- const str = '11122223333'const uniqueStr = [...new Set(str)].join('')
- arr.rece(callback,[initialValue])
- 跳過第一個索引。如果提供initialValue，從索引0開始。
- const arr = [1, 2, 3, 1, 2, 3]const uniqueArr = [...new Set(arr)]
- var a = {};Object.defineProperty(a, 'name', { value : 'kong', enumerable : true //該屬性是否可枚舉})
- function a(){}
- var b = new a();console.log(a.prototype.isPrototypeOf(b));//true
- if (/Android/gi.test(navigator.userAgent)) { window.addEventListener('resize', function () { if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') { window.setTimeout(function () { document.activeElement.scrollIntoViewIfNeeded();
- }, 0);
- }
- });
- };
- /**
- * 向URL追加參數
- * @function stringifyUrlArgs
- * @param {string} url - URL路徑
- * @param {object} params - 參數對象
- * @return {string}
- const stringifyUrlArgs = (url, params) => {
- url += (/?/).test(url) ? '&' : '?'
- url += Object.keys(params).map(key => `${key}=${params[key]}`).join('&') return url
- }
- /**
- * 解析URL參數
- * @function parseUrlArgs
- * @param {string} url - 字元串
- * @return {object}export const parseUrlArgs = url => { const arr = url.match(/([^?=&]+)(=([^&]*))/g) || [] const args = arr.rece((a, v) => {
- a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1) return a
- }, {}) return args
- }
- NP.strip(num) // strip a number to nearest right numberNP.plus(num1, num2, num3, ...) // addition, num + num2 + num3, two numbers is required at least.NP.minus(num1, num2, num3, ...) // subtraction, num1 - num2 - num3NP.times(num1, num2, num3, ...) // multiplication, num1 * num2 * num3NP.divide(num1, num2, num3, ...) // division, num1 / num2 / num3NP.round(num, ratio) // round a number based on ratio
其中第9中三者的區別如下：
（1）slice(), 參數可以是負數，負數表示從字元串最後一個位置開始切割到對應結束位置
（2）substring()，參數不可為負數，切割第一個位置到第二個位置的字元串
（3）substr()， 參數可以是負數，第一個參數是開始位置，第二個參數為切割的長度
字元串去重
常用的數組操作
1、Array.map()
此方法是將數組中的每個元素調用一個提供的函數，結果作為一個新的數組返回，並沒有改變原來的數組
2、Array.forEach()
此方法是將數組中的每個元素執行傳進提供的函數，沒有返回值，注意和map方法區分
3、Array.filter()
此方法是將滿足條件的元素作為一個新數組返回
4、Array.every()
此方法將數組所有元素進行判斷返回一個布爾值，如果所有元素都符合判斷條件，則返回true，否則返回false
5、Array.some()
此方法將數組所有元素進行判斷返回一個布爾值,如果有一個元素滿足判斷條件，則返回true，所有元素都不滿足則返回false
6、Array.rece()
此方法為所有元素調用返回函數
7、Array.push()
在數組最後面添加新元素
8、Array.shift()
刪除數組第一個元素
9、Array.pop()
刪除數組最後一個元素
10、Array.unshift()
在數組最前面增加元素
11、Array.isArray()
判斷是否為一個數組
12、Array.concat()
數組拼接
13、Array.toString()
數組轉化為字元串
14、Array.join()
數組轉化為字元串，並用第一個參數作為連接符
15、Array.splice(開始位置，刪除個數，元素)
其中rece使用方法為：
callback （執行數組中每個值的函數，包含四個參數）
1、previousValue （上一次調用回調返回的值，或者是提供的初始值（initialValue））
2、currentValue （數組中當前被處理的元素）
3、index （當前元素在數組中的索引）
4、array （調用 rece 的數組） initialValue （作為第一次調用 callback 的第一個參數。）
如果沒有提供initialValue，rece 會從索引1的地方開始執行 callback 方法，
數組去重：
常用對象方法
1、Object.assign()
用於克隆，兩個參數，將第二個對象分配到第一個中
2、Object.is()
用於判斷兩個值是否相同
//注意，該函數與==運算符不同，不會強制轉換任何類型， 應該更加類似於===，但值得注意的是它會將+0和-0視作不同值
3、Object.keys()
用於返回對象可枚舉的屬性和方法的名稱，返回一個屬性或方法名稱的字元串數組。
4、Object.defineProperty()
劫持變數的set和get方法,將屬性添加到對象，或修改現有屬性的特性
5、Object.defineProperties()
可添加多個屬性,與Object.defineProperty()對應,
6、isPrototypeOf
安卓監聽可視區域變化，讓輸入框移動至可視區域
vue中平滑滾動到某個位置
this.$refs.rule.scrollIntoView({ block: 'start', behavior: 'smooth' })
向URL追加參數
解析URL參數
好用的JavaSrcipt庫與模塊（包）
日期時間處理庫
1、monent.js
2、day.js
day相對於monent要輕量許多
高精度數學運算
number-precision
實用工具庫
Lodash
lodash 是一個 JavaScript 實用工具庫，提供一致性，及模塊化、性能和配件等功能。
Lodash 消除了處理數組的麻煩，從而簡化了 JavaScript、 數字、對象、字元串等
7. 我自學前段，用html和css可以做出一個商城的靜態頁面，但是js和jquery不熟
不行。掌握的太基礎了，現在找工作除了自己的技能要過硬，而且工作經驗也是必不可少的。建議你把js和jq掌握熟練掌握了之後再去找工作吧，因為html+css+div只能說是前端入門的技術而已，你就算去找工作也是一些比較普通的工作，不說工作不好找，就算是找到了也是那種工資很低的工作。
8. jquery商城購物車結算頁面數據是怎麼傳輸的
你指的是購物車模塊，我做個這個模塊，我給你個思路。
購物車頁面里有所買的商品，並且有商品的價格，還有所有商品的價格的總和。這個總和應該是你從後台獲取過來的吧。當你點擊結算的時候，這個值一參數的形式先傳到後台，在從後台帶著這個參數返回到結算頁面，
9. 現在做前端開發，你們還用JQ嗎
還在用。主要前端人員不足，後端對前端工程化框架和es6等都不了解，所以後台管理和某些項目還是會繼續使用jquery。
10. 開發一個商城app，前端用哪個框架好
jquery mobile和bootstrap都是較好的框架
jQuery Mobile是jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。
Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范，它即是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎，福建蜂鳥雲商為你解答