14 小时前 / 冯海涛
当我的团队进行税务系统模块开发的时候，我发现他们需要花费 80% 的时间去解决计算问题，尤其体现在表格（Grid）中的计算，这些时间花在： 写前台 js 代码（因为用户在表格中的输入会影响其他单元格，所以需要即时将运算后的新值呈现给用户看）写后台代码（因为用户对表格数据的更改会影响其他表格，所以要在用户点击保存时更新受影响表格的数据）实施修改计算方法，导致开发者需要修改代码于是我调研了税务其他模块的功能，发现税务系统大量使用表格控件，而其中或多或少都会涉及到计算问题。而处理计算的方法，都是采用硬编码。
14 小时前 / 美团技术团队
总第 410 篇 2020 年 第 34 篇 Flutter 作为一种全新的响应式、跨平台、高性能的移动开发框架，在性能、稳定性和多端体验一致上都有着较好的表现，自开源以来，已经受到越来越多开发者的喜爱。 但是，Flutter 的引入往往带来包体积的增大，给很多研发团队带来了很大的困扰。美团外卖前端团队对 Flutter 的包大小问题进行了调研和实践，设计并实现了一套基于动态下发的包大小优化方案，希望对从事 Flutter 开发相关的同学能够带来一些启发或者帮助。一、背景 随着 Flutter 框架的不断发展和完善，业内越来越多的团队开始尝试并落地 Flutter 技术。
9 天前 / vivo互联网技术
【背景】 一年前 vivo 商城还是以 Java 为技术核心，前后台一起，Java 既要负责服务、数据库，也要负责页面的渲染。在早期这种开发模式也能够很好的运行。然而随着业务迭代的加快，前端技术的发展，这种开发模式的弊端越来越明显。主要突出的有以下两个方面： 前端技术栈架构繁杂且陈旧，导致迭代速度很难提升 到 2018 年 12 月，整个商城前端系统随着不同需求叠加积累的原因，造成了不同页面使用不同的技术，比较典型的有 jQuery，Vue，FreeMarker，artTemplate，这些不同的技术栈从开发来看，相同的内容，在不同的页面可能使用不同的技术栈...
19 天前 / Ryan众乐
导语：前端智能化，就是通过 AI/CV 技术，使前端工具链具备理解能力，进而辅助开发提升研发效率，比如实现基于设计稿智能布局和组件智能识别等。 本文要介绍的是我在前端智能化的实践：通过计算机视觉技术实现自动提取图片中的 UI 样式的能力。 具体效果如上图，当用户框选图片中包含组件的区域，算法能准确定位组件位置，并有效识别组件的 UI 样式。 样式提取方案本文基于 OpenCV-Python 实现图像的样式检测，主要分为三步：1. 从图片检测并分离组件区域；2. 基于组件区域进行形状检测；3. 对符合规则形状的组件进行样式计算。
22 天前 / 冷星1024
高清屏中 1px 线问题在移动端 web 开发中，UI 设计稿中设置边框为 1 像素，前端在开发过程中如果出现 border:1px，测试会发现在 retina 屏机型中，1px 会比较粗，即是较经典的移动端 1px 像素问题。 为什么高清屏下 1px 更宽高清屏（retina 屏）是指高 dpr 的设备，其物理像素的密度更大。又分为有两倍屏，三倍屏。 dpr:物理像素 /css 像素 在普通屏，1 个 css 像素对应 1 个物理像素；2 倍屏中，一个 css 像素对应 4 个物理像素；三倍屏中则是 9 个。 按照这样的置换规则后一张相同的图片在不同的设备上才会显示相同的大小。
26 天前 / sammffl
原文链接：appendto.com 我一直在关注最有趣的 Javascript 博客 （这是我工作的一部分 https://weekendjs.com/）。这里面有许多有趣的博客，超乎你的想象。有十多年前就开始的博客，也有一些相对较新的博客。一些博主是 Javascript 明星更多的是像你我这样的普通开发人员。 某些博客关注在某个具体的生态（像是 Angular、React 或者 Vue)， 还有一些关注更普遍的用法。 令人兴奋的是有真材实料的优质博客一年比一年多。并且有望继续保持下去。 有哪些人会在列表上：只有哪些经常写博客的人（至少每个月一篇）。
26 天前 / 张欢
Dennis Gaebel 是一名设计技术专家和作家，他热爱开源、CSS 架构、SVG、排版、提案、交互和基于模式的设计。 Webpack 5 的新特性阅读 1689 于 2019 年 2 月 6 日 6 分 如果您正在打包前端代码，很可能使用一个工具来实现。 这个工具极有可能是 Webpack。在本文中，我将分享 Webpack 5 的一些新功能， 以及在日常工作中继续使用它时应该注意的事项。 这个新版本包含了大量的新特性，虽然我不会详细介绍每个新特性，但是我将与您分享核心团队列出的一些重要特性。
31 天前 / Ryan众乐
写在最前面（不看也不会少一个亿） 最开始的一个小需求前两天项目中有个小需求：前端下载后台小哥返回的二进制流文件。 起初接到这个需求时，我感觉这很简单啊（虽然我不会，但可以百度啊，） 然后就写出了如下的代码： letblob=newBlob([res.data]); letfileName=`Cosen.csv`; if(window.navigator.msSaveOrOpenBlob){ navigator.msSaveBlob(blob,fileName); }else{ letlink=document.createElement("a"); letevt=document.createEvent("HTMLEvents"); evt.initEvent("click",false,false); link.href=URL.createObjectURL(blob); link.download=fileName...
31 天前 / Ryan众乐
四。坑点总结五。gitlab-ci 进阶 5.1 YML 的片段复用和模块化 5.2 gitlab-ci 提供的其他配置关键字一。概念介绍 1.1 gitlab-ci && 自动化部署工具的运行机制以 gitlab-ci 为例： (1) 通过在项目根目录下配置。gitlab-ci.yml 文件，可以控制 ci 流程的不同阶段，例如 install/ 检查 / 编译 / 部署服务器。gitlab 平台会扫描。gitlab-ci.yml 文件，并据此处理 ci 流程 (2) ci 流程在每次团队成员 push/merge 后之后触发。每当你 push/merge 一次，gitlab-ci 都会检查项目下有没有。
31 天前 / 开发者头条
同样是做前端，有的人工作 5 年工资没变化，有的人工作 2 年就已经年薪 20W。 这个现象或许前几年还不明显，但随着近几年前端技术疯了一般的快速发展，前端的代码逻辑逐渐变得复杂，人才水平的分化也越来越明显。 前端的入行门槛很低，即便是刚毕业的实习生，只要掌握了前端框架的基本用法，就能达到做项目的能力。许多公司对于前端的能力要求也很低，好像只需要懂一些 JS，会一般的 HTML+CSS 就可以了。 但前端想要做到高薪却很难，不像后端有着明确的发展路线，从支持几百人的访问，到支持几百万人的访问，薪资的成长清晰可见。
33 天前 / kily_zhou
首发于 FE-player 写文章从实际案例讲 Deno 的应用场景 keelii 公众号「肆零玖陆」 — 以程序员的视角谈天说地 5 人赞同了该文章此篇文章实际上是《前端开发的瓶颈与未来》的番外篇。主要想从实用的角度给大家介绍下 Deno 在我们项目中的应用案例，现阶段我们只关注应用层面的问题，不涉及过于底层的知识。简介我们从它的官方介绍里面可以看出来加粗的几个单词：secure, JavaScript, TypeScript。简单译过来就是： 一个 JavaScript 和 TypeScript 的安全运行时那么问题来了，啥叫运行时（runtime）？可以简单的理解成可以执行代码的一个东西。
40 天前 / pingan8787
最近原创文章 《1.2w 字 ｜ 初中级前端 JavaScript 自测清单 - 1》 《了不起的 Webpack 构建流程学习指南》 《了不起的 Webpack HMR 学习指南（含源码分析）》 《你不知道的 WeakMap》番外篇 《你不知道的 Blob》番外篇 《200 行 JS 代码，带你实现代码编译器》 前言在《初中级前端 JavaScript 自测清单 - 1》部分中，和大家简单过了一遍 JavaScript 的一些基础知识，没看过的朋友可以回顾一下 本系列文章是我在我们团队内部的“「现代 JavaScript 突击队」”，第一期学习内容为《现代 JavaScript 教程》系列的「第二部分」输出内容，希望这份自测清单...
55 天前 / 携程技术
作者简介 Jade Gu，携程高级前端开发专家，负责度假前端框架设计和 Node.js 基础设施建设等工作。 这篇文章将简略地介绍我们当前的无线前端架构设计及其演进之路。主要内容包含以下几个部分，希望我们的经验能带给大家一些启发。 1）当前的前端方案及其解决的问题 2）现在面对的新挑战 3）我们的前端方案设计和选择。 一、当前的前端方案及其解决的问题 1.1 当前方案的技术背景 将时间调回到 2016 年。我们已经将几个核心的前端应用，从 C# ASP.NET 迁移到了 Node.js。