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一经推出后颇受欢迎，福建蜂鸟云商为你解答