前端

将前端技术栈移植到掌上游戏机

坚强是说给别人听的谎言 提交于 2020-02-05 05:22:22
作为前端工程师,我们编写的代码只能活在浏览器、小程序或者 Node 进程里,这似乎已经成为了一种常识。但这就是我们的能力边界了吗?本文将带你为一台内存仅 32M,分辨率仅 320x240 的掌上游戏机适配前端工具链,见证 Web 技术栈的全新可能性。 本次我们的目标,是只配备了 400Mhz 单核 CPU 和 32M 内存的国产怀旧掌机 Miyoo。它固然完全无法与现在的 iOS 和安卓手机相提并论,但却能很好地在小巧精致的体积下,满足玩小霸王、GBA、街机等经典游戏平台模拟器的需求,价格也极为低廉。这是它和 iPad mini 的对比图: 那么,怎样才算是为它移植了一套前端技术栈呢?我个人的理解里,这至少包括这么几部分: 构建环境 - 应用编译工具链 运行时 - 嵌入式 JS 引擎 调试环境 - IDE 或编辑器支持 下面将逐一介绍为完成这三大部分的移植,我所做的一些技术探索。这主要包括: 搭建 Docker 工具链 走通 Hello World 焊接排针与串口登录 定制 Linux 内核驱动 移植 JS 引擎 支持 VSCode 调试器 Let’s rock! 搭建 Docker 工具链 入门嵌入式开发时我们首先应该做到的,就是将源码编译为嵌入式操作系统上的应用。那么 Miyoo 掌机的操作系统是什么呢?这里首先有一段故事。 Miyoo 是个国内小公司基于全志 F1C500S

自学前端开发,现在手握大厂offer,我的故事还在继续

六月ゝ 毕业季﹏ 提交于 2020-02-05 02:12:23
简要背景 我是一个非科班出身的 程序员 ,而且是连续跨专业者,用一句话总结就是: 16 届本科学完物流,保送研究生转交通,自学前端开发的休学创业者 。 17 年休学创业,正式开始学习前端,离开创业公司后,我又回炉深造,期间一直没有放弃前端开发的自主学习,在 19 年秋招(20 年毕业)大战中也收获了一些 offer。 列举一部分 SP(Special Offer): 美团(专注吃喝玩乐的 O2O 互联网公司) 小米(2019 年世界 500 强中最年轻的公司) 顺丰(物流行业中高端市场扛把子) 云从(人工智能行业四大明星独角兽之一) 一加(中高端手机市场新贵) 具体的薪资水平,都是在传统的物流和交通行业之上的,可以上一些平台比较。 找到满意得工作后,我现在想通过自己的努力,帮助到有志于从事前端开发工作的各位朋友,收获适合自己的 offer。 大学教育赋予了我们的自学能力,只要感兴趣,肯用心,转行吃碗热饭是可以的。 下面我将仔细讲述亲身经历得故事,不堆砌词藻,但求真实,也许会给你带来一些启发。 经历不可复制,经验却可以流传。 在校求学 本科专业是物流工程,研究生专业是交通工程。本科期间我只学过 VB(Visual Basic)和 R 语言。研究生没有上过任何计算机课程,全靠自学。 当然,也在本科期间参与过大大小小的科技竞赛,数学建模比赛,对物流专业的管理学知识渐渐兴趣不大。于是

前端和后端哪个累,前端入职之后真的很痛苦吗

