1 天前 / say_hello_user
基于 HTML5 WebGL 的挖掘机 3D 可视化应用前言 在工业互联网以及物联网的影响下，人们对于机械的管理，机械的可视化，机械的操作可视化提出了更高的要求。如何在一个系统中完整的显示机械的运行情况，机械的运行轨迹，或者机械的机械动作显得尤为的重要，因为这会帮助一个不了解这个机械的小白可以直观的了解机械的运行情况，以及机械的所有可能发生的动作，对于三一或者其它国内国外重工机械的公司能够有一个更好的展示或者推广。 挖掘机，又称挖掘机械(excavating machinery)，从近几年工程机械的发展来看，挖掘机的发展相对较快，挖掘机已经成......
2 天前 / 西岭老湿
首发于大转转FE写文章Node.js微服务实践(二)大转转FE关注微信公众号：大转转FE。 一个有趣的前端团队~19 人赞同了该文章基于Seneca 和 PM2构建 本章主要分为三个小节： 选择Nodejs的理由：将证明选择Node.js来构建的正确性。介绍使用Node.js时设计的软件栈。微服务架构Seneca：关于Seneca 的基本知识。PM2：PM2 是运行 Node.js 应用的最好选择。选着Node.js的理由如今，Node.js 已经成为国际上许多科技公司的首选方案。特别对于在服务器端需要费阻塞特性的场景，Node.js 俨然成了最好的选择。 本章我们主要讲Seneca 和 PM2 作为构建、运行微服务......
3 天前 / ConardLi
开篇前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 winter在他的《重学前端》课程中提到： 到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个 API以后上手做项目也很简单，但是这往......
3 天前 / 公子
写文章使用 Puppeteer 导出声享 PPTbingomvm4 人赞同了该文章现状声享是一个基于 ThinkJS开发的在线制作 PPT 平台。声享制作的 PPT 支持代码高亮、图片上传、神奇效果等功能，同时你可以在声享收藏自己喜欢的 PPT 、对自己的 PPT 进行分类管理。其中有一个 PDF 导出的功能，可以将自己制作的 PPT 导出成 PDF 保存到本地。 功能实现比较简单，只是提供了一个页面，用户需要手动去打印成 PDF。这个方案存在一些问题： 由于使用了 iframe 懒加载导致未加载的 iframe 无法正常显示。该种方案只能打印所有页面的初始状态。如果页面中存在切换动画，可......
4 天前 / 敌人来啦快跑啊
编者按：本文作者奇舞团前端开发工程师何文力，同时也是 W3C CSS 工作组成员。 W3C Credential Management APICredential Management API 是一套给提供给网站用于存储用户登陆信息的 API，简单地说可以作为一种自动账号密码填充的功能： navigator.credentials.store({ type:'password', id:'id', password:'1234567' }) 下一次登录的时候，我们可以通过上一次存储的账号密码直接登录： navigator.credentials .get({password:true}) .then(credential=>{ if(!credential)return fetch('/login',{ method:'POST', body:JSON.stringif......
4 天前 / ConardLi
导读React的虚拟 DOM和 Diff算法是 React的非常重要的核心特性，这部分源码也非常复杂，理解这部分知识的原理对更深入的掌握 React是非常必要的。 本来想将虚拟 DOM和 Diff算法放到一篇文章，写完虚拟 DOM发现文章已经很长了，所以本篇只分析虚拟 DOM。 本篇文章从源码出发，分析虚拟 DOM的核心渲染原理，以及 React对它做的性能优化点。 说实话 React源码真的很难读，如果本篇文章帮助到了你，那么请给个赞支持一下吧。 本文略长，下面是本文的思维导图，您可以从头开始阅读，也可以选择感兴趣的部分阅读： 开发中的常见问题为何必须引用Re......
5 天前 / Fundebug
首发于TryFEInDepth写文章TypeScript - 一种思维方式zhangwang前端工程师144 人赞同了该文章电影《降临》中有一个观点，语言会影响人的思维方式，对于前端工程师来说，使用 typescript 开发无疑就是在尝试换一种思维方式做事情。 其实直到最近，我才开始系统的学习 typescript ，前后大概花了一个月左右的时间。在这之前，我也在一些项目中模仿他人的写法用过 TS，不过平心而论，在这一轮系统的学习之前，我并不理解 TS。一个多月前，我理解的 TS 是一种可以对类型进行约束的工具，但是现在才发现 TS 并不简单是一个工具，使用它，会影响我写代码......
5 天前 / 江米小枣tonylua
原文： https://markus.oberlehner.net/blog/should-i-store-this-data-in-vuex/ 大多数人刚上手 Vuex 的时候，首先都想知道，应该往其中存放什么样的数据呢？在对这个问题给出答案的过程中，很多人（包括我）先是来到了“一股脑放进去”的阶段。但是在遭遇了首次障碍后，你很快就会领悟到：这可不是在 Vue.js 应用中管理数据的完美方案啊。 在本文中我将尝试回答诸如“Vuex 在何种情景下是个称手的解决方案”，以及“何时用其他方式更好些”的这类问题。 I. 首先，为何使用 Vuex ？Vue.js 为我们提供了响应式的data属性 -- 这是一种开箱即用的......
6 天前 / 阿伟
写文章AntModifier 设计和实现的心路历程阿伟身在高楼心在北大荒，我就这副死样～7 人赞同了该文章最近工作的前端框架从 Vue 转移到了 React，业务组件从 element转移到了 ant-design。 没错，又是喜闻乐见的后台管理项目，技术栈变了，可造轮子的心没变，先从实现一个 Modifier 组件开始吧。另外，关于该组件的相关规范可以先看下我之前的这篇回答： 前端怎么深入思考？www.zhihu.com一、功能设想当前项目，或者说接触过的大部分项目的新增和修改操作都是在弹窗组件中完成的，于是准备基于 AntModal+ AntForm实现如下功能： 简化 AntForm 的使......
6 天前 / 公子
写文章What's New in JavaScript怡红公子前端工程师114 人赞同了该文章前几天 Google IO 上 V8 团队为我们分享了《What's New in JavaScript》主题，分享的语速很慢推荐大家可以都去听听就当锻炼下听力了。看完之后我整理了一个文字版帮助大家快速了解分享内容，嘉宾主要是分享了以下几点： JS 解析快了 2 倍async 执行快了 11 倍平均减少了 20% 的内存使用class fileds 可以直接在 class 中初始化变量不用写在 constructor 里私有变量前缀string.matchAll 用来做正则多次匹配numeric seperator 允许我们在写数字的时候使用 _ 作为分隔符提高可读......
6 天前 / 江米小枣tonylua
在上一篇文章《手摸手教你封装跨项目复用的 Vue 组件》中，介绍了一例用 rollup.js 封装 Vue.js 组件库的实践；限于篇幅和复杂度，其中组件的即时调试预览部分，也同样采用了 rollup 一并配置出来，虽然完全够用，但运行起来稍嫌麻烦，bigger 上感觉也差强人意。 本篇的内容就是尝试优化这部分的开发体验，用业界成熟的解决方案Storybook解决组件的统一展示和事实调试。 更快更强的构建 UI 组件 Storybook 是一个为开发独立的 React、Vue 和 Angular UI 组件的开源工具。高效有序地构建炫酷用户界面 以上是官网开宗明义的介绍，总之在 React 等......
6 天前 / ConardLi
导读本文从绘图基础开始讲起，详细介绍了如何使用 Three.js开发一个功能齐全的全景插件。 我们先来看一下插件的效果： 如果你对 Three.js已经很熟悉了，或者你想跳过基础理论，那么你可以直接从全景预览开始看起。 本项目的 github地址：https://github.com/ConardLi/tpanorama 一、理清关系1.1 OpenGL OpenGL是用于渲染 2D、3D量图形的跨语言、跨平台的应用程序编程接口 （API）。 这个接口由近 350个不同的函数调用组成，用来从简单的图形比特绘制复杂的三维景象。 OpenGLES 是 OpenGL三维图形 API的子集，针对手机、 PDA和游戏主机......