前端开发 订阅
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1]  。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。 [2]  移动互联网带来了大量高性能的移动终端设备以及快速的无线网络,HTML5,node.jS的广泛应用,各类框架类库层出不穷。 [1] 展开全文
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1]  。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。 [2]  移动互联网带来了大量高性能的移动终端设备以及快速的无线网络,HTML5,node.jS的广泛应用,各类框架类库层出不穷。 [1]
信息
应用领域
网站、小程序、Webapp开发等 [2]
外文名
Web front-end development
主流框架技术
Vue.js、AngularJS、React等 [2]
中文名
Web前端开发
主要技术
HTML、CSS、JS、jQuery等 [2]
前端开发发展历程
前端技术的发展是互联网自身发展变化的一个缩影。前端技术指通过浏览器到用户端计算机的统称,存贮于服务器端的统称为后端技术。前端开发主要职能就是把网站的界面更好地呈现给用户。以前会Photoshop和Dreamweaver就可以制作网页,随着网站开发难度加大、开发方式多样,网页制作更接近传统的网站后台开发,网页制作更多被称为Web前端开发。前端技术包括4个部分:前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等。在Web1.0时代,由于网速和终端能力的限制,大部分网站只能呈现简单的图文信息,并不能满足用户在界面上的需求,对界面技术的要求也不高。随着硬件的完善、高性能浏览器的出现和宽带的普及,技术可以在用户体验方面实现更多种可能,前端技术领域迸发出旺盛的生命力。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。随着手机成为人们生活中不可或缺的一部分,成为人们身体的延伸,人们迎来了体验为王的时代。移动端的前端技术开发前景宽阔。此外,前端技术还能应用于智能电视、智能手表甚至人工智能领域。 [1] 
收起全文
精华内容
参与话题
问答
  • 前端开发应知网站(强烈推荐!)

    万次阅读 多人点赞 2019-08-31 14:37:49
    作为一名前端开发者(所有程序员)最起码遇到bug就算不会解决也应该会搜解决问题的答案。 一般笔者会先在百度搜(关键词一定要输入正确) 如果没搜到会再去bing里面看看 还没有的话就去github的Issues里面再看看 ...

    笔者文章内容大更新了哦!!!转载的朋友们请注意更新哦~

    感谢内容提供者:金牛区吴迪软件开发工作室

    人工智能推荐学习地址:人工智能社区

    一、搜索技巧

    建议学习一下这个搜索技巧。

    搜索技巧:https://blog.csdn.net/weixin_43606158/article/details/100531733

    只是知道搜解决问题的方法这是最基础的,遇到问题才会去想办法解决,而作为一名积极进取的程序员应该随时跟着时代的潮流走,不断的拓展自己的知识面,这样你会发现你遇到问题的时候大部分情况你都能准确定位问题的原因,在哪里去搜解决方案,或者你早就自学过了,分分钟解决。


    二、接下来笔者与大家分享一下我个人积累的网站:

    1.基础学习类网站

    1. MDN开发者文档:https://developer.mozilla.org/zh-CN/
    2. 菜鸟教程:https://www.runoob.com/
    3. W3CSchool:http://www.w3school.com.cn/
    4. JavaScript教程网:https://zh.javascript.info/
    5. 谷歌开发者工具教程:https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn&authuser=2
    6. Linux整体学习:https://man.linuxde.net/rm
    7. 渐进式web应用程序核对表:https://developers.google.cn/web/progressive-web-apps/checklist
    8. 开发者中心: https://dev.dcloud.net.cn/
    9. CSS参考笔记:http://css.doyoe.com/
    10. Bootstrap官网:https://www.bootcss.com/
    11. CSS优质内容网站:https://css-tricks.com/
    12. CSS 优质内容网站:https://css-weekly.com/
    13. HTML 优质内容网站:https://www.html5rocks.com/en/
    14. JS 优质内容:http://www.echojs.com/
    15. 移动端 Web 开发:https://mobiledevweekly.com/
    16. 人工智能学习地址:人工智能社区

    2.开发文档类网站

    1. 上传文件转进制的formData: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData
    2. art-template模板引擎:https://aui.github.io/art-template/zh-cn/docs/
    3. ejs模板引擎:https://ejs.bootcss.com/
    4. ES6入门(阮一峰大佬的):http://es6.ruanyifeng.com/
    5. React官网:https://reactjs.org/
    6. Redux官网:https://react-redux.js.org/
    7. React Router:https://reacttraining.com/react-router/
    8. Vue官网:https://cn.vuejs.org/
    9. NodeJS官网:http://nodejs.cn/
    10. React Native: https://reactnative.cn/
    11. uni-app:https://uniapp.dcloud.io/
    12. Mui: https://dev.dcloud.net.cn/mui/
    13. Taro: https://taro.aotu.io/?tdsourcetag=s_pcqq_aiomsg
    14. 微信小程序开发者平台:https://developers.weixin.qq.com/
    15. 微信开发者平台: https://open.weixin.qq.com/
    16. 钉钉开发者平台: https://ding-doc.dingtalk.com/
    17. 百度地图开发者平台:https://passport.baidu.com
    18. DvaJS:https://dvajs.com/
    19. jQuery官网:https://jquery.com/
    20. jQuery API中文文档【在线手册】:http://jquery.cuishifeng.cn/
    21. ZeptoJS官网:https://zeptojs.com/
    22. cheerioJS安装地址:https://www.npmjs.com/package/cheerio
    23. RequireJS官网:https://requirejs.org/
    24. Sass官网(CSS预处理器,通过编程的方式来开发CSS):https://sass-lang.com/
    25. Less官网(同上):http://lesscss.org/
    26. Less中文官网:https://less.bootcss.com/
    27. Socket通信:https://socket.io/
    28. JSONPlaceholder:http://jsonplaceholder.typicode.com/
    29. 前端开发者手册【gitbook】:https://leohxj.gitbooks.io/front-end-database/index.html
    30. gitbook: https://legacy.gitbook.com/
    31. 各种语言的书:https://www.laojiyou.com/
    32. 各种书籍:https://www.sitepoint.com/
    33. 各种书籍文章:https://www.smashingmagazine.com/

    3.解决开发难点类网站【各种库,插件,开源网站介绍】

    npm官网:https://www.npmjs.com/
    npm模块管理器介绍:https://javascript.ruanyifeng.com/nodejs/npm.html#toc18

    1. 让代码提交的时候先执行一次代码,如果有报错不让提交:www.npmjs.com/package/eslint-config-airbnb
    2. 验证正则表达式的可视化工具:https://regexper.com/
    3. 开源、免费、企业级CMS系统:https://www.siteserver.cn/
    4. ECharts:https://www.echartsjs.com/index.html
    5. HighCharts:https://www.highcharts.com.cn/
    6. 富文本编辑器wangEditor: http://www.wangeditor.com/
    7. 富文本编辑器UEditor: https://ueditor.baidu.com/website/onlinedemo.html
    8. 蚂蚁数据可视化:http://antv.alipay.com/zh-cn/index.html
    9. 热力图插件:https://www.patrick-wied.at/static/heatmapjs/
    10. 视频监控直播的插件VLC:https://www.videolan.org/
    11. 直播软件开发:http://www.nodemedia.cn/
    12. 网易云信:https://netease.im/
    13. 聊天开放软件:https://www.oschina.net/p/keybase
    14. 有道翻译API:http://fanyi.youdao.com/openapi?path=data-mode
    15. 游戏开发:http://phaser.io/
    16. AI接口:https://cloud.tencent.com/act/event/aiAllFree?fromcampus
    17. babel(将ES6代码转为ES5代码):https://babeljs.io/
    18. 处理时间与日期的JS库:http://momentjs.cn/
    19. Lodash:https://www.lodashjs.com/
    20. 你可能不需要jQuery:http://youmightnotneedjquery.com/
    21. 云小蜜智能机器人API:https://help.aliyun.com/product/59495.html?spm=a2c4g.11186623.3.1.7dad1b005dRM5F
    22. 易万维源接口:https://www.showapi.com/api/apiList
    23. 短信验证码接口:https://www.mysubmail.com/sms/api?tag=jq22
    24. 榛子短信验证码接口: http://smsow.zhenzikj.com/
    25. 草料二维码生成器:https://cli.im/
    26. 二维码
    27. RAP2假数据接口:http://rap2.taobao.org/
    28. 可扒的真实电商数据:http://www.xiongmaoyouxuan.com/#/
    29. 易文档接口:https://easydoc.xyz - - 感谢旅行呱大佬帮助我们丰富资源,他的CSDN主页为:https://me.csdn.net/atsoar
    30. 免费接口:http://www.bejson.com/knownjson/webInterface/
    31. 假数据接口(测试用):http://jsonplaceholder.typicode.com/
    32. jQuery插件库:http://www.jq22.com/search
    33. 轮播图插件:https://www.swiper.com.cn/
    34. 放大镜插件:http://www.elevateweb.co.uk/image-zoom/examples
    35. 响应式瀑布流插件:http://www.jq22.com/jquery-info20261
    36. 百度前端技术学院 — 前端开发项目库:http://ife.baidu.com/
    37. 项目中常用插件:https://blog.csdn.net/weixin_43606158/article/details/90136700
    38. 滚动懒加载的better-scroll:https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/
    39. css rest:http://nec.netease.com/framework/css-reset.html

    4.想要实现快速开发不可不知的

    1. 一行代码搞定bug监控:https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsg
    2. web开发人员必备工具包(实现快速敲代码):https://docs.emmet.io/
    3. VScode快捷键介绍:https://www.cnblogs.com/bindong/p/6045957.html
    4. 编辑器使用技巧:https://blog.csdn.net/weixin_43606158/category_8999888.html
    5. 前端开源项目CDN:https://www.bootcdn.cn/

    5.各种功能网站

    1. 阿里巴巴图标库:https://www.iconfont.cn/
    2. UI颜色布料:https://www.materialui.co/colors
    3. UI必备颜色表(色块+色码):https://blog.csdn.net/weixin_43606158/article/details/97569176
    4. logo在线制作,有很多:http://www.logofree.cn/
    5. 造字工坊:https://www.makefont.com/
    6. 免费设计图,有很多:https://www.chuangkit.com/designtools/designindex
    7. 图片试别转换各种格式,有很多,只列举了一个:https://zhcn.109876543210.com/
    8. 图片压缩:http://www.topdodo.com/
    9. 图片格式转换:https://www.sojson.com/image/format.html
    10. 小表情的emoji:https://emojipedia.org/
    11. chrome网上商店:https://chrome.google.com/webstore/search/console%20importer?hl=zh-CN
    12. SEO综合查询:http://seo.chinaz.com/
    13. 谷歌开发者工具箱:https://developers.google.com/web/tools/workbox
    14. 直播平台网址备份:https://app.yunxin.163.com/webdemo/education/#/login

    6.在线工具

    1. 在线开发工具:https://tool.lu/c/developer
    2. 在线编辑器:https://codesandbox.io/
    3. 在线做图【ProcessOn 支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图】:https://www.processon.com/
    4. 在线存放图片的地址:https://sm.ms/
    5. 代码变漂亮图片:https://carbon.now.sh

    7.开发人员应知技术

    1. 项目部署流程:https://cloud.tencent.com/developer/information/%E9%83%A8%E7%BD%B2%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%AD%A5%E9%AA%A4
    2. 网站SEO: http://www.jj3721.com/
    3. 前端开发必备JS功能函数总结(上):https://blog.csdn.net/weixin_43606158/article/details/94590474
    4. 前端开发必备JS功能函数总结(下):https://blog.csdn.net/weixin_43606158/article/details/94660402
    5. Postman测试前端请求后端接口:https://www.getpostman.com/
    6. 函数式编程:https://legacy.gitbook.com/@llh911001

    8.前端UI组件库

    1. MintUI:https://mint-ui.github.io/#!/zh-cn
    2. ElementUI:https://element.eleme.cn/#/zh-CN
    3. iViewUI:https://www.iviewui.com/
    4. Layui:https://www.layui.com/
    5. cubeUI:https://didi.github.io/cube-ui/#/zh-CN
    6. Antd:https://ant.design/index-cn
    7. MUI:http://dev.dcloud.net.cn/mui/
    8. Animate.CSS:https://daneden.github.io/animate.css/

    9.刷题

    1. 力扣JS题库:https://leetcode-cn.com/
    2. 刷算法题:https://www.lintcode.com/
    3. Web 开发练习题:https://www.freecodecamp.org/

    10.代码托管平台

    1. coding代码托管平台:https://coding.net/
    2. 码云代码托管平台:https://gitee.com/
    3. github代码托管平台:https://github.com/
    4. SVN代码托管平台:https://svnbucket.com/?ADTAG=bdss#/
    5. SVN代码托管中心:http://www.svnchina.com/
    6. git官网:https://git-scm.com/
    7. 阿里云:https://www.aliyun.com
    8. 腾讯云:https://cloud.tencent.com/

    11.社区类

    1. 码神岛: https://msd.misuland.com/
    2. 掘金网:https://juejin.im/
    3. 思否:https://segmentfault.com/
    4. 知乎:https://www.zhihu.com
    5. stack Overflow:https://stackoverflow.com/
    6. v2ex社区:https://www.v2ex.com/
    7. CtoLib码库: https://www.ctolib.com
    8. 牛客网:https://www.nowcoder.com
    9. FCC中文网:https://www.freecodecamp.one/
    10. web开发互助网:http://hz.uyi2.com/

    12.项目合作

    1. 禅道:https://www.zentao.net/
    2. 蓝湖(ps切图):https://lanhuapp.com/

    13.新闻资讯类

    1. FCC 的 Medium 频道:https://www.freecodecamp.org/news/
    2. React 新闻订阅:http://reactjsnewsletter.com/issues
    3. 社区:https://hashnode.com/
    4. 节点周刊:https://nodeweekly.com/
    5. 前端焦点:https://frontendfoc.us/
    6. JavaScript周刊:https://javascriptweekly.com/
    7. infoQ:https://www.infoq.cn/

    14.书籍类

    1. 开发文档:https://devdocs.io/

    由于部分原因,此模块大部分内容已被舍弃,望读者们见谅
    在这里插入图片描述

    15.学习网站

    1. 妙味课堂:https://miaov.com/
    2. 慕课网:https://www.imooc.com/
    3. 网易云课堂:https://study.163.com/
    4. 中国大学MOOC:https://www.icourse163.org/
    5. tutorialspoint:https://www.tutorialspoint.com/index.htm
    6. html中文网:https://www.html.cn/
    7. hCoder:http://www.hcoder.net/
    8. 扣丁学堂:http://www.codingke.com/
    9. 开课吧: https://www.kaikeba.com/
    10. 书栈网:https://www.bookstack.cn/

    16.应聘网站

    1. 拉勾网:https://www.lagou.com/
    2. Boss直聘:https://www.zhipin.com/?sid=sem_pz_bdpc_dasou_title
    3. 猎聘网:https://www.liepin.com/
    4. 智联招聘:http://landing.zhaopin.com/register
    5. 一早一晚(国内远程工程师招聘):https://yizaoyiwan.com/

    17.休闲网站

    1. 星辰影院:https://www.vodxc.in/
    2. 80s手机电影:http://y80s.com/
    3. 达达兔影院:https://www.jlszyy.cc/
    4. 日本影视:http://www.jp2468.com/
    5. 蛋蛋赞咨询与影院:https://www.twoeggz.com/
    6. 独播库:https://www.duboku.tv/
    7. 哔哩哔哩:https://www.bilibili.com/
    8. 臭豆腐电影:http://www.cdfdy.com/

    18.extra

    1. 接项目接私活的网站总结:https://blog.csdn.net/weixin_43606158/article/details/90728142
    2. 前端面试题一到三年: https://blog.csdn.net/weixin_43606158/article/details/89811189
    3. 前端面试题三到五年:https://blog.csdn.net/weixin_43606158/article/details/89640672
    4. 资源数据:https://www.ceicdata.com
    5. 99藏书网【非IT行业图书】:https://www.99lib.net/book/
    6. 投资界新闻:https://news.pedaily.cn/
    7. CSDN吴小迪的博客:https://blog.csdn.net/weixin_43606158

    三、遇到问题的解决办法

    作为一名前端开发者(所有程序员)最起码遇到bug就算不会解决也应该会搜解决问题的答案。

    1. 一般笔者会先在百度搜(关键词一定要输入正确)
    2. 如果没搜到会再去bing里面看看
    3. 还没有的话就去github的Issues里面再看看
    4. 如果还不行就只能自己去看官方文档然后自己研究了。

    转载的朋友们请注意,此文章为随时更新。转载时请注明出处,谢谢!

    展开全文
  • 1500个前端开发常用JavaScript特效

    千次下载 热门讨论 2013-04-24 00:51:20
    1500个前端开发常用JavaScript特效,实例超多,特效实用,欢迎下载学习
  • 一、稍微聊聊前端开发 前端开发这个事情,发展得非常迅速,变化也日新月异。曾经的前端,就是写点html、css、js。写好了之后,交给后台,部署到服务器上。再后来出现的jsp之类的东西,给前端提供了一...

    最近和鹅厂,pdd的前端大佬们聊了不少前端相关的东西,再加上最近做的项目实训(InspirationNotebook)是一个相当典型的前端项目,所以在这最后一篇实训日志里,我想写点自己实践出来的东西。

    一、稍微聊聊前端开发

    前端开发这个事情,发展得非常迅速,变化也日新月异。曾经的前端,就是写点html、css、js。写好了之后,交给后台,部署到服务器上。再后来出现的jsp之类的东西,给前端提供了一定的灵活性,但还是很难满足我们真正的开发需要,这集中体现在以下两点:
    1、面对复杂数据的处理逻辑,html、css、js可能需要写相当大量的代码。而且代码很难进行复用。
    2、不同界面之间重定向的操作非常多,很影响体验。

    后来,“组件化开发”这个概念得到了推广,react,vue等构建单页应用(SPA)的前端框架得到了大范围的使用,使得我们的前端逻辑、前端组件能够得到复用,大幅降低了前端开发的工程量。同时,router的使用,使得前端能够避免重定向带来的相当差的用户体验。

    另外一方面,TypeScript等语言的出现,对JavaScript进行了一个极大的补充。TypeScript作为JavaScript的超集,对JavaScript的弱类型、继承等功能进行了一个非常大的补充,使我们能够使用更加工程化的方法去编写前端逻辑。

    还有,webpack等模块化打包工具的出现,也极大地推动了“前端工程化”的发展,尤其体现在工程部署上——直接引用张云龙大神的知乎回答吧,说的比我这条咸鱼强多了
    https://www.zhihu.com/question/20790576

    以及,nodejs的出现,使前端可以承担一部分后端的工作,也提供了相当强大的拓展功能。而又因为nodejs跑的也是JavaScript代码,所以为前端工程师提供了相当大的便利。

    所以前端开发发展到现在,出现了非常多的有意思的方向,也出现了非常多有意思的技术。移动端相关的知识、老生常谈的优化与资源加载的问题、前端安全性的一些探索(XSS,CSRF等)、nodejs的相关技术、http 2.0、http 3.0、html5、css3、JavaScript ES6 ES7等等,都是一些非常有趣的方向,也非常值得人去探索。

    二、稍微聊聊前端工程架构

    1、先举个栗子吧

    我觉得有句话说得很好:“后端要求接口分离,功能分得越小越细越好。前端却要求减少请求次数,减少加载的时间。这其实是一个矛盾”

    的确,这是个必然的问题,前端当然想一次请求,能获取全部数据,希望“大而全”。但是后端在实际开发的时候,接口一定是“小而美”的。那么我们如何解决这个矛盾呢?

    一个很简单的措施——在前端和后台之间搭一个(甚至多个)中间层。采用nodejs等技术,搭建中间层,进行请求转发、接口数据聚合、缓存数据、文件访问等操作。

    就拿我自己的InspirationNotebook的架构来说,如下图:
    在这里插入图片描述

    InspirationNotebook的中间层是使用nodejs的express框架来搭建的,提供了前端和后台的请求转发、接口聚合、数据缓存和手机端与电脑端的数据同步操作。

    由于nodejs层和真正的后台服务器是同源的,所以请求数据时也不会出现太久的响应时间。
    其请求转发功能,可以解决一部分跨域的问题。
    其数据缓存功能,主要是用于缓存记笔记时笔记本进行的修改操作(这种操作相当频繁,若每次修改都直接请求后端接口,会带来相当大的负载)。
    其数据同步功能,则是通过websocket对手机端和电脑端的数据进行一个同步。

    当然在本项目中,有部分接口(登录注册)是直接请求的后台接口,并未通过中间层进行传输。个人感觉这种设计有利有弊吧,大家可以根据自己的实际情况去权衡。还有本来要在node层做的服务器渲染,由于时间原因鸽掉了,也是蛮可惜的吧。

    另外一方面,针对InspirationNotebook的前端应用,我们首先选取了vue作为前端框架来构建web应用。使用vuex和router来实现状态管理和路由跳转功能。这些都是比较常规的操作了,这里也不做过多的解读了。

    2、稍稍总结下

    所以就目前来说,一个比较合理的前端架构,需要关注以下三点:
    1、nodejs:提供代理,聚合以及根据情况选择服务器渲染。通过api和后端通信。
    2、web应用开发:框架的选取、状态管理工具的选取等等(这个有相当高的自由度)。
    3.、运维工作:前端项目构建、部署以及系统监控服务。

    三、最后说两句

    前端开发发展到现在已经有了十多年的时间了,出现了非常多有意思的方向。笔者很想通过这篇博文向大家展示出这些前端比较有魅力的方向,但无奈自己太菜OTZ,只能根据自己的经验浅浅地和大家聊一聊。
    如果有什么错误还请指正,不喜勿喷哈

    展开全文
  • 前端开发:前端如何开发 APP

    万次阅读 多人点赞 2018-07-03 02:45:52
    做为一个前端开发人员,有时候除去传统的前端开发还需要进行其他开发,比如公众号开发,小程序开发,APP 开发。 本场 Chat 将带你从0开始,基于 APICloud 进行 APP 开发,你只需要会前端就可以。 本场 Chat 主要内容...

    做为一个前端开发人员,有时候除去传统的前端开发还需要进行其他开发,比如公众号开发,小程序开发,APP 开发。

    本场 Chat 将带你从0开始,基于 APICloud 进行 APP 开发,你只需要会前端就可以。

    本场 Chat 主要内容为下:

    1. 什么是APICloud?
    2. 开发工具的了解;
    3. 提供的前端框架;
    4. 相关 API;
    5. 控制台;
    6. 开始你的 APP 开发。

    本场 Chat 将会用一个新的案例从0来带领大家,用实际的开发案例来学习,知道开发过程的每一个步骤,让大家真的能开发,而不是一知半解,最后 Chat 结束后大家都可以都拥有一个自己的 APP。

    什么是大前端

    对于大前端这一词语,没有一个准确的说法,什么叫做大前端。

    不同的人对于大前端的定义也是不一样的。对我而言,大前端就是区别与传统的前端开发,具备更多的能力,具备很强的横向技能。

    在我看来,如今的一般前端发展都需要具备多种开发技能,除去传统的 PC 端开发,Web 端开发,还有基于微信的公众号开发、小程序开发,配合打包技术实现的混合 APP 开发,以及桌面应用开发,还有基于 node.js 进行后台开发。当然不是说每个人都必须要掌握这些技能,而是说你应该掌握其中的某些技能,它能帮助你获得更多的机会。

    enter image description here

    来源于压力的成长

    在我工作之前,我会的前端技能就是 HTML + CSS + JavaScript + jQuery。

    我工作的第一个项目,协同开发,一个月,采用的技术是 Vue.js,于是我一边看一边写 demo,然后转身写项目。一个月,两个前端用 Vue.js 开发了一个 erp 系统,在这一个月中我已经学会了简单的运用 Vue.js。

    第二个项目,一个在线预约视频拍摄的网站,一样的一边看教程,一边完成项目,我不断把新学的内容往项目中加。终于在经历两个项目之后我能够说对 Vue.js 比较了解了,基本对于 Vue.js 不存在什么大的技术问题了。

    然而,我的第三个项目,就得到了一个微信小程序开发,所幸的是我已经回了 Vue.js,而小程序和 Vue.js 又十分的相似,很快的上手,在一个月的时间里独立开发出来了一个小程序。

    接下来,又换手,变成了一个公众号开发...

    工作半年,五个项目,学会了 Vue.js 框架,angula.JS 框架,几个 CSS 框架,小程序开发,公众号开发。

    第六项目,就是一个 APP 的开发。

    刚开始我是拒绝的,我,一个前端工程师,我怎么去开发 APP?还只有两个月的周期?

    enter image description here

    然而领导是不会管这些的,面对这样的情况,我一度想要辞职回家要饭。

    enter image description here

    然而,贫穷使我不得开心颜,贫穷也使我努力,于是我开始想办法解决问题。

    在某竞价排名为网站搜索关于前端开发 APP 的相关内容,在抛去第一屏的广告之后,开始寻找有用内容。

    在了解了原生开发、web 网页加壳生成 APP、HTML5 开发、混合 APP 开发之后,对于目前的项目情况,决定使用混合 APP 开发。然而我还是不清楚该如何开发,所以还需要继续学习了解。

    在 CSDN 看见一篇博客,讲的就是前端开发 APP,分别讲述了 DCloud 与 APICloud,关于这二者我都去学习并尝试写了 DEMO,但是很无奈,做为一个纯粹的前端开发人员,有很多地方我确实不清楚,我需要更多的帮助。然而 DCloud 官方并没有一个很好的社区,我有太多的疑惑不能得到解决,于是我就选择了 APICloud,好在与 APICloud 有比较活跃的社区,也有官方的很多 Q 群,有问题你可以在社区询问,也可以在群里咨询他人。

    一、什么是 APICloud

    APICloud 是中国领先的“云端一体”的移动应用云服务提供商。 APICloud 为开发者从“云”和“端”两个方向提供 API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。基于 APICloud 提供的“云 API”和“端 API”,开发者甚至可以忘记繁杂的服务端编码,也可以忘记复杂的 Objective-C和Java,更可以忘记那数不清的屏幕适配。

    以上内容都是 APICloud 放在某竞价网站的的官方介绍。

    实际上它就是一个平台,为你提供很多组件和 API,然后帮你把你的 html 文件打包成为安卓和苹果的安装包。

    二、开发 IDE

    做开发 IDE 是必要的,官方有自己的开发 IDE,也支持其他 IDE,如果你不介意你可以试着用用官方的 IDE,或者在你原有的 IDE 中下载相关插件使用。

    • 官方的 IDE:APICloud Studio 2

    此外他还提供了:

    • Sublime APICloud Plugins:Sublime APICloud Plugins 是 APICloud 为开发者提供的一套开源的 Sublime Text 扩展插件
    • Eclipse APICloud Plugins(Studio 1)Eclipse APICloud Plugins:基于 Eclipse 和 Aptana Studio3 进行扩展
    • WebStorm APICloud PluginsWebStorm APICloud Plugins 是 APICloud 为开发者提供的一套开源的 WebStorm 扩展插件
    • Atom APICloud PluginsAtom APICloud Plugins 是 APICloud 为开发者提供的一套开源的基于 nodejs 的 Atom 扩展插件
    • APICloud CLIAPICloud CLI 是 APICloud 为开发者提供的一套开源的基于 nodejs 的命令行关于 IDE 介绍点我了解更多

    而我日常开发使用的是官方提供的 IDE

    enter image description here

    样式和内容跟其他开发 IDE 没有什么过大的区别。

    APP开发之旅

    step1:注册帐号你需要在APICloud官网注册一个开发帐号。https://www.apicloud.com/

    step2:登录登录之后你会到达控制台,如果没有,请在右上角前往。

    step3:创建应用需要在你的控制台创建一个应用,创建按钮位于控制台的左上角。

    enter image description here

    然后选择Native App,输入应用名称和说明。

    enter image description here

    然后就创建好了你的第一个应用。

    step4:同步项目代码

    当你创建好项目之后,云端会自动生成相关的文件以及代码,你需要将代码从云端下载下来,然后进行开发工作。

    在控制台左边有你新建的应用,点击就会进入应用的页面。

    enter image description here

    在右边是一些菜单选项,我们前端开发涉及的就是第一个端开发里面的内容:

    1. 端设置:在这里设置 APP 的图标,启动动画,横屏竖屏等
    2. 证书管理:这里上传或者更新 APP 的相关证书,安卓端与 IOS 端的,需要你自己去申请
    3. 代码管理:在这里查看你的代码操作记录,查看你代码所在云端的地址与管理密码或者设置 GIT
    4. 模块管理:里面有很多官方提供的模块,如果你要在你的 APP 中使用就需要在这里进行管理
    5. 云编译:对你已经提交到云端的代码进行打包生成安装包

    SVN: enter image description here GIT: enter image description here

    根据你使用的不同工具进行不同的操作,而我是用的是 SVN,在本地安装好 SVN 之后直接同步到本地就可以了。

    小提示:输入地址后,SVN 会让输入帐号与密码,这时候你填写的帐号就是你在平台注册的号码,邮箱,一定填邮箱,我之前填手机,然后一直给我报错,然后密码输入点击获取分支密码弹出来的那一串。

    然后你在通过 IDE 打开这个文件夹就可以进行开发了。

    关于APICloud 开发 APP 的概念:

    我们前端在使用 APICloud 进行开发的时候,依然是写 HTML 结构,CSS 样式,JS 逻辑。关于样式以及 JS 逻辑,和大家平时的写法都没有什么区别。在 HTML 结构这块,我们日常开发,一个 HTML 就是一个页面,但是在 APICloud 中,页面所展示的,并不是以 HTML 文件为展示单位。在这里要给大家讲述关于 APICloud 的页面布局的五大组件。

    五大组件:

    enter image description here

    1. widget:APP 的最外层,我们的内容都装在 widget 中。
    2. layout:页面布局,也就是我们在 APP 中看见的一个一个的页面,由 window 和 frame 组成。
    3. window:一个独立的页面,我们的实际页面都是由一个一个的 window 来组成,每一个 window 都是全屏的。
    4. frame:frame 也是一个独立的页面,但是它存在与 window 中,你可以给他指定他的高和宽,还可以指定它位于 window 的哪个位置。
    5. UIModule:UI 模块,用于实现某些特定的页面效果,既可以全屏,也可以占据部分屏幕。

    我们在使用前端开发的时候,页面跳转都是通过标签或者路由进行,但是我们在APICloud中进行开发,页面之间的切换我们所采用的方法另一种方法。

    下面就让我们来开始我们的开发工作,在开发中学习与理解。

    通过之前的操作,我们已经建立好我们的项目,通过 IDE 打开,我们就开始进行我们的编程工作了。

    通过 IDE 打开我们的项目文件,右边能看见很多文件夹和两个文件。

    enter image description here

    有的文件是系统的,有的是用户根据自己的需求新建的。这和一般的前端项目结构没有什么大的区别,各个文件夹用于存放相对应的文件,从名称就能看出来他们的作用。

    config.xml:每一个 Widget 包必须有一个名为 config.xml (大小写敏感)的配置文件,它位于 Widget 包的根目录下。该配置文件包含了关于该 Widget 的重要信息,如:名称、作者信息、描述、云端ID、偏好设置、权限配置、模块概览等等,并且该配置文件也是整个 Widget 的入口。

    点我前往官方文档

    index.html:

    我们的首页文件,当 APP 运行之后就会首先打开我们的 index.html

    打开 index.html 它会有一个简单的案例给你参考。

    在这里给大家讲下关于 APICloud 的 API:

    api 对象是您入门 APICloud 必须了解和熟练掌握的一个基础对象。api 对象提供了构建应用程序所需要的一些基本的方法 [Method],如窗口操作、相册和网络数据访问等;以及一些常见的属性 [Attrbute],如屏幕宽度(screenWidth),系统类型(systemType)等;还有一些常用事件 [Event],如电量低(batterylow)事件、应用进入后台(pause)事件。api 对象不需要 require 引用,可以直接在 js 中使用。

    它为开发者提供了基础操作,比如之前提到的页面间的切换等,以及很多属性事件。 它是每一个页面都需要引入的。

    enter image description here

    我们会在每个页面都通过 script 引入 api.js,而 apiready 则是和 window.onload 差不多的意思,也就是我们的 api.js 已经加载完成。

    如果我们要进行某些处理需要设计调用 api,那一定记得需要在 apiready 之后执行。

    接下来我们就可以开发我们的首页了,会前端的这块都不需要在额外多的说,在这里,就为大家演示关于 window 和 frame 这二者的区别使用。我们要实现页面切换,往往都是通过 api.openWin和api.closeWin 来执行,也就是打开一个页面,关闭一个页面。如果我们要在当前页面的某个位置打开一个窗口,也就是之前提到的 frame,也是同样的通过 api.openFrame和api.closeFrame 来实现。

          api.openWin({            name: 'page1',            url: './page1.html',            pageParam: {                name: 'test'            }        });

    一旦执行了代码,它就会根据url来进行页面跳转,然后给跳转的页面一个名字。如果是关闭的话,只需要执行下面这段代码就 OK 了。

        api.closeWin({        name: 'page2'    });

    我们只需要告诉它需要关闭的页面的名称就可以了

    这里简单的对这个进行介绍,大家可以前往官网文档对 API 进行学习。

    事实上,你只需要知道 api.openWin 和 api.closeWin 都已经可以开发出一个 APP 了,当然,这是不推荐的做法。

    官方提供的 API 有很多,大家都可以根据需要进行查阅,或者在开发前都看一遍。

    API对象官方文档

    如何边开发边测试

    当我们进行开发的时候都会边开发,边看效果,而在 APICloud 中,我们通常会借助自定义 loader 来进行测试。

    在我们的控制台,菜单栏有一个叫做模块,之前给大家讲述过,模块库中有很多功能模块能提供给大家使用,有收费的也有免费的。大家可以在模块库进行查看,有需要的就添加到 APP中。

    在模块菜单中,最右边有一个自定义 loader

    enter image description here

    你点击编译,然后再将编译成功的安装包安装到你的手机上,安装好之后,会有一个白色的小圆点,点击之后会让你设置 IP 以及端口号

    enter image description here IP 和端口号,你在开发 IDE 选中项目,右键,有一个查看 WIFI 真机同步端口 IP,让后将对应的值设置在手机上,这样你每次保存之后手机端就会自动更新,你就能够看到你的效果。

    小提示:

    1. 编译的时候都需要把代码上传到云端之后再编译
    2. 自定义 loader 的有效期是七天,超过七天就需要重新编译
    3. 当你在模块库中添加了新的模块,你需要重新编译后才能在项目中使用

    开发完成如何发布

    当你的项目已经开发完成了,这时候需要发布出去,我们应该如何操作呢?

    在控制台,云编译菜单:

    enter image description here

    在这里我们可以进行编译,当然,如果你是正式版,你还需要具备证书。在没有证书的情况下,只能编译测试版。如果不清楚如何获得证书,页面上有对应的引导,去教你如何获取证书。

    总结

    师傅领进门,修行靠个人。

    文章没有对于纯粹的技术做过多的讲解,只是对如何使用 APICloud 进行 APP 开发的方式以及流程进行讲解。如果你从第一部跟着我走,那么到现在,你已经有了一个 APP,即使这个 APP 只有一个页面,一个 DEMO。

    APP 中内容取决与开发着自己,如果你只需要能有一个 APP,这完全已经能够满足了。如果你需要开发一个让自己满意的 APP,那肯定,你还需要对 APICloud 官方提供的内容进行一些学习。但是对于开发者而言,这些学习都是非常简单的。也可以需要什么学习什么。都是独立的。

    最后给大家附上对应的教程链接:

    官方视频教程系列

    推荐新手系列教程,十分简单,讲得通俗易懂,也有实际案例。整个教程几个小时就完了。

    官方文档中心

    有任何问题都可以前往文档中心查找,包括之前提到的内容。这里主要推荐两个API 对象前端框架(类似 JQ)掌握这二者基本的开发都可以完成了。

    社区

    如果有问题,文档无法解决,那么社区无疑是很好的选择,在这里提出你的问题,会有很多人来回答你的问题的。当然你也可以加入官方的 QQ 群,在群里询问。有问题还可以@差不多先生,我是社区版主之一。

    最后希望大家能够快速上手,完成你的 APP。


    本文首发于GitChat,未经授权不得转载,转载需与GitChat联系。

    阅读全文: http://gitbook.cn/gitchat/activity/5acb04a731c1e06e53b20174

    您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ,阅读更多 GitChat 专享技术内容哦。

    FtooAtPSkEJwnW-9xkCLqSTRpBKX

    展开全文
  • 前端开发框架05. 附录 01. 概述 作为前端开发者,各种框架的层出不穷,促使我们要不断学习才能防止落后,但是我们不可能做到每个框架都有学习的时间,我们只需要掌握流行的,坑少的即可。从以下三个方面了解目前...

    00. 目录

    01. 概述

    作为前端开发者,各种框架的层出不穷,促使我们要不断学习才能防止落后,但是我们不可能做到每个框架都有学习的时间,我们只需要掌握流行的,坑少的即可。从以下三个方面了解目前流行的前端开发框架。

    02. 跨多平台开发框架

    (1).uni-app--开发一次,多端覆盖uni-app 是DCloud公司使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。

    在这里插入图片描述

    框架图

    Github地址:https://github.com/dcloudio/uni-app

    官网地址:https://uniapp.dcloud.io

    如果学过vue,会微信小程序开发,了解mpvue,很容易上手。强烈推荐学习。

    (2).Taro–一次编写,多端运行Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H***pp、快应用等)运行的代码。

    在这里插入图片描述

    Github地址:http://github.com/nervjs/taro

    官网地址:http://taro.aotu.io/

    多端 UI 组件库:https://aotu.io/notes/2018/08/27/the-birth-of-taro-ui/

    如果你会React ,很容易上手Taro。

    03. 移动端混合开发框架

    混合开发是指JS开发+原生渲染 一套代码,iOS 安卓都可使用。

    (1).Flutter–极速构建漂亮的原生应用Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter Framework是一个完全由Dart语言构建的SDK,它实现了一整套自底而上的基础库。

    在这里插入图片描述

    框架结构

    官网地址:https://flutterchina.club

    (2).React Native--使用JavaScript和React编写原生移动应用React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。

    在这里插入图片描述

    框架结构

    Github地址:https://github.com/facebook/react-native
    官网地址:https://reactnative.cn

    (3).Weex–Web 开发体验来开发高性能原生应用的框架

    Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验,来构建 Android、iOS 和 Web 应用。简单来说,在集成了 WeexSDK 之后,你可以使用 JavaScript 语言和前端开发经验来开发移动应用。

    Vue.js 和 Rax 是最广泛应用于 Weex 开发的前端框架,也是目前功能最全、最稳定的方案。

    在这里插入图片描述

    框架结构

    Github地址:https://github.com/apache/incubator-weex?spm=a2c7j.-zh-.0.0.45dac8eec3weZx

    官网地址:https://weex.apache.org/zh/

    04. 前端开发框架

    (1).Vue–渐进式JavaScript 框架
    在这里插入图片描述

    Vue框架是用于构建用户界面的渐进式框架。它是可以自底向上逐层应用。Vue 的核心库只关注视图层,上手简单而且还便于与第三方库进行整合。

    Github地址:https://github.com/vuejs/vue

    官网地址:https://weex.apache.org/zh/

    (2).React–用于构建用户界面的 JavaScript 库

    React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。

    Github地址:https://github.com/facebook/react/

    官网地址:https://react.docschina.org

    (3).Angular–一套框架,多种平台移动端 & 桌面端

    在这里插入图片描述

    Angular是一个强大的前端框架,其强大之处主要是可以把静态页面与动态数据绑定起来。首先angular是一个mvc框架,它与jquery不同之处在于,前者致力于mvc代码解耦,采用model,controller以及view方式去组织代码,而后者提供给你了很多APi函数,你可以不用写很多原生js去实现比较复杂的效果,比如说动画,$.animate,

    在这里插入图片描述
    Github地址:https://github.com/angular/angular

    官网地址:https://www.angular.cn

    前端框架少不了UI组件框架的结合。

    05. 附录

    参考:https://my.oschina.net/u/3308739/blog/3098156

    展开全文
  • 并从思路、设计、编码和部署测试每个过程给大家详细讲解。 框架纯实战级,实用、简单、暴力。...课程学完后,整个课件源代码就是一个完整的中型web前端开发框架。大家可以任意复制、学习、修改或占为己有
  • 前端开发工具vscode安装教程(windows) 一、下载 下载地址:https://code.visualstudio.com/Download 二、安装 解压下载的压缩包 运行code.exe 三、插件 vscode相关插件可以从 ...
  • 超全 前端开发6811个小图标

    千次下载 热门讨论 2013-10-15 12:35:19
    网页小图标素材 ==================================...前端开发6811个小图标 如果你是做前端开发的 下载就对了 推荐资源: 前端开发上千张高清 质感 透明 无损大图 http://download.csdn.net/detail/kly377/6395805
  • Web前端开发最佳实践

    千次下载 热门讨论 2015-02-27 16:38:35
    本书立足于Web前端开发的基础,介绍如何编写符合W3C规范、可维护性好且高性能的Web前端代码。 本书的主要内容和特色:  以W3C Web规范为基础展开讨论,介绍Web前端开发中的最佳实践方法及编码风格。为Web前端...
  • 前端开发需要学习什么?

    万次阅读 多人点赞 2017-07-14 14:17:00
    Web 前端开发是从网页制作演变而来的,互联网的演变进程,网站的前端也由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了
  • 孔子说,“工欲善其事,必先利其器”,当前运用前端开发,也是很恰当的,那么,前端开发用什么软件?前端开发用什么工具?下面php中文网就为大家总结一下前端开发开发工具。 一:HBuilder HBuilder工具是数字天堂推出...
  • 2020学习前端开发有前途吗?(建议收藏)

    万次阅读 多人点赞 2020-09-07 14:25:26
    同学A:他现在是一名大学生,学了学校的编程课程,什么语言都学了一点,但是现在感觉自己什么都不会,他同学自学了一些,做了一两个小项目,他很羡慕,而且他个人对前端有点兴趣,不知道现在开始学前端怎么样。...
  • Javascript前端开发

    千人学习 2018-03-14 14:18:40
    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,早是在HTML(标准通用标记语言下的一个应用...
  • 11个web前端开发实战项目案例+源码!拿走就是了

    万次阅读 多人点赞 2019-07-25 22:11:00
    小白为大家收集了11个web前端开发,大企业实战项目案例+5W行源码!拿走玩去吧! 老规矩:转发+关注并私信小编:“资料”全部打包带走! 下面给大家简单介绍几个: 小米官网: 项目描述 首先选择小米官网为第...
  • 前端开发在线峰会

    千人学习 2017-07-08 08:13:06
    前端开发者线上培训峰会,来自Smashing Magazine、美国Hulu、百度、美团、去哪儿、广发证券的六位国内外前端讲师,与您解读前端热门技术及创新应用实践,涉及数据状态管理、响应式开发、代码多端复用等话题。...
  • 初识前端开发

    千次阅读 2017-06-09 09:47:51
    研究生期间做过一段时间iOS开发,参与过几个项目,越深入,越觉得知识...前端开发以前也确实没有接触过,从最基础的看起,学起,在此记录下学习历程,总结下学习感悟! 前端开发:HTML+CSS+JavaScript 什么是
  • Web前端开发规范文档你需要知道的事规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. ...
  • 个人精心整理的前端开发必备网站推荐

    万次阅读 多人点赞 2019-10-05 15:02:34
    本人是一个纯正的小白,在学习的过程中搜集了一些关于前端开发的网站,希望对大家能够有所帮助!授人以鱼不如授人以渔! 1.MDN开发者文档网址:https://developer.mozilla.org/zh-CN/ 2.菜鸟教程:...
  • 我现在是一名大四应届毕业生,处于迷茫期,不知道应该如何选择自己未来的方向,目前想法是想试试前端开发,无奈不知道应该如何着手学习觉得有很多知识要看,可是却不知从何看起,光看不练效果不佳这个道理我懂,可是...
  • Web前端开发高级前端技术(高级开发程序篇)

    千次阅读 多人点赞 2020-01-27 01:56:18
    (给达达前端加星标,提升前端技能)内容有点多,也请你静下来,慢阅读,今后多多关照。说到web前端开发高级,必须要掌握的是HTML和css代码的优化,前端优化很重要,这是成功你进阶的道路上...
  • 前端开发

    千次阅读 2019-01-18 08:13:43
    前端开发篇 开发工具与关键技术:DW 前端开发 作者:吴业华 撰写时间:2019年1月16日 先把我们前端开发所使用的文件准备好 如下截图: 开局把所需要的文件等都准备好 敲码的时候是不是效率就会快很多呢 ...
  • 前端开发环境搭建

    万次阅读 多人点赞 2019-07-28 13:43:57
    前端开发环境搭建
  • 因为在一直在一家网站建设公司任职web前端开发 公司接的项目都是展示型网站 一个项目也就一二十个页面 主要用jquery,html5,css3开发。着重页面炫酷效果这一块。最近看到ext.js,node.js 看着云里雾里 我现在的工作...
  • 移动前端开发与web前端开发的区别

    万次阅读 2017-10-11 16:39:26
    用最简单粗暴的方式来讲,就是用html + css + javascript来构建一个供人浏览的网页,其中又包括两个主要的分类:pc端网页开发以及移动端网页开发(很多时候被称为h5开发)。
  • web前端开发入门视频教程 前端架构师课程

    万次阅读 多人点赞 2019-05-05 21:18:03
    web前端架构师,其实就是高级开发的代名词。因为架构是一个整体,没有孤立的前端与后端。如果一定要这么分,就说明你的工作在这个单位的任务倾向和内容就是那么点玩意儿,而这又有多少呢?页面开发以及相关的那么点...
  • 所安装的插件如下: 1、open in browser(2.0.0版本)详细内容见VSCode插件搜索。 修改默认浏览器的步骤: File&...找到plugin open-in-browser按照提示在右边的json文件中进行配置即可。...2、此扩展程...
  • 前端开发常用JS功能函数(中)

    万次阅读 多人点赞 2019-07-04 23:11:29
    unique: 数组去重,返回一个新数组 function unique(arr){ if(!isArrayLink(arr)){ //不是类数组对象 return arr } let result = [] let objarr = [] let obj = Object.create(null) ... arr.forEac...
  • 移动前端开发和 Web 前端开发的区别

    千次阅读 2016-11-17 16:18:45
    先说背景,我大言不惭的说一下,我pc端的前端开发干了有快4年多,不算大牛,也算一个标准的前端开发工程师吧,可怜的是我2015年之前做过的移动端项目不超过1个。。所以几乎经验为零。我对这个神秘又被炒的火热的名字...
  • 前端开发利器--VScode(Visual Studio Code)

    万次阅读 多人点赞 2019-07-18 14:27:15
     在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。  都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还丝滑的强大功能所折服。  我是来给大家...
  • web前端开发   用最简单粗暴的方式来讲,就是用html + css + javascript来构建一个供人浏览的网页,其中又包括两个主要的分类:pc端网页开发以及移动端网页开发(很多时候被称为h5开发)。 那么这两者有什么...

空空如也

1 2 3 4 5 ... 20
收藏数 129,935
精华内容 51,974
关键字:

前端开发