前端开发

前端开发

前端开发

211 文章 话题 6067 浏览

动手实现简单版的 React 2

list diff 在上篇文章中,已经基本可以完成视图的更新了,其实就目前来说,对于一个数组list,如果只是对数组进行 push 和 pop 来说,目前已经完成的很好了。 每次更新的时候可以打开开发者工具选择 Element 面板,看到每次操作影响的DOM,影响的DOM会存在闪动的效果。 如将 [1,2,3,4] 修改为 [2,1,4,3],如果你的这些 List 结构一致,可能仅仅是更新文本内…

纸短情长 2022-05-07 浏览 823 评论 0 收藏 0

4.2 需求变动与开发模型 Requirement change and development models

  • 4.2 需求变动与开发模型 Requirement change and development models
  • 4.2 需求变动与开发模型 Requirement change and development models
  • 4.2 需求变动与开发模型 Requirement change and development models
  • 4.2 需求变动与开发模型 Requirement change and development models

http://todomvc.com/ 把这个视频再看一下,感受下这个演进:https://classroom.udacity.com/nanodegrees/nd001-cn-advanced/parts/7cfc9f99-e827-4ed3-8e13-126f6b0f3998/modules/59e5bbe2-0738-4654-ba6b-fd0feaa632de/lessons/341718…

JSmiles 2022-04-28 浏览 910 评论 0 收藏 0

webpack-build 构建器