末鹿安然 提交于 2020-02-05 01:38:52
前端VS后端” 哪个更好? 前端和后端哪个累,前端入职之后真的很痛苦吗 web前端开发和后端开发哪个好,这是许多程序员新手一定会问的问题,毕竟,男怕入错行,那么前端和后端哪个是更好的选择,小职就在下面几方面给大家分析一下。 Q裙:768976403领取学习资料 薪资 前端和后端哪个累,前端入职之后真的很痛苦吗 前端:前端是一个相对比较新的行业,互联网发展早期(1995年~2005年)是没有专业的前端工程师的。随着互联网的发展,到了2010年,互联网开始全面进入移动时代,前端工程师的地位越来越重要。而前端的前景也十分的好。 前端薪资:有越来越高的趋势 前端和后端哪个累,前端入职之后真的很痛苦吗 从表中可以看出,工资在20k-30k范围内的岗位占了30.2%,占比最大,更有一部分精英薪资水平达到30k+。 前端和后端哪个累,前端入职之后真的很痛苦吗 以北京为首,全国各大城市薪资水平都十分可观。 前端和后端哪个累,前端入职之后真的很痛苦吗 工资水平呈现逐年上升趋势,17年以后幅度更大。 后端:后端开发以Java为例,主要用到的是,包括但不限于Struts、spring、springmvc、Hibernate、Http协议、Servlet Tomcat服务器等技术。后端的发展历史较久,已经进入一个稳定阶段,所以需求量没有那么高。 后端:薪资不低,但是对于技术人员要求较高 前端和后端哪个累

2020年大前端发展趋势

帅比萌擦擦* 提交于 2020-02-04 23:26:38
迅速发展的前端开发,在每⼀年,都为开发者带来了新的关键词。2019 年已步⼊尾声,2020 年前端发展的关键词⼜将有哪些呢?发展的方向又会是什么呢?参考2019年大前端的发展,不出意外,前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开(可以参考 2019年大前端技术趋势深度解读 )。 小程序 在⼩程序⽅⾯,今年仍然是⼩程序突⻜猛进的⼀年,各⼤主流的 App 都上线了⼩程序能⼒的⽀持,各前端团队也都有了专⻔的⼩程序开发团队,以适应更快的⼩程序开发需求。同时App 中很多关键的功能都被⼩程序所替代,甚⾄有些 App 已经变成 Native ⼩程序壳,上层的应⽤实现全部是⼩程序。 在微信小程序出现以前,大家在谈 Hybird、ReactNative,但终归只是技术层面的狂欢,始终没有业务属性的注入。小程序的出现,一方面告诉业界在当前设备上 Webview 也没差到哪去,另外一方面告诉业界如何让有能力的商家在超级 APP上进行私域运营。 另一方面,从技术角度说,在上层 DSL 的严格限制下,超级 APP 就可定义符合自己诉求的 Web 标准,弥补当前 Web 标准的不足,最后和客户端配合,结合离线、预加载、定制Webview 能产出类似于 NSR 等各种酷炫的技术模型,让 Web 在端内低成本达到 Native 版的体验,端外也不会像 Weex

前端框架

試著忘記壹切 提交于 2020-02-04 22:14:26
VUE JS ANGULAR JS REACTJS nodejs nodejs实战 Node.js&ES6 实例 Express NPM HTML5 来源: https://www.cnblogs.com/lvlin241/p/12261646.html

前端学习——VUE实例

回眸只為那壹抹淺笑 提交于 2020-02-04 21:24:57
文章目录 一 VUE实例的数据 二 VUE实例的方法 三 生命周期 #一些疑惑 回调函数 javascript语法 一 VUE实例的数据 var vm = new Vue ( { // 选项 } ) 当 VUE 实例被创建时存在于 data 中的属性是响应式的。 比如下面的例子中,data和this.data会同步更新,但是b和test_b不会同步更新。 var data = { a : 1 } ; var b = 0 ; var vm = new Vue ( { el : "#app" , data : data , methods : { changeData : function ( num ) { this . $data . a += num ; this . test_b = b ; b -= num ; console . log ( "data:" +  data . a + " b:" + b + " test_b:" + this . test_b ) } } } ) ; 二 VUE实例的方法 除了数据属性, Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $ ,以便与用户定义的属性区分开来。可查看 api文档 当前介绍三个方法: $data vm . $data === var_data ; // => true $el vm . $el ===

Token 认证的来龙去脉

