深圳web前端培训
深圳千锋教育web前端,强师带你勇闯前端大门!
快速咨询原中科院计算所专家 千锋HTML5教学总监,千锋UI教学总监,千锋北科校区校长。原中科院计算所专家,曾任北京市高校师资培训中心特邀讲师,多年担任北京市属高校师资培训工作。11年的UI、WEB前端开发教育培训经验,4年HTML5开发经验,深刻理解教学研究、教学管理
原天天象上技术负责人 三年多web前端工作经验,有2年的移动端开发基础,负责过多个web端与移动端的项目开发,从事天天象上web2.0的pc项目,独立完成天天象上M站的构建与开发,精通angular,ionic,vue,bootstrap,swiper,highcharts等主流开发框架和流行插件。
原去哪儿网技术总监 10年以上Web前端开发经验,曾在运营大型门户网站、电商网站及研发电子政务平台的公司就职。有3年以上教学经验,出品《Web前端经典时尚案例》,《DOM探索之旅》,《Avalon探索之旅》等视频教程。
前端开发专家 千锋HTML5讲师,性格开朗,为人细心,做事认真,有较强的责任心,多年的前端项目开发经验。常以幽默的语言活跃课堂气氛。授课思路清晰,以贴切的案例,形象的演示一些难以理解的内容,让学员轻易掌握知识点并能深刻的理解和运用。
感谢老师为我们的辛苦付出,为我们准备资料 认真备课 认真耐心回答我们的问题
-学员1
严于律己,克忠职守,人生楷模,时代标杆
-学员2
特别可爱的老师,超级喜欢,我们的小伙伴,加油哦老师
-学员3
PC端网站布局
HTML5+CSS3基础
WebApp页面布局
Web前端开发工程师/前端页面布局与重构工程师等含有技术含量的工程师。
4-6K
jQuery经典交互特效开发
PHP+MySQL后端基础
前端工程化与模块化应用
HTML5大前端工程师/高级HTML5大前端工程师/网站开发工程师/移动前端开发工程师
6-10K
微信小程序开发
多端小程序开发
HTML5大前端工程师/移动前端App开发工程师/微信开发工程师/数据可视化开发工程师
10-15k
无须自备电脑
千锋提供高质量设备 保你流畅学习
无需苦恼住宿
千锋Web大前端在高校内部 入学即入住大学寝室
无需担心花费
大学食堂饭菜便宜 花样繁多气氛良好
一地学习,全国就业:就业体系覆盖全国,超18000家合作企业定期招聘,学员就业可随心选择。不同的城市,同样的全程面授。 千锋始终在坚持:全国各校区讲师统一管理,招聘标准一致,课程大纲全范围内定期升级更新,关心学员学习质量。
Web前端目前的薪资及前景还是非常好的,如果想学前端HTML5课程,是进行专业性的学习。在你选择学校的时候可以重点从师资、课程设置、学生就业服务三方面考虑。你首.....
你好,Web前端目前的薪资及前景还是非常好的,如果想学前端HTML5课程,是进行专业性的学习。在你选择学校的时候可以重点从师资、课程设置、学生就业服务三方面考虑.....
遇到很多想换行的朋友,第一句就问,这行赚钱吗?我相信一句话,没有付出,是没有回报的!前面已经说过了,咱们这行门槛是很低的,所以薪资阶段也不一样。2000初入这行.....
因为地区与机构的不同,费用也是不等的,目前市面上的费用一般在1万-1.6万左右。学费看似不低,但是毕业后的收入同样不菲。 根据部分网友在部分一线城市的亲身.....
分析正则表达式RegExp。
常用正则表达式常用的数字正则(严格匹配) 正则 含义 ^[1-9]\d*$ 匹配正整数 ^-[1-9]\d*$ 匹配负整数 ^-?[1-9]\d*$ 匹配整数 ^[1-9]\d*|0$ 匹配非负整数(正整数 + 0) ^-[1-9]\d*|0$ 匹配非正整数(负整数 + 0) ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 匹配正浮点数 ^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 匹配负浮点数 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$ 匹配浮点数 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$ 匹配非负浮点数(正浮点数 + 0) ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$ 匹配非正浮点数(负浮点数 + 0)常用字符串正则 正则 含义 补充 ^[A-Za-z]+$ 匹配由26个英文字母组成的字符串 或 /^[a-z]+$/i ^[A-Z]+$ 匹配由26个英文字母的大写组成的字符串 ^[a-z]+$ 匹配由26个英文字母的小写组成的字符串 ^[A-Za-z0-9]+$ 匹配由数字和26个英文字母组成的字符串 注意\w包含下划线_ ^\w+$ 匹配由数字、26个英文字母或者下划线组成的字符串 常用数字正则和常用字符串正则,是最基本的正则应用,读者可以作为入门的练习,试试能不能快速的读懂其中的含义。匹配中文字符
普遍使用的正则是[\u4e00-\u9fa5],但这个范围并不完整。例如: /[\u4e00-\u9fa5]/.test( '⻏' ) // 测试部首⻏,返回false 根据Unicode 5.0版编码,要准确的判断一个中文字符要包括: 范围 含义 范围 含义 2E80-2EFF CJK 部首补充 2F00-2FDF 康熙字典部首 3000-303F CJK 符号和标点 31C0-31EF CJK 笔画 3200-32FF 封闭式 CJK 文字和月份 3300-33FF CJK 兼容 3400-4DBF CJK 统一表意符号扩展 A 4DC0-4DFF 易经六十四卦符号 4E00-9FBF CJK 统一表意符号 F900-FAFF CJK 兼容象形文字 FE30-FE4F CJK 兼容形式 FF00-FFEF 全角ASCII、全角标点 因此,正确的匹配中文字符正则表达式为: var rcjk = /[\u2E80-\u2EFF\u2F00-\u2FDF\u3000-\u303F\u31C0-\u31EF\u3200-\u32FF\u3300-\u33FF\u3400-\u4DBF\u4DC0-\u4DFF\u4E00-\u9FBF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF]+/g; 如果不希望匹配标点、符号,在正则中去掉对应的范围即可: 3000-303F CJK 符号和标点 FF00-FFEF 全角ASCII、全角标点 匹配双字节字符(包括汉字在内) [^\x00-\xff],可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1),代码示例如下: console.info( "abc".replace( /[^\x00-\xff]/g,"aa" ).length ) // 3 console.info( "汉字".replace( /[^\x00-\xff]/g,"aa" ).length ) // 4 console.info( "abc汉字".replace( /[^\x00-\xff]/g,"aa").length ) // 7 匹配HTML标记的正则表达式先说说网上流传的版本: <(\S*?)[^>]*>.*?|<.*? /> *? *表示0个或多个,?表示0个或1个,两个叠加起来标识0个多个,与*的功能重叠 (\S*?) 标签的长度必须大于0,因此不能用*? |<.*?\/> 没有分组,无法获取以匹配腾讯QQ号
网上流传的版本很好用: [1-9][0-9]{4,} 评注:腾讯QQ号从10000开始匹配中国邮政编码
网上流传的版本很好用: [1-9]\d{5}(?!\d) 评注:中国邮政编码为6位数字 匹配身份证 先说说网上流传的版本: \d{15}|\d{18} d{15} \d{18} 可以判断,但是有些粗糙 从身份证可以解析出地址、生日、性别等,因此特别说明一下: 身份证规则 中国的身份证为15位(一代)或18位(二代),区别在于二代证只是在一代证的第七位数字前加了19和在末尾加了一位验证码 将15位升级为18位,并解析18位号码构成(地址、生日、性别) 代码如下: function parseID(ID) { if ( ID.length == 15 ) { // 升级为18位 ID = ID.substr( 0, 6 ) + "19" + ID.substr( 6 ); // 前17位对应的系数 var rank = [ "7", "9", "10", "5", "8", "4", "2", "1", "6", "3", "7", "9", "10", "5", "8", "4", "2" ]; // 前17为加权除以17后的余数对应的最后一位身份证号码 var last = [ "1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2" ]; // 加权和 for ( var i = 0, sum = 0, len = ID.length; i < len; i++) sum += ID[ i ] * rank[ i ]; // 加上最后一位 ID += last[ sum % 11 ]; } if ( ID.length != 18 ) return null; var match = rid.exec( ID ); return match ? { ID : ID, area : match[ 1 ], y : match[ 2 ], m : match[ 3 ], d : match[ 4 ], sex : match[ 5 ] % 2 } : null; } 限制: 这里只是解析出了地址代码,如何将代码转换为实际地址请问度娘。 返回对象中的sex为1(男)或0(女),并未做转换,如果页面显示需要,可以这样转换:sex ? "男" : "女" 测试: console.info( parseID( "142327840821047" ) ); console.info( parseID("142327198408210470" ) ); 参考资料: http://baike.baidu.com/view/118340.htm#1 匹配IP地址 先说说网上流传的版本: \d+\.\d+\.\d+\.\d+ \d 数字没有限制 修正如下: var rip = /^(?:(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\.){3}(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])$/; rip.test( "192.168.1.1" ) // true rip.test( "0.0.0.0" ) // true rip.test( "255.255.255.255" ) // true rip.test( "256.255.255.255" ) // false 进一步增加分组: var rip2 = /^([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])$/; rip2.exec( "192.168.1.1" ) // ["192.168.1.1", "192", "168", "1", "1"] rip2.exec( "0.0.0.0" ) // ["0.0.0.0", "0", "0", "0", "0"] rip2.exec( "255.255.255.255" ) // ["255.255.255.255", "255", "255", "255", "255"] rip2.exec( "256.255.255.255" ) // null
同意《隐私政策》并允许推荐给更多服务商为您提供服务!