首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏达达前端

    前端技术前沿3

    list: List }; data = { myNum: 50, syncNum: 100, items: [1, 2, 3, $emit('some-event', 1, 2, 3) // 触发组件中的自定义事件 this. $emit('childFun', 1, 2, 3) //$invoke 父组件向子组件发送事件: 使用import导入子组件后,在使用时可以直接通过 this. $invoke('子组件,必须要单引号括起来', '子组件方法名称', param1,param2,param3.......); 子组件间发送事件: this. $invoke('子组件的相对路径', '子组件方法名称', param1,param2,param3.......); 子组件的相对路径的理解: 当设置'./'即当前组件,'..

    50460发布于 2019-07-03
  • 来自专栏Super 前端

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

    真正了解前端技术的工程师都会感觉前端技术发展变化太快。浏览器特性、前端框架、前端工具、多终端浏览器等都在快速迭代中。 作为前端工程师不仅要掌握现有的技术去实现业务需求,更要不断的学习新的技术、新的理念,时刻准备着新技术浪潮的来临。 ​ 《现代前端技术解析》提及了作为一个前端工程师需要了解的大部分技能。 现代Web前端技术发展概述 ​ 随着越来越多的业务搬到前端实现、前端的代码量越来越多。 Web前端技术一直以效率和质量为最终导向的道路上探索前进! 在浏览器端判断上次返回头中是否包含Etag信息,有则连同If-None-Match一起向服务器端发送条件Get请求,304说明未做过修改,如果是200需要进入下一步; 3.

    1.3K31发布于 2019-08-15
  • 来自专栏Super 前端

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

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

    1.4K41发布于 2019-08-15
  • 来自专栏全栈程序员必看

    前端技术栈总结_前端开发技术

    Design mobile:蚂蚁金服) Vue搭配的组件: PC(element UI,), 移动端(vant有赞,Ant Design蚂蚁金服,uniApp) Ant Design 是阿里巴巴-蚂蚁金服体验技术部所设计的一个 UI 库,一般用于基于 React 的项目 Vant-UI 是有赞前端团队开发的一个基于 vue 的移动端组件库。 移动端组件)叫: h5开发 uniapp, flutter, react-native 叫: 移动端框架开发; 移动端跨端框架: uni-app: 是一个使用 Vue.js 开发跨平台应用的前端框架 对应前端开发者来说学习成本较高(需要学习新的dart语言),性能比React-Native高,相比原生低,流畅。 React-Native facebook的,使用语言: js。

    1.3K60编辑于 2022-11-17
  • 来自专栏Super 前端

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

    前端项目与技术实践 前端开发规范 HTML规范 head内容 ​ head中必须定义title、keyword、description,保证基本的SEO页面关键字和内容描述。 = {}; Object.assign(ary3, ary); ary[1].a = 3; ary2[1].a; // 3 ary3[1].a; // 3 注意:都是浅拷贝!! (图片引自:https://w3c.github.io/navigation-timing/) ? 3个页面 //:domain.com/index.html //:domain.com/index.html? 做团队技术驱动者和突破者!

    1.2K41发布于 2019-08-15
  • 来自专栏Super 前端

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

    前端项目与技术实践 前端开发规范 HTML规范 head内容 ​ head中必须定义title、keyword、description,保证基本的SEO页面关键字和内容描述。 = {}; Object.assign(ary3, ary); ary[1].a = 3; ary2[1].a; // 3 ary3[1].a; // 3 注意:都是浅拷贝!! 前端性能优化 用户获取页面数据或执行某个页面动作的一个实时性指标,一般以用户希望获取数据的操作到用户实际获得数据的时间间隔来衡量。 前端日志上报 浏览器提供了try…catch和window.onerror两种机制来帮助我们获取用户页面的脚本错误信息。 做团队技术驱动者和突破者!

    89420发布于 2021-08-30
  • 来自专栏ccylovehs

    前端存储技术

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

    2.2K40发布于 2019-02-25
  • 来自专栏python3

    前端资源(3)

    入门类 地址 前端入门教程                         http://www.cnblogs.com/jikey/p/3613082.html 瘳雪峰的Javascript教程 www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 jQuery基础教程 http://www.imooc.com/view/11 前端工程师必备的 PS技能——切图篇 http://www.imooc.com/view/506 结合个人经历总结的前端入门方法 https://github.com/qiu-deqing/FE-learning 工具类 地址 前端人的俱乐部 http://f2er.club/ 真可以解放你的收藏夹 如何优雅地使用Sublime Text http://www.jeffjade.com/2015/12/15/2015 雪碧图制作 http://www.imooc.com/learn/93 版本控制入门 – 搬进 Github http://www.imooc.com/learn/390 Grunt-beginner前端自动化工具

    43730发布于 2020-01-10
  • 来自专栏John Wong's Blog

    前端技术选型

    前端技术几乎每天都有新事物冒出来,技术也是由时尚来驱动了,我们常常臣服于时尚,面对快速的变化常常让我们感觉局促不安,开始焦虑,唯恐错过了些什么。如何打破这种焦虑呢? 需要在快速变化的前端世界里保持清醒,保持独立的思考和认知。让我们回归到技术的本质,因为解决现实中存在的问题,技术才会有价值。真正厉害的技术都静悄悄的跑在线上。 技术选型介绍 在项目的架构中,我们需要选择各种技术栈所对应的技术;在项目的开发中,我们需要选择各种工具库。 这时范围可以尽量的广一些,搜集尽可能多的候选技术和产品。 初步筛选。把一些由于各种限制无法选择或者明显不可能的技术或产品排除,筛选3个左右备选方案。 做一些详细的调查和分析。 可以列个技术选型分析表(小的不太重要的技术选型不一定要这么麻烦,而重要的技术选型则可能要反复各个步骤多次) 团队、技术成熟度、性能、架构一致性...

    1.3K10编辑于 2021-12-23
  • 来自专栏深度学习与python

    前端技术老兵大圣:如何借助 Vue3,构建前端知识体系?| 极客时间

    但专业教材对于正在工作的前端人来说,过于晦涩难懂,很难获得正向反馈并坚持学习。我的建议是,借助 Vue3 的学习和应用,建构你整体的前端知识体系。 除此之外,我还会分享自己在一线工作中的踩坑思考,给你分析问题、解决问题的方法,把近十年的技术心法都倾囊相授。 9 年前端开发经验,前百度前端架构师,组件库 Element3 作者。 现自由职业,多年前端开发和教学经验,对前端萌新如何快速进阶有丰富的经验。 之前在 B 站、知乎、技术博客等平台分享过不少技术感悟,经常收到读者的反馈,也更理解大家学习时的难点,所以一直坚持 “把枯燥的原理讲明白” 这种教学思路。毕竟真正让大家学懂、会用,才是硬道理。 源码加持:透过 Vue3 源码,站在更高的角度去看待前端框架 带你 理清 Vue 的发展历程,并参考 React 和 Svelte 的设计和原理深入解析。

    79510编辑于 2023-04-01
  • 来自专栏Super 前端

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

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

    89431发布于 2019-08-15
  • 来自专栏jeremy的技术点滴

    前端ReactJS技术介绍

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

    6.9K40发布于 2018-05-10
  • 来自专栏前端食堂

    前端食堂技术周刊

    欢迎来到本期的前端食堂技术周刊,我们先来看下上周的技术资讯。 Vitest v0.6.0[3] Vitest 最近发布了 v0.6.0 版本,添加了文件内测试,类似于 Rust 的模块测试。如果你对它还不是很了解的话,可以通过这个链接到达官网学习。 关于依赖管理的真相 — 前端包管理器探究 前端的包管理器你知道几种呢? npm、yarn、pnpm、cnpm、tnpm... 为什么要搞出这么多包管理器?每个包管理器的不同版本都存在哪些问题? 你的前端食堂,吃好每一顿饭。我们下期见。 proposal: Types as Comments: https://github.com/giltayar/proposal-types-as-comments [3] Vitest v0.6.0

    1.1K20编辑于 2022-04-11
  • 来自专栏森屿暖树

    前端特效学习3

    > </body> </html> css代码 :root { /** 白天样式 **/ --blue-background: #C2E9F6; --blue-border: #72cce3;

    41720编辑于 2022-03-23
  • 来自专栏jQuery每日经典

    前端技术API手册

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

    1.2K10编辑于 2022-01-17
  • 来自专栏程序人生 阅读快乐

    现代前端技术解析

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

    49920发布于 2018-10-10
  • 来自专栏前端技术研究和应用

    浅析前端监控技术

    WebWorker介绍参考:https://juejin.cn/post/7139718200177983524(3)img上报因为img资源浏览器不会阻止,跨域会针对xhr这种请求才会生效,一般前端监控上报通过一个 + $.param(data)}badjsbadjs-web是腾讯开源的一款前端监控系统。

    1.3K40编辑于 2023-04-14
  • 来自专栏程序技术知识

    前端Ajax技术原理

    已经调用send()方法,但尚未接收到响应 3:接收。已经接收到部分响应数据 4: 完成。已经接收到全部响应数据。 image.png ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且已经得到了广泛使用的,XMLHttpRequest虽然目前还没有被W3C所采纳,但是它已经是一个事实的标准 3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。

    1.1K00编辑于 2022-04-13
  • 来自专栏编程微刊

    2020前端技术

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

    1.4K01发布于 2020-11-26
  • 来自专栏前端技术研究和应用

    浅析微前端技术

    介绍微前端是一种类似于微服务的架构,是一种由独立交付的多个前端应用组成整体的架构风格,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用,而在用户看来仍然是内聚的单个产品。 CustomElement 结合自定义的 ShadowDom,将微前端封装成一个类 WebComponent 组件,从而实现微前端的组件化渲染。 微前端的适用场景微前端的适用场景中大型项目建设微前端项目的初衷就是为未来可能的扩展开发提供可能,因此微前端非常适合具有多个团队维护的大型项目。 如果你把生产力放在首位,可以考虑 微前端 架构微前端的劝退场景业务边界不清晰的项目,在发起一个微前端项目前,你需要对该项目的业务领域及分工有着全面的了解。 小型项目,在评估是否需要采用微前端架构前,你需要对平台的规模有大概的认知,不要为了纸面上的优势而强行采用微前端方案,业界还有很多其他小而美的框架可以尝试。微前端前端发展的必然阶段。

    1.9K60编辑于 2023-04-14
领券