今天我在跟同学们讲课,讲到做轮播图的时候,脑子里突然蹦出一句话,“学js学前端,是学习用程序、用机器的思维方式来解决现实当中的问题,而不是学这几十上百条的js语句”。 当时正在上课途中,不方便发散思维来多说。于是当时这个话题就岔过去了。现在放空脑子想想,前端开发是做什么?它并不是一个做网页的,虽然这个职位看起来和做起来,都是一个做网页的。 我口语化的描述一下,这个职位它实际上是把人们在现实生活当中的需求,放到网上来给它实现了,是做线下需求网络化的。这是我的个人主观的想法。 以前是线下买东西,线下排队看病挂号
image.png 昨天写了 逆向的前端学习思路,就是从数据为源头,来反向的学习HTML,CSS,JS这些知识,今天想再详细的说说这个话题。 一般情况下,我们学习WEB前端,不管是新手还是老鸟,都是从HTML,CSS,JS这个顺序来学习。如果有老师教,那么他会告诉你说,HTML是骨架,是用来构成网页结构的;CSS是样式表,是用来定义网页的样式的,就是相当于用来给房子做装修用的;然后JS呢,它是管交互的,就相当于一个大楼里的开关啊或是电梯之类的,你一按开关,电梯动了,这就是你有请求,它有响应。切页面就是先有H
最近,Remix团队的暴躁老哥「Ryan Florence」一连怼了好几个友商框架,比如:
我们知道小程序最开始出来的时候,包括到现在;官方给出的写法是js对应逻辑层,wxml也自己尝试了一套DSL自定义视图的模板语法,写法雷同vue的template语法:
对程序员来说,技术文章的写作是比较重要的事情,不管是在公司内的总结汇报,还是想增加社区的影响力,都离不开写作能力。
在每个公司领导想做自动化很大程度上是想要提升产品的质量,但是实际情况的自动化是什么样呢?随着迭代的增加,自动化用例的基数越来越大。开发同学修改接口或者页面元素,相应的自动化脚本就需要同步的进行变更,维护成本也随着用例数量的增加而增加。但是随之而来的产品质量的提升并没有做到,因为大多数的自动化用例是无效的用例,只是重复的在UI自动化以及接口自动化进行了重复验证,所以大家都会在思考一个问题,做自动化的意义在哪?
12月21日,React团队公布了一个新的提案Server Components。
我们知道,现在的应用程序已经发展到可以拆分为多个 JavaScript包了,为了获得更好的用户体验,这些 bundle 包通常需要预获取,即 prefetch! 但是现在的prefetch 效果有多糟糕我想你也知道。
前几天,Angular之父「Miško Hevery」和「Dan」在推上发生了一段有趣的对话,对话背景大概是:
在JavaScript语言努力摆脱“玩具语言”这个标签的进化历程中,Node.js绝对能记下浓墨重彩的一笔。Node.js并不是一个用于实现具体功能的第三方工具库,而是JavaScript程序的运行环境。
(1)、active-class 是 vue-router 模块的 router-link 组件的属性 (2)、使用 children 定义嵌套路由
首先,从产品人员这里,如果一开始就不信任开发人员,总想把东西往简单了说,或者排上了时间又插需求,那么开发人员也会产生相应的不信任:反正你是要插需求的,不多估算点时间怎么行?
day02_js学习笔记_01_js的简介、js的基本语法 ======================================================================
新一代基于 Web Components 的跨框架 UI 组件库 Quark ,输出标准的 Custom Element,组件可以同时在 React、Vue、Preact、Angular 或原生 JS 等任意框架或无框架中使用。
业务需求:根据业务需求来选择适合的技术框架,比如Web开发需要选择适合的Web框架。
MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件,它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View。 在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是双向的, 因此View 数据的变化会同步到Model中,而Model 数据的变化也会立即反应到View 上。 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来,而View 和 Model 之间的同步工作完全是自动的,无需人为干涉,因此开发者只需关注业务逻辑,不需要手动操作DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理。
React、Vue 等现代化前端框架的大旗之下,CSR(Client-Side Rendering)模式深入人心:
画外音:“别人在搞xxoo技术”一定不能成为,一家公司推动“xxoo技术”的理由。
说到前端就不得不提到后端,我们给用户展示页面所需的数据正是从后端获取的,所以了解后端的运行原理和技术的实现很有必要。
内存泄漏是一个累积的过程,只有页面生命周期略长的时候才算是个问题(所谓“刷新一下满血复活”)。频繁交互能够加快累积过程,偏展示的页面很难把这样的问题暴露出来。最后,JS逻辑相对复杂才有可能出现内存问题(“bug多是因为代码量大,我自己都hold不住”),如果只是简单的表单验证提交,还没什么机会影响内存
本文主要讲述这三方面内容: Redux 背后的设计思想 源码分析以及自定义中间件 开发中的最佳实践 Redux背后的设计思想 在讲设计思想前,先简单讲下Redux是什么?我们为什么要用Redux?
MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。
在开发小程序应用中,QA发现过几次页面白屏的情况,苦于难易复现和调试,故想对小程序白屏问题进行一番探究。
近十年以来,IT行业发展火热,衍生了很多新职业,例如UI设计师、开发工程师、软件测试工程师等等,在众多备受瞩目的新生职业中,Web前端工程师是其中的一员。那么Web前端三大主流框架是什么呢?
MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑;View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来,ViewModel 是一个同步 View 和 Model 的对象。
业务系统和一般的应用有非常大的不同,一般的应用以提供给公司/企业外的用户(消费者、普通玩家)提供服务,以完成2C的销售目的,而业务系统一般是2B或者自身消费的模式,完成的是自身业务的管理目标。所以,应用侧重服务,业务系统侧重管理。两者的不同,导致我们对项目开发中,代码的组织方式会有差别。2C应用要满足大量用户在使用时的舒适性,因此要提高项目中有关性能、用户体验、效果等方面的要求,以吸引用户付费。但业务系统则稍有差别,虽然系统的使用体验也很重要,但是不是占最重要的部分,业务系统最重要的部分,是必须保证用户看到的数据、流程等,必须与真实的业务、业务流程一致,否则会带来自身利益的损失,因此,在稳健性、安全性等方面要求更高。
CSS中有很多媒体查询的用法,例如设备尺寸判别,是否支持鼠标行为,是否是黑暗模式,是否是省电模式等。
由于近期前端抽不出资源,博主最近接手一个前端项目的代码维护工作。拿到手一看,一脸懵逼,和博主当年所学的jsp开发方式、利用ajax来请求数据的单页面开发方式完全不同。然而火坑已经跳下,只能硬着头皮啃,博主只能默默告诉自己:"冲冲冲,四驱战士在行动!"
web框架:别人已经设定好的一个web网站模板,你学习它的规则,然后“填空”或“修改”成你自己需要的样子。
文 | xixilive 微信小程序的 API 实现需要兼顾方方面面,所以仍然使用 callback 写法。 众所周知,Callback-Hell(回调地狱)是传统 JS 语法上的历史问题。但毕竟称手的工具是开发效率的源泉,因此笔者对当前版本的微信小程序 API 做了简单的封装——weapp。 同时,微信小程序框架本身专注于交互和 UI 的实现,并未提供内置的状态管理。如果众多的异步操作都直接在 App 或 Page 中一一实现,相信开发起来会很困难,而且不易于测试。 因此,我又因此针对微信小程序实现了一个
NodeJs是什么我想大家已经很了解了,作为一个前端工程师,想要不断提升自己,一般都会接触到后端服务器的技术,NodeJs给我们提供了一个学习成本相对较低的捷径可走。
从去年开始,前端领域就出现了一个‘微应用’的名词,说的是前端架构的一种设计思路,业内都把它和后端的微服务进行类比,当时忙于公司的项目。没有静下心来好好了解,现在项目结束,再加上最近看的几篇关于前端微服务的文章,(特别讨厌有些文章说的天花乱坠,引用各种高大上的名字,一篇通读下来什么也没有获得)回头一想,我们做的这个架构设计不就是 ‘微服务’吗?
周末在网上冲浪, 看到个消息:NextJS 9.3 将静态站点生成功能引入了Next.js平台。
作者:孤独烟,中国平安研发工程师,目前负责云平台架构设计以及需求研发工作。毕业后一直从事Java开发工作,在Web开发、架构设计上有多年的实战经验。在MySQL性能优化、JVM调优、分布式领域有着丰富的经验。
孤独烟,中国平安研发工程师,目前负责云平台架构设计以及需求研发工作。毕业后一直从事Java开发工作,在Web开发、架构设计上有多年的实战经验。在MySQL性能优化、JVM调优、分布式领域有着丰富的经验。
引言 由于近期前端抽不出资源,博主最近接手一个前端项目的代码维护工作。拿到手一看,一脸懵逼,和博主当年所学的jsp开发方式、利用ajax来请求数据的单页面开发方式完全不同。然而火坑已经跳下,只能硬着头皮啃,博主只能默默告诉自己:"冲冲冲,四驱战士在行动!" 博主勉强算是经历了前端开发的几个时期吧。本文以一种循序渐进的方法,讲前后端分离架构的必要性。不过不得不说一点,目前前后端分离架构的文章一搜一大把,博主毕竟不是专业搞前端的,如果文章有什么理解不到位的地方,请及时指出,不胜感激。 正文 以博主的资历,没有经
原文转载自:http://www.cnblogs.com/Leo_wl/p/5824541.html
导语 《信息简史》中说“进化本身是生物体与环境之间持续不断的信息交换的具体表现”,前端技术的进化也是如此。浩瀚的前端宇宙中,又出现过哪些耀眼的星辰呢?指引前端未来的“北极星”又在何方?腾讯云高级工程师与你畅谈前端的变革史与新时代的希冀。 周俊鹏 腾讯高级前端工程师 《前端工程化:体系设计与实践》作者 ---- 在正文之前我想简单介绍一下自己的从业背景。 初次接触前端是读书期间的第一份实习工作,在SAP上海研究院TIP BI部门开发基于SVG的Charts库,99%的代码逻辑是将数据用S
初次接触前端是读书期间的第一份实习工作,在SAP上海研究院TIP BI部门开发基于SVG的Charts库,99%的代码逻辑是将数据用SVG转化为可视化的UI。值得一提的是当时用的构建工具是YUI Compressor搭配Ant调度。
想必大家上网浏览新闻都是用APP或者网页,Vue.js就是一个用于搭建类似网页的表单项繁多、内容需要根据用户的操作进行修改的网页版应用。
原文链接:https://godbasin.github.io/2018/09/02/wxapp-technology-architecture/
前端的框架太多让人眼花缭乱,很多相似的地方,优秀的地方大家都会借鉴,同时又会有各自的一些特点。小程序也好,其他框架也好,理解他们的设计缘由、实现原理,还是能学到很多很多东西的。
从我上大学开始正式认识前端这个岗位到现在已经整整过了六年,这六年于我而言就像是观赏了一场盛大的游园活动。无数各式各样的框架、模式、开发思路如同花车一般从眼前掠过又走远。留下了一地残乱的余烬和破碎的思考。
当你进行用户需求调研后,往往收集到的都是一个个的用户需求点,而一个软件需求分析员要做的是最终将这些需求实现为一个完整的业务系统。这里面就涉 及到业务模块的划分,模块间的分析,需求层面的复用能力分析,各种性能,可靠性,安全等非功能性需求。这些更加已经是一个完全的系统分析方面的内容,或者 说软件需求已经会兼顾部分软件架构设计的内容,因此作为一个软件需求人员更加需要去了解业务组件化,服务化,软件模块集成,复用等方面的技术内容。也需要 去了解涉及到交互设计方面的内容,这些都是形成一个高质量的软件业务系统的重要输入。
导语:《信息简史》中说“进化本身是生物体与环境之间持续不断的信息交换的具体表现”,前端技术的进化也是如此。浩瀚的前端宇宙中,又出现过哪些耀眼的星辰呢?指引前端未来的“北极星”又在何方?腾讯云高级工程师与你畅谈前端的变革史与新时代的希冀。 周俊鹏 腾讯高级前端工程师 《前端工程化:体系设计与实践》作者 ---- 在正文之前我想简单介绍一下自己的从业背景。 初次接触前端是读书期间的第一份实习工作,在SAP上海研究院TIP BI部门开发基于SVG的Charts库,99%的代码逻辑是将数据用SVG转化为可
Quark(夸克)Design 是由哈啰平台 UED 和增长&电商前端团队联合打造的一套面向移动端的跨框架 UI 组件库。与业界第三方组件库不一样,Quark Design 底层基于 Web Components 实现,它能做到一套代码,同时运行在各类前端框架中。
领取专属 10元无门槛券
手把手带您无忧上云