展开

关键词

现代前端技术解析:Web前端技术基础

真正了解前端技术的工程师都会感觉前端技术发展变化太快。浏览器特性、前端框架、前端工具、多终端浏览器等都在快速迭代中。 作为前端工程师不仅要掌握现有的技术去实现业务需求,更要不断的学习新的技术、新的理念,时刻准备着新技术浪潮的来临。 ​ 《现代前端技术解析》提及了作为一个前端工程师需要了解的大部分技能。 Web前端技术基础 ​ 前端开发模式先后经历了静态黄页时期、服务器组装动态网页数据时期、后端为主的MVC(Model-View-Controller)模式时期、前后端分离方案开发时期、纯前端MV*( 现代Web前端技术发展概述 ​ 随着越来越多的业务搬到前端实现、前端的代码量越来越多。 Web前端技术一直以效率和质量为最终导向的道路上探索前进!

26431

现代前端技术解析:前端跨站技术

前端跨站技术 随着前端技术栈在服务端和移动端上的尝试和日益成熟,前端工程师的追求绝不只是页面上的技术,如何实现跨服务端,如何扩展到移动端开发将变成主要讨论议题。 JavaScript跨后端实现技术 前端通过与Node(基于事件驱动和无阻塞)结合的开发模式越来越被开发者认同并在越来越多的项目中得到实现。 ? 未来前端时代 当MVVM、Virtual DOM或同构等技术实践都有很成熟高效的框架和方案可以实现时,对于移动端应用,前端可能会进入MNV*的原生NativeView开发,达到使用前端技术栈可以独立开发 Native的能力;与此同时,我们需要关注物联网Web(3D展示)、Web VR(VR展示),人工智能必定成为前端一下批革命技术,把握技术发展趋势,紧跟邻域前进的步伐。 作为一个技术者,不要脱离实际项目去谈论技术技术研究应该是在完成并希望将产品打造更好的目的上进行,切记过分追求技术!我们需要更多的产品思维,即把自己当成普通用户来对产品进行思考。

34641
  • 广告
    关闭

    开发者专享福利,1988元优惠券限量发放

    带你体验博客、网盘相册搭建部署、视频渲染、模型训练及语音、文字识别等热门场景。云服务器低至65元/年,GPU15元起

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    现代前端技术解析:前端项目与技术实践

    前端项目与技术实践 前端开发规范 HTML规范 head内容 ​ head中必须定义title、keyword、description,保证基本的SEO页面关键字和内容描述。 前端组件规范 所谓的组件通常是指采用代码管理中的分治思想,将复杂的项目代码结构拆分成多个独立、简单、解耦合的结构或文件的形式进行分开管理,达到让项目代码和模块更加清晰的目的,而组件规范则是我们进行拆分、 前端性能优化 用户获取页面数据或执行某个页面动作的一个实时性指标,一般以用户希望获取数据的操作到用户实际获得数据的时间间隔来衡量。 前端日志上报 浏览器提供了try…catch和window.onerror两种机制来帮助我们获取用户页面的脚本错误信息。 做团队技术驱动者和突破者!

    38241

    现代前端技术解析:前端项目与技术实践

    前端项目与技术实践 前端开发规范 HTML规范 head内容 ​ head中必须定义title、keyword、description,保证基本的SEO页面关键字和内容描述。 前端组件规范 所谓的组件通常是指采用代码管理中的分治思想,将复杂的项目代码结构拆分成多个独立、简单、解耦合的结构或文件的形式进行分开管理,达到让项目代码和模块更加清晰的目的,而组件规范则是我们进行拆分、 前端性能优化 用户获取页面数据或执行某个页面动作的一个实时性指标,一般以用户希望获取数据的操作到用户实际获得数据的时间间隔来衡量。 前端日志上报 浏览器提供了try…catch和window.onerror两种机制来帮助我们获取用户页面的脚本错误信息。 做团队技术驱动者和突破者!

    12020

    前端存储技术

    前言 后端常用数据库做数据存储,譬如MySql、MongoDB,缓存技术存储数据,如Redis、Memcached; 前端存储数据目前常用的是Cookie、Storage、IndexedDB Cookie 分类 Cookie总是保存在客户端中(早期Java中经常会将Cookie与Session作为存储技术进行比较,Session是将数据保存在服务器端,大量的数据存储会增加服务器的负担),按在客户端中的存储位置 后记 浏览器存储技术目前流行的基本就上面介绍的三种,之前出现的webSql由于用方言SQLlite导致无法统一,也就是说这是一个废弃的标准。

    37440

    前端技术选型

    前端技术几乎每天都有新事物冒出来,技术也是由时尚来驱动了,我们常常臣服于时尚,面对快速的变化常常让我们感觉局促不安,开始焦虑,唯恐错过了些什么。如何打破这种焦虑呢? 需要在快速变化的前端世界里保持清醒,保持独立的思考和认知。让我们回归到技术的本质,因为解决现实中存在的问题,技术才会有价值。真正厉害的技术都静悄悄的跑在线上。 技术选型介绍 在项目的架构中,我们需要选择各种技术栈所对应的技术;在项目的开发中,我们需要选择各种工具库。 技术选型是我们必然会碰到的,我们常常面临的不是单个技术的选型,而是对于一个项目所涉及的一整套技术、方案、规范或者产品的选型。我们需要仔细的去权衡各种技术、各种组合的利弊,做出取舍。 可以列个技术选型分析表(小的不太重要的技术选型不一定要这么麻烦,而重要的技术选型则可能要反复各个步骤多次) 团队、技术成熟度、性能、架构一致性...

    17310

    现代前端技术解析:前端与协议

    前端与协议 HTTP协议简介 完整的HTTP报文由头部、空行、正文三部分组成。目前最广泛使用的是HTTP1.1。 长连接 通过请求头中的keep-alive控制。 HTTP2 ​ 说道HTTP2,必须先说SPDY协议,SPDY是一种基于HTTP的兼容协议,支持多路复用和服务器推送技术,压缩了HTTP头部减小了请求大小,但其强制使用SSL传输协议,即必须是HTTPS 根据攻击脚本的引入位置可分为: 存储型XSS:由前端提交的数据未经处理直接存储到数据库,然后从数据库中读取出来后直接插入到页面中所导致; 反射型XSS:在网页URL参数中注入了可解析内容的数据而导致的 更多跨域方式请查看:八种方式实现跨域请求 前端实时协议 有时需要客户端和服务端之间实时连接进行通信。

    26731

    前端规划:我的 2021 前端技术战略

    去年我画了一张架构图,在介绍整个前端的趋势,今年依旧是这张「云研发路线图』开头。 ? 整体来看,从大的趋势上没有太大的变化。这里并不考虑某些特定的技术,而是从总体上(战略)层面来看待问题。 所以,就有了这么几个点: 前端架构治理。 微前端“普及” 低代码平台的返璞 超越前端 看上去最后一点一直是如此,哈哈。 定制微前端框架。改造现有的微前端框架,使之适合于现有的业务架构。 因此,微前端作为一种前端遗留系统重写的架构模式,它将越来越普及。 不论使用的是什么技术栈,在 2021 年,你都应该试试 Serverless 架构了。 它取决于我们所在的团队的规模,当团队够大的时候,我们就越有机会尝试一些特别有意思的新技术,又或者是深入优化某一领域的技术。这个道理也适用于后端。 就这样,让我凑够 2021 个字吧。

    74220

    现代前端技术解析:现代前端交互框架

    本文链接:https://ligang.blog.csdn.net/article/details/76598662 现代前端交互框架 ​ Web前端页面的开发避免不了与DOM的交互操作。 随着AJAX技术盛行,SPA(Single Page Application,单页面应用)开始广泛被认可。其基本思路:将整个应用内容都在一个页面中实现并完全通过异步交互来根据用户操作加载不同的内容。 MV*交互模式 前端MVC模式 将页面DOM相关的内容抽象成数据模型、视图、事件控制函数(Model-View-Controller)三部分。 前端MNV*时代 使用JavaScript调用原生控件或事件绑定来生成应用程序的交互模式称为前端MNV*开发模式。 将JSBridge和DOM编程的方式进行结合,让前端能够快速构建开发原生页面的引用,从而脱离DOM的交互模式。

    33431

    现代前端技术解析:现代前端交互框架

    现代前端交互框架 ​ Web前端页面的开发避免不了与DOM的交互操作。前端框架的一次次变化,从提升效率的阶段,慢慢走向改善性能的阶段。 尽可能使用原生代码代替; 尽可能使用jQuery的静态方法; 使用事件代理,不要直接使用元素的事件绑定; 尽量使用新的jQuery版本; 尽可能使用链式写法来提高编程效率和代码运行效率 随着AJAX技术盛行 MV*交互模式 前端MVC模式 将页面DOM相关的内容抽象成数据模型、视图、事件控制函数(Model-View-Controller)三部分。 前端MNV*时代 使用JavaScript调用原生控件或事件绑定来生成应用程序的交互模式称为前端MNV*开发模式。 将JSBridge和DOM编程的方式进行结合,让前端能够快速构建开发原生页面的引用,从而脱离DOM的交互模式。

    14730

    前端ReactJS技术介绍

    fat_server.png 这个架构的特点: 后台良好的分层模型 页面由后台输出至浏览器,一般采用JSP、PHP等动态页面技术处理页面的动态内容 一些改进: 引入AJAX,局部更新数据,避免整页面刷新 后端使用模板技术,帮助输出页面 前端使用模板技术,帮助构造html页面片断 前端形成了一些CSS框架,如bootstrap 前端形成了一些JS工具方法或常用组件,如jQuery, jQuery插件, 前端架构模式 前端架构模式-MVC ? web_mvc.png 用户可以向 View 发送指令(DOM 事件),再由 View 直接要求 Model 改变状态。 学习一次,到处都可以使 React并没有依赖其它的技术栈,因此可以在老旧项目中使用ReactJS开发新功能,不需要重写存在的代码。 ReactJS在老旧项目中的应用 限制 要与现有前端页面技术无缝衔接 没有前端编译工具 没有前端模块依赖工具,全凭script标签引入 目前的方案 将常用的JS库文件(ReactJS库、组件库、工具库)

    77830

    前端食堂技术周刊

    Solid.js 感觉就像我一直希望 React 成为的样子 The Story of React Rust 数据结构与算法 Red Hat 和 IBM Node.js 参考架构 关于依赖管理的真相 — 前端包管理器探究 欢迎来到本期的前端食堂技术周刊,我们先来看下上周的技术资讯。 下面我们来看下技术资料: 技术资料 您的 node_modules 文件夹中到底发生了什么?[6] 众所周知,node_modules 文件夹是宇宙中最重的对象之一。 关于依赖管理的真相 — 前端包管理器探究 前端的包管理器你知道几种呢? npm、yarn、pnpm、cnpm、tnpm... 为什么要搞出这么多包管理器?每个包管理器的不同版本都存在哪些问题? 你的前端食堂,吃好每一顿饭。我们下期见。

    7420

    前端技术API手册

    微信小程序 jQuery每日经典 第二阶段已经发布,截至目前收录的技术有jQuery和CSS。其他技术正在不断的填充完善中。 CSS技术手册实现的方法: 资料来源 所有的CSS资料均参考自网址:http://css.doyoe.com/ 无可避免的其中肯定会有一些疏漏或者表述不到位的问题,希望大家积极指出。

    9510

    现代前端技术解析

    这是一本以现代前端技术思想与理论为主要内容的书。前端技术发展迅速,涉及的技术点很多,我们往往需要阅读很多书籍才能理解前端技术的知识体系。 这本书在前端知识体系上做了很好的总结和梳理,涵盖了现代前端技术绝大部分的知识内容,起到一个启蒙作用,能帮助读者快速把握前端技术的整个脉络,培养更完善的体系化思维,掌握更多灵活的前端代码架构方法,使读者获得成为高级前端工程师或架构师所必须具备的思维和能力

    24420

    前端Ajax技术原理

    image.png ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且已经得到了广泛使用的,XMLHttpRequest虽然目前还没有被W3C所采纳,但是它已经是一个事实的标准 2、安全问题 技术同时也对IT企业带来了新的安全威胁,ajax技术就如同对企业数据建立了一个直接通道。这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑。 ajax的逻辑可以对客户端的安全扫描技术隐藏起来,允许黑客从远端服务器上建立新的攻击。 例如,我给你一个url地址,如果采用了ajax技术,也许你在该url地址下面看到的和我在这个url地址下看到的内容是不同的。这个和资源定位的初衷是相背离的。

    1500

    2020前端技术

    七、前端框架:Vue.js和React。这两个框架至少要会一个。入门时,建议先学Vue.js,上手相对容易。但无论如何,同时掌握 Vue 和 React 才是合格的前端同学。 八、Node.js。 十、前端综合:HTTP协议、跨域通信、安全问题(CSRF、XSS)、浏览器渲染机制、异步和单线程、页面性能优化、防抖动(Debouncing)和节流阀(Throtting)、lazyload、前端错误监控 Sublime Text 是每个学前端的人都要用到的编辑器。另外,前端常见的IDE有两个:WebStorm 和 Visual Studio Code。

    52401

    前端技术】Webpack基础

    三、选择Webpack的原因 经过多年的发展, Webpack 已经成为构建工具中的首选,这是有原因的: 大多数团队在开发新项目时会采用紧跟时代的技术,这些技术几乎都会采用“模块化+新语言+新框架”,Webpack

    11010

    前端缓存技术概述

    前端缓存技术概述 缓存概述 在计算机领域中,缓存是一项十分重要的技术。 在软件开发,亦或者是在硬件设计开发中,缓存对性能的影响是十分显著的。 有人会说,浏览器缓存和前端肯定是有关系的,但是HTTP不是个协议吗,这个怎么缓存?DNS我倒是知道,这玩意儿是请求解析URL对应的IP地址的,这个跟前端又有啥关系? 而且这CDN…… 前端缓存 提到前端缓存,很多人立刻能想到的是浏览器缓存,然后又把浏览器缓存划分两种:1. 强缓存,2. 协商缓存。 服务器缓存 提到服务器,一般来说都和后端是相关的,但是前端也必须要了解一些相关的知识,因为每次出现问题的时候,都是会在前端页面上显示出来,比如说接口500,这时候,测试就来到了我们身边,俯下身子在我们耳边吟唱死亡颂歌 此外,还有一些没有提到的缓存技术,如代理服务器缓存,反代理服务器缓存等。 本文首发个人博客,欢迎来撩啊^-^。

    65630

    2019 前端技术

    但这并不妨碍我们对技术革新的热衷,站在前端工程师的角度看,Serverless 的持续发展,在将来可以使前端更加容易的使用 Node.js 等语言搭建一个完善的应用,只需关注前后端的业务逻辑本身,而较少关心底层庞大的软硬件系统和运维知识 未来也可能给前后端工作流程带来一定变革,比如更统一的技术栈、设计规范和数据结构;更高的开发效率——应用搭建、联调时间的缩短,促使 Web 前端工程师向 Web 应用工程师进化转型。

    5620

    相关产品

    • 前端性能监控

      前端性能监控

      腾讯云前端性能监控(RUM)是一站式前端监控解决方案,用户只需要安装 sdk 到自己的项目中,通过简单配置化,即可实现对用户页面质量的全方位守护,真正做到了低成本使用和无侵入监控。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券