5 天前 / 太空编程
前言：测试简介 前端常见的问题： 修改某个模块功能时，其它模块也受影响，很难快速定位 bug 多人开发代码越来越难以维护 不方便迭代，代码无法重构 代码质量差 增加自动化测试后： 我们为核心功能编写测试后可以保障项目的可靠性 强迫开发者编写更容易被测试的代码，提高代码质量 编写的测试有文档的作用，方便维护 测试方法可以分为三个大类黑盒测试、白盒测试、灰盒测试 黑盒测试一般也被称为功能测试，更注重结果的展示，要求测试人员将程序看作一个整体，不考虑其内部结构和特性，只是按照期望验证程序是否能正常工作（就是不知道源代码是什么意思...
15 天前 / 太空编程
UI 设计趋势几乎每年都在发生变化，变化的原因是人们的审美在变导致的，还是设计越来越人性化。市场上是谁在主导设计趋势？其中原因不得而知，我们先看看究竟有哪些变化： 1. 3D 插图（依然流行） 3D 图像将在接下来这一年依然是趋势——尤其是当初级的 UI 设计人员越来越容易地以 3D 效果进行创作！（尝试使用名为 Spline 的 3D 工具 - 目前处于测试阶段，但已经非常的好上手并且好用！）。 3D 还被广泛用于全屏动画中，作为主要的关键视觉效果—查看“超级列表”或查看 Minh Pham 撰写的令人惊叹的 3D 教程...
15 天前 / Ryan众乐
首发于前端备忘录写文章 React 下，谈谈编程范式江湖术士控制自己，少点发言，越学越觉得自己菜 57 人赞同了该文章大家经常听到 React 环境下，对 函数式，面向对象 等 编程范式 的阐述 但却很少有文章结合 React 特殊语境，对这两个范式进行详细说明，因此，写这篇文章，帮助大家形成 共同语言 首先，编程范式除了实现方式不同以外，其区别的根源在于 —— 关注点不同函数的关注点在于 —— 变化面向对象的关注点在于 —— 结构对于函数，因为结构方便于处理变化，即输入输出是天然关注点...
17 天前 / 软件匠艺小组
要做到 Backend as a "Database"，就是回答以上问题如何解决。 User 表 Mysql / Postgresql 的权限太粗了。肯定是要在 Mysql / Postgresql 外边套一层去校验权限。这里有如下的挑战要解决 B 端权限需要非常细致，不仅仅要到行，甚至到格。权限可能是按职位授予，也可能是因为工单分配临时授予。权限校验开销不能太大，如果拿来做 C 端业务，单据数量和用户数量都可能会非常大。要减少因为行级别权限引入的开销。所以要能按需打开不同的授权模式。没有登录的用户需要登录，或者能够匿名浏览。如何方便给没有用户的访问做适当的提权。
20 天前 / semlinker
2021 年已经来了，相信有一些小伙伴已经开始立 2021 年的 flag 了。在 2020 年有一些小伙伴，私下问阿宝哥有没有前端的学习资料。为了统一回答这个问题，阿宝哥在元旦期间，精心挑选了 Github 上 10 个不错的开源项目。 当然这 10 个开源项目不仅限于前端领域，希望这些项目对小伙伴的进阶能有所帮助。下面我们先来介绍第一个项目 —— build-your-own-x。 build-your-own-x Build your own (insert technology here) https://github.com/danistefanovic/build-your-own-x WatchStarForkDate3.5K92.3K8.1K2021-01-04 该仓库涉及了 27 个领域的内容...
21 天前 / u312562
在 2020 初的时候，看到微软的 Blazor，使用 C# 和 HTML 在任何浏览器中不需要插件即可运行 WebAssembly 程序集。WebAssembly 把 C,C++ 和 Rust 带到了前端。 我就开始思考：机器学习 + 后端 + 前端，如何把这三者全部融合到前端？融合后是不是就是智能化的前端？ 可以说，WebAssembly 开启了前端 JavaScript 之外的更多可能。 再看另外一件正在发生的事情，tensorflowJS 现在已经支持了众多的模型，我们可以轻松在前端实现图像分类、人脸识别、姿态评估等 AI 能力。 前端开启了规则之外，迈向机器学习、深度学习的更多可能。
22 天前 / 冷星1024
本文作者：韩永刚，360 奇舞团 WEB 前端开发高级工程师。 本文将简单介绍一下持续集成的概念，并手把手带你在你的微信小程序项目中完成属于你的持续集成方案。 什么是前端工程化所有能降低成本，并且能提高效率的事情总称为工程化。在前端项目中能够减少重复工作、扩展 javascript\html\css 本身的语言能力、解决功能复用和变更问题、解决开发和产品环境差异问题、任何时间任何地点生成可部署的软件、解决发布流程问题，都属于前端工程化。
24 天前 / 影浅
前言在工作中，我们可能会遇到一些项目管理方面的问题。在单个项目管理的时候，大家都知道该怎么管理。一旦涉及到多个项目管理，很多人就不一定能够管理好了。 这篇文章主要讲解一下 monorepo 在我们团队的应用。 multi-repo 的困境在通常情况下，我们新开一个项目会先在 Github 上面创建一个新仓库，然后在本地创建这个项目，和远程仓库进行关联，基本上是一个仓库对应一个项目。 复用代码和配置困难一旦项目多起来，就会遇到一些更复杂的情况。比如一些独立的 h5 活动页面，这些页面往往是不相关的，不方便部署到一起，需要独立部署到不同域名。
31 天前 / 江米小枣tonylua
自从用单页应用（SPA）风靡以降，对于 web 前端项目来说 -- 无论是目前绝大多数的基于 webpack 的项目，还是既有的 grunt/gulp 项目来说，其基本开发流程大都如下： 用 npm start 等启动开发时环境，自动监控源文件改变并对浏览器热更新依赖后端接口返回的数据渲染页面逻辑，或将结构化的数据提交给后端接口完成阶段性或全部开发，以各种方式实现部署这其中，最能体现“前后端分离”特征的就是第 2 步，即比之于传统上直接传输 HTML，代以轻量的局部 JSON 通信。 然而从另一个角度来看，在开发过程中，前端对后端的依赖某种程度上是更紧密更重了的。
31 天前 / 前哨君
首发于开源前哨写文章功能强大的纯前端 Excel 在线表格： Luckysheet 开源前哨推荐有趣和热门的开源项目。有一个同名公众号：开源前哨 1 人赞同了该文章【导语】：Luckysheet 是一款类似 excel 的在线表格，纯前端，功能强大、配置简单、完全开源，几行代码就能展现出一个功能完备的在线表格。 简介 Luckysheet 是一款类似 excel 的纯前端在线表格，只需要引入 js 和 css 文件即可使用。Luckysheet 保持了和 excel 一致的操作体验，样式、快捷键、函数等，都与 excel 的操作方式一致，用户没有额外的学习成本。
34 天前 / 苏南
点击上方“蓝色字体”，选择“设为星标” 做积极向上的前端人！NO.1 前言 前端性能优化可谓是一个老生常谈的话题，有的时候一个页面的首开率和白屏率确实能影响一个产品的用户留存。 说实话，H5 的页面性能比不上原生 native，但 H5 的高效开发又是一个无比巨大的优势都不想抛弃这个优势。淘宝也在性能上做了很多尝试，比如：近几年大家所熟知的 SSR，NSR/ 端侧的预请求预渲染，都是为了借用 native 或者 service 的能力去尽可能提高页面首屏性能。
35 天前 / 九彩拼盘
导 Lead 语如今的前端早已不再拘泥于满足页面展示，而是开始延展到通过全栈来闭环产品。这表明前端已经有能力透过业务深入产业，继而影响商业结果。这种表象的改变背后是本质的转变，从更为宏观的角度来说，前端正在通过持续的技术革新和技术融合不断突破自身边界，进而重新定义自身价值。 时光荏苒，非比寻常的一年即将过去。在这过去的一年中，与其说前端的平稳期即将到来，不如说前端反而进入了技术深水区。换言之，在全栈和多端的影响下，前端领域里“术业有专攻”的时代已经到来。
36 天前 / 冷星1024
圣 诞 快 乐 接下来让我们一起来探讨 js 数据结构中的树。这里的树类比现实生活中的树，有树干，树枝，在程序中树是一种数据结构，对于存储需要快速查找的数据非有用，它是一种分层数据的抽象模型。一个树结构包含一系列存在父子关系的节点。每个节点都有一个父节点以及零个或多个子节点。如下所以为一个树结构：） 和树相关的概念：1.子树：由节点和他的后代构成，如上图标示处。2.深度：节点的深度取决于它祖节点的数量，比如节点 5 有 2 个祖节点，他的深度为 2。3.高度：树的高度取决于所有节点深度的最大值。
37 天前 / 携程技术
作者简介 新友，携程前端工程师，主要负责机票主流程和机酒预订流程相关开发工作，对安卓和 React Native 有浓厚兴趣。 Heter Li ，负责携程 GitLab 代码平台研发，致力于高效的持续集成事业。 一、前言 随着移动互联网时代的高歌猛进，产品的研发迭代速度变得愈来愈快，工程复杂度越来越高，这对产品研发过程提出了高质量、高效率、更灵活的要求。在研发团队的开发协作上，开发人员遵循一套可靠且灵活的代码和分支管理准则。在机票主流程前端一周多次发版的背景下，对工程高效率迭代和持续集成的需求尤为迫切。
38 天前 / 九彩拼盘
首发于飞冰（ICE）写文章在淘宝，我们是这样衡量代码质量的洋小风前端 100 人赞同了该文章越高级别的程序员往往越看重代码质量。本篇文章主要聊一下在团队开发过程中，如何做到代码质量的管控与提升。首先需要有一套规范，定义什么是好的代码，再通过一些工具，帮助我们在实践规范的过程中，更好地遵循规范。 TLDR: 直接看第 4 点， Iceworks Doctor 解决方案。 1. 为何需要提高代码质量？ 好的代码一定是整洁的，并且能够帮助阅读的人快速理解和定位。好的代码可以加快应用的开发迭代速度，不必花过多的时间来修复 bug 和完善代码。