橙三吉。 提交于 2020-02-04 12:05:34
不久前,我在在 前后端分离实践 中提到了基于 Token 的认证,现在我们稍稍深入一些。 通常情况下,我们在讨论某个技术的时候,都是从问题开始。那么第一个问题: 为什么要用 Token? 而要回答这个问题很简单——因为它能解决问题! 可以解决哪些问题呢? Token 完全由应用管理,所以它可以避开同源策略 Token 可以避免 CSRF *** Token 可以是无状态的,可以在多个服务间共享 Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。如果这个 Token 在服务端持久化(比如存入数据库),那它就是一个永久的身份令牌。 于是,又一个问题产生了:需要为 Token 设置有效期吗? 需要设置有效期吗? 对于这个问题,我们不妨先看两个例子。一个例子是登录密码,一般要求定期改变密码,以防止泄漏,所以密码是有有效期的;另一个例子是安全证书。SSL 安全证书都有有效期,目的是为了解决吊销的问题,对于这个问题的详细情况, 来看看知乎的回答 。所以无论是从安全的角度考虑,还是从吊销的角度考虑,Token 都需要设有效期。 那么有效期多长合适呢? 只能说,根据系统的安全需要,尽可能的短,但也不能短得离谱——想像一下手机的自动熄屏时间,如果设置为 10

浅入深出Vue:路由

拈花ヽ惹草 提交于 2020-02-04 09:59:18
路由 的概念在计算机界中的历史大概可以追溯到 OSI模型 中的 数据链路层 与 网络层 中的定义。这里的定义大意是:在转发数据包时,根据数据包的目的地址进行寻址,从而将数据包发往指定的目的地。 在 Web开发中同样存在着 路由 的概念,在各式各样的前端 mvvm框架出来之前,普遍存在于后端。通俗的说法也就是 [module/]controller/action 的组合,将 url映射到指定的 action 中处理。现在在前端中同样存在着 路由 这一概念。 为什么需要路由 在以往的前端开发中,通常没有路由这一概念,这样就造成一个问题: 前端是离散的,不可独立的(静态页面除外,它不需要上下文)。 脱离了后端的前端无法较好的构建一个完整系统,当然也有一些比较优秀的方案: 单页应用,采用 ajax控制 dom节点以及动态修改页面内容 等等。 但不可否认的是,在没有路由这一概念的情况下,前端确实显得不够灵活,跳转页面时随处可见的路径硬编码。url 即物理路径。 为了完善前端开发,在后来的框架中,均引入了路由、控制器、视图等后端概念。借鉴成熟的东西来完善自身,这是非常便捷的一种方式。 因此在现在的前端开发中, 路由 也是必不可少的一环了。很多人被它的概念弄的晕头转向,让我们捋一捋,看看它的真面目。 路由是什么 前端中的 路由 更好理解。以 vue 举例, vue-router 会解析 url

三个原因告诉你,为什么选择HTML5大前端?

拥有回忆 提交于 2020-02-04 07:52:05
随着当下IT技术的蓬勃发展,越来越多的人想入行或转行至“程按序员”梯队。那么对于零基础、学历较低的小伙伴来说,千我凭借丰富的经验,综合各方面原因考量,首推大家选择HTML5大前端。下面,为大家分析原因,希望能对处于迷茫期的你有所帮助。 1、门槛低、便于入门 首先前端是由HTML和CSS组成,当然还有JavaScript。像Java、Python等,刚开始学习都是基于控制台的,各种语法,学起来相对枯燥无味,对没有耐心的人来说坚持不易,所以那些想转行的人如果自身文化水平不高的话,当然会选择一个相对来说简单的去学,前端就是一个很不错的选择,能起到立竿见影的效果。 2、涵盖技术广、就业前景好 近几年前端发展非常快,各种框架层次不穷,从浏览器的脚本发展到了服务器端的脚本,用NodeJS就能写服务器,同时触角也深入到了移动端,比如用React Native就能写APP,小程序,H5的小游戏等等。 现在前端能接触到的范围也是非常的广,所以选择学习前端是一个很不错的选择,深入学习后可以自己基于Node写一套网站,同样也能写后端,而且前端的发展是非常快的,纵观历史的长河,前端的兴起才短短的几年,就已经发展到了如今的地步。同时,前端非常适合女生,在IT这个行业中,前端的女生能占行业的百分之四十左右。 3、综合原因 想转行学习前端,第一个是因为他效果显著,就算你是刚开始写Hell World