基于 webpack。有没有什么有用的东西: 跨多个工作人员的多个并发编译器 持久缓存 构建服务器 HMR 支持 配置挂钩 安装 npm install webpack-build 基本用法 var build = require('webpack-build'); build({ config: '/path/to/webpack.config.js', watch: true }, funct…

JSmiles 2022-04-22 浏览 952 评论 0 收藏 0

Angular 项目记 与 React 的对比

Angular 好坏都很明显,强处在于 强大的工程化 默认 TypeScript 配置 依赖注入 默认 named export 等 后几者对于本来就岌岌可危的前端重构和单元测试是一大助力。 弱点在于: 模板没有办法支持复杂逻辑,抽取组件较重。这其实 discourage 了组件抽取、模块化这个事情 由于上一点,整个前端明显由数据流驱动,又被强行分成 controller 和 view,除了架构本…

JSmiles 2022-04-19 浏览 870 评论 0 收藏 0

将微服务理念扩展到前端开发 实战篇

  • 将微服务理念扩展到前端开发 实战篇
  • 将微服务理念扩展到前端开发 实战篇
  • 将微服务理念扩展到前端开发 实战篇
  • 将微服务理念扩展到前端开发 实战篇

在 将微服务理念扩展到前端开发 理论篇 中,我们介绍了微前端在单体应用和微服务的架构演进中所产生的缘由,将微服务理念运用到前端开发就是为了解决臃肿前端的当前现状。与此同时,合理拆分微前端也给我们的应用开发带来显而易见的好处,在本篇当中我们将逐一介绍微前端的实践方案与可能遇到的问题和对应的优化建议。 微前端的可选实践方案(4 种+) 创建更小的 Apps(而不是 Components) 首先让我们来…

JSmiles 2022-04-07 浏览 967 评论 0 收藏 0

将微服务理念扩展到前端开发 理论篇

  • 将微服务理念扩展到前端开发 理论篇
  • 将微服务理念扩展到前端开发 理论篇
  • 将微服务理念扩展到前端开发 理论篇
  • 将微服务理念扩展到前端开发 理论篇

在 ThoughtWorks 正式发布的最新一期技术雷达(下载地址:technology-radar-vol-17-cn.pdf)当中,「微前端(Micro Fontends)」已经进入到试验阶段,而试验环所列出的技术是我们认为值得去追求的。理解如何建立这种能力对您所在的组织十分重要,现在就可以尝试在一个低风险的项目上试点和实践这项技术,帮助您真正地了解这门技术。 摘自技术雷达:我们已经从引入微服…

JSmiles 2022-04-01 浏览 807 评论 0 收藏 0

IMVC(同构 MVC)的前端实践

  • IMVC(同构 MVC)的前端实践
  • IMVC(同构 MVC)的前端实践
  • IMVC(同构 MVC)的前端实践
  • IMVC(同构 MVC)的前端实践

随着 Backbone 等老牌框架的逐渐衰退,前端 MVC 发展缓慢,有逐渐被 MVVM/Flux 所取代的趋势。 然而,纵观近几年的发展,可以发现一点,React/Vue 和 Redux/Vuex 是分别在 MVC 中的 View 层和 Model 层做了进一步发展。如果 MVC 中的 Controller 层也推进一步,将得到一种升级版的 MVC,我们称之为 IMVC(同构 MVC)。 IMV…

JSmiles 2022-02-23 浏览 849 评论 0 收藏 0

增强您的 Gruntfile:如何最大限度地利用您的构建配置

如果 Grunt 世界对您来说是新的,那么理想的起点是 Chris Coyier 的优秀文章“ Grunt for People who thinks like Grunt are Weird and Hard ”。 在 Chris 的介绍之后,您将建立自己的 Grunt 项目并体验 Grunt 提供的强大功能。 在本文中,我们不会关注大量 Grunt 插件对您的实际项目代码的作用,而是关注 Gr…

惜醉颜 2022-01-06 浏览 898 评论 0 收藏 0

前端常用 Npm 全局包

就现在做前端工作而言,不会node、不会鼓捣npm的话,已经严重落伍了,落伍到不行了。npm有一些非常有用的全局包,在生成项目框架、运行本地开发环境时,会大大提高我们的生成力。 首先,在终端输入npm list -g --depth 0命令,查看本机已经安装的全局包。 ├── create-react-app@1.1.0 ├── docsify-cli@3.0.1 ├── electron@1.4…

夜血缘 2021-12-31 浏览 1265 评论 0 收藏 0

创建移动优先的响应式网页设计

我们将介绍如何创建以移动为先的自适应 Web 体验。 本文和 演示 将讨论以下内容: 关于我们的新产品,还有更多最新的响应式指南 Web 基础知识 站点。 为什么我们需要创建移动优先、响应式、自适应的体验 如何为自适应站点构建 HTML 以优化性能并优先考虑灵活性 如何首先编写定义共享样式的 CSS,使用媒体查询为更大的屏幕构建样式,并使用相对单位 如何编写不显眼的 JavaScript 以有条件…

猫九 2021-12-29 浏览 830 评论 0 收藏 0

大前端工作流程规范

1. 上线规范 一般情况下,周五不上线 上线流程: 发提测邮件 测试通过后,在提测邮件上,发上线报备 上线之后,线上复测 上线的时候,核心开发人员需要在公司 2. 排期规范 排期要按天,排出excel来 排期要排全职工作,不做并行开发的排期 要排出配合联调、测试的时间来 要排出配合安全测试的时间来 3. 接活规范 要有产品 prd 重要信息、修改,要在邮件、wiki 里面记录,不能只靠口口相传、Q…

滥情空心 2021-12-29 浏览 1020 评论 0 收藏 0

前端物料中台建设

  • 前端物料中台建设
  • 前端物料中台建设
  • 前端物料中台建设
  • 前端物料中台建设

这篇文章主要写关于前端迭代及上下游协作效率我们是如何解决的。 背景 我们的目的是提升前端迭代及上下游的协作效率,我们从四个出发点开始讲起: 团队负责的业务越来越读,如何提高资源、组件及代码的复用率,提升整体研发效率;提升项目的上下游协作效率,涉及到从UE到UI到FE再到QA的整个流程,这需要很强的推动力和足够的说服力;提升人效比,一人顶三人,提升项目中前端开发人员的人效比,让前端做的更快、更多、更…

臻嫒无言 2021-12-18 浏览 1193 评论 0 收藏 0

实用的 Webpack 配置项

如何指定 Alias resolvealias 在引用 js/css 等文件的时候如果不希望记忆前面的路劲,可以使用 alias module.exports = { //... resolve: { alias: { Utilities: path.resolve(__dirname, 'src/utilities/'), Templates: path.resolve(__dirname, '…

深巷少女 2021-12-15 浏览 837 评论 0 收藏 0

天猫活动页面的性能优化

数据结果 无线优先从去年开始推行,今年更是全面无线化,双11无线业务成交拿到了不错的结果,性能也迈出了一大步,对比去年双十一页面整体 load 时间提升了 2s 秒左右,秒开率达到了 70%; 去年双11活动会场埋点几个页面的性能,onload 均值在 4.7s 左右(实际情况应该在3-4秒),导致跳失率非常高。 今年双十一后的数据情况: 2G 平均加载完成时间 3G 平均加载完成时间 4G 平均…

网名女生简单气质 2021-12-15 浏览 1034 评论 0 收藏 0

网站架构 从无到有

注意:该文件比较长,写的是从没有项目起到项目上线的一些事,从大的方面约束规范到环境的配置、代码的模式、静态文件管理都有些概括,希望对你有帮助~ 环境和域名 项目的开发基本是 开发->测试->线上 的流程,那么项目开发前,约定好环境和域名,首先我们已知如下条件: 使用git版本控制,前、后端分2个仓库(repository),会有master线上、develop开发、release发布3…

醉生梦死 2021-12-15 浏览 959 评论 0 收藏 0

简介

前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程,通过HTML,CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

更多

推荐作者

时光倒影

文章 0 评论

qq_YyjhCs

文章 0 评论

三人与歌

文章 0 评论

┼──瘾||

文章 1 评论