搜索[前端构建]结果-低调大师优秀个人博客

精选列表

搜索[前端构建]，共10000篇文章

一个前端的自我修养

今天给大家分享的主题是前端的自我成长，这是一个关于成长的话题。

2017-10-19

2016—2017前端体系知识图谱

2017年很快又过去了几个月，在过去的一年里，前端技术迅猛发展，前端各类技术都在优化升级，”大前端”的概念进一步体现，前端人才需求量进一步扩大，但优秀的前端工程师却如大海捞针，一将难求，那么在未来一年里我们应该做好怎样的准备才能成为一名优秀

2017-10-19

推荐 1. 现代 JavaScript 语法清单 https://github.com/mbeaudru/modern-js-cheatsheet#modern-javascript-cheatsheet 本文涉及到了现代项目开发中常用的 JavaScript 语法使用以及示例代码的清单；本指南并不打算从零介绍 JavaScript，而是对于那些有一定基础知识的开发者提供便捷的工具手册。本文依次介绍了变量声明与使用、箭头函数、默认参数、对象解耦、数组使用、扩展操作符、对象属性、Promise、字符串、模块、类、异步编程等内容； 2. 如何优雅的编写JavaScript代码 https://mp.weixin.qq.com/s/PUpZTnCf3qilVWhU-bTC0A 几乎每个大一点公司都有一个“运行时间长，维护的工程师换了一批又一批”的

2017-10-16

阿里云前端周刊 - 第 27 期

推荐 1. Facebook 宣布重置 React，Jest，Flow 与 Immutable.js 的开源证书 https://code.facebook.com/posts/300798627056246 自宣布保留 React 等开源项目附带专利要求的开源协议之后，社区反馈了极大的不满与怀疑，包括 WordPress 在内的许多开源项目也宣布即将切换技术栈；鉴于此，Facebook 宣布将在下周统一地重置 React，Jest，Flow，Immutable.js 为 MIT 开源协议。亡羊补牢，为时未晚，希望 React 整个社区能够继续蓬勃发展。 2. JavaScript 完整编年史 https://closebrace.com/articles/2017-09-11/a-brief-incomplete-history-of-j

2017-10-16

前端自学路线之切图篇

最近有很多同学问我们前端该如何学，学习的路线是什么？所以本着为新手同学梳理一条比较清晰的学习路线，同时结合我这几年的学习经历，来写这么一个“前端自学路线”系列，本篇先说说切图那些事。

2017-10-11

阿里云前端周刊 - 第 26 期

推荐 1. Node.js 8.5.0 发布 https://nodejs.org/en/blog/release/v8.5.0/ 已经发布的 Node.js 8.5.0 版本中引入了一系列的新特性与错误修复，其中值得注意的是 V8 重新支持 Snapshots、引入了 console.group()、新增了 fs.copyFile 与 fs.copyFileSync 以更高效地复制文件等特性。 2. 再见，babel-preset-2015 https://zhuanlan.zhihu.com/p/29506685 9 月份 Babel 官网宣布 ES20xx 时代的 presets 通通被废弃，取而代之的是 babel-preset-env，并且承诺它将成为“未来不会过时的”解决方案。 3. 实战中学习 Flexbox https://med

2017-09-24

阿里云前端周刊 - 第 25 期

推荐 1. Chrome 61 新特性介绍 https://developers.google.com/web/updates/2017/09/nic61 Chrome 61 中即将原生地支持 JavaScript 模块，意味着开发者可以不用 Babel 等转换器即直接在浏览器中运行模块化代码。除此之外，Chrome 61 还允许开发者使用 navigator.share 来触发 Android 原生的分享对话框，并且引入了 WebUSB 接口来访问受信的 USB 设备； 2. Yarn 1.0 发布 https://code.facebook.com/posts/274518539716230 著名的 JavaScript 包管理器 Yarn 终于发布了其 1.0 版本，目前已经有超过 175000 个 Github 上的项目包含了 yar

2017-09-18

阿里云前端周刊 - 第 24 期

推荐 1. Firefox 引入 Headless 模式 https://developer.mozilla.org/en-US/Firefox/Headless_mode 类似于 Chrome 的 Headless 模式，现在 Firefox 也引入了 Headless 模式，其允许开发者利用 Firefox 进行更加方便地自动化测试、动态网页抓取等操作；本文也介绍了如何利用 Selenium 控制 Firefox 进行自动化浏览器操作等内容。 2. Webpack 4 开发计划 https://medium.com/webpack/road-to-webpack-4-week-20-21-1641d03ce06e 本文讨论了 Webpack 4 相关的规划与目标，在先前发布的 Webpack 3 版本中并未引入什么断层变化，但是 Webp

2017-09-12

云计算的前端应用值得关注

本文讲的是云计算的前端应用值得关注，中科院计算所陈益强：时间有限，下面可以单独找钟先生聊一聊，我知道大家都对病毒还有这些比较感兴趣，因为昨天我刚接到我家里父亲打来的电话，说他机器中毒了，我说这也没办法

2017-09-04

Web前端和后端之区分，以及…

还是先google一下，看看网上对Web前端开发、Web后端开发分别是什么? Web前端: 顾名思义是来做Web的前端的。

2017-09-03

阿里云前端周刊 - 第 23 期

组件化设计思维 – 从规范到工具的构建与探索 http://www.zcool.com.cn/article/ZNTQ4NjE2.html 阿里巴巴在中台战略的背景下，设计提效又再次推动着设计思维的变革

2017-09-03

阿里云前端周刊 - 第 22 期

推荐 1. React 就开源许可证风波进行回复 https://code.facebook.com/posts/112130496157735/explaining-react-s-license/ 数周前，Apache 基金会决定禁止旗下项目使用 React，因为其在标准的 BSD 许可证之外添加了专利声明；此举引发了社区的广泛讨论，希望 React 能够更新其开源许可证。经过数周的讨论，近日 Facebook 正式做出了回复，不过令人遗憾的是最终还是拒绝更新许可证，以避免未来可能遇到的专利冲突；Facebook 在开源许可证中声明，使用 React 进行开发的商业项目，不可以专利反诉 Facebook。 2. Bootstrap 4 Beta 发布 http://blog.getbootstrap.com/2017/08/10/boo

2017-08-29

阿里云前端周刊 - 第 21 期

推荐 1. Firefox 55 引入 WebVR 支持 https://hacks.mozilla.org/2017/08/firefox-55-supports-webvr/?utm_source=frontendfocus&utm_medium=email 近日发布的 Windows 平台上的 Firefox 55 版本，成为首个支持新 WebVR 标准的桌面浏览器；Mozilla 希望能够以此推动 WebVR 的进一步发展。除此之外，Firefox 55 还支持包括 async generators 在内的众多 ES2017/2018 特性，并且进一步提升了浏览器的性能表现以及安全保障； 2. Node.js 8.3.0 发布，引入 Ignition 与 TurboFan 执行流 https://medium.com/the

2017-08-23

阿里云前端周刊 - 第 20 期

推荐 1. 阿里电商架构演变之路 https://yq.aliyun.com/articles/161190 首届阿里巴巴中间件技术峰会上，阿里巴巴中间件技术部专家唐三带来“阿里电商架构演变之路”的演讲，本文从阿里业务和技术架构开始引入，分别分享了阿里电商从1.0到4.0架构的演变之路，着重分析了分布式和异地多活的改变之路。 2. WebVR开发教程 — 深度剖析 https://zhuanlan.zhihu.com/p/28324884 最近WebVR API 1.1已经发布，2.0草案也在拟定中，在我看来，WebVR走向大众浏览器是早晚的事情了，今天本人将对WebVR开发环境和开发流程进行深入介绍。 3. deeplearn.js：浏览器端机器智能框架 http://www.infoq.com/cn/news/2017/08/deeplear

2017-08-14

阿里云前端周刊 - 第 19 期

高性能 MobX 模式（part 3）- 用例教程 https://zhuanlan.zhihu.com/p/28199184 前面两部分把重点放在了 MobX 基础模块的构建上。

2017-08-07

阿里云前端周刊 - 第 18 期

推荐 1. 深入浅出 React 高阶组件 https://zhuanlan.zhihu.com/p/28138664 由高阶函数引申高阶组件，高阶组件是接受 React 组件作为输入，输出一个新的 React 组件的组件，本文介绍了在 React 工程中如何编写和使用高阶组件，以及结合 Decorator 的一些实践。 2. 高性能 MobX 模式（part 2）- 响应变化 https://zhuanlan.zhihu.com/p/28082321 MobX 可以保证，无论何时你的响应式数据发生了变化，相应的依赖于 observable 的属性会自动同步更新。这意味着你现在可以专注于响应变化和处理变化带来的副作用，而不需要为数据的同步操心，让我们深入一下，看看有哪些方式可以让你处理副作用。 3. 原子设计方法论 https://zhuanla

2017-08-06

前端开发常见问题精选（一）

一、如何在元素自身及其父级宽高不确定的情况下让元素水平和垂直方向上居中？这个问题最常见的就是让文字在浏览器窗口中水平和垂直方向居中了，因为文字的宽度和高度均不确定，浏览器窗口的宽高我们也不知道，那这个问题该如何解决呢？ 1、50%定位+translate居中法 html,body{ height: 100%;} .text{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} 2、Flexbox居中法 html,body{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} /*注意这里得写宽度属性*/ 3、Flexbox+margin居中法 html,body{ display: flex; width: 100%; height: 100%;} /*注意这里得写宽度属性*/ .text{ margin: auto;} 其实，关于CSS中的居中方法在我之前的纯CSS七大居中方法这篇文章中已经列举出来了，只不过符合问题中不定宽高条件的只有以上三种方法。二、Date()对象时间参数格式问题这个问题说大不大，说小也不小，怕就怕遇到问题时纠结半天都找不到根结所在。举个例子吧~~ var date = new Date("2017-08-04 08:00"); document.write(date); 这段代码在页面上的输出结果是什么？正常来说应该输出的是标准时间格式： Fri Aug 04 2017 08:00:00 GMT+0800 然而，经过本人测试发现，IE下全军覆没，IE8及其以下浏览器输出NaN，IE8以上浏览器输出Invalid Date ，IOS系统下的所有浏览器也均输出Invalid Date。那此类问题该如何解决呢？很简单，将时间参数改为 2017/08/04 08:00 这样的格式就好啦！三、IOS系统中动态生成的html元素绑定点击事件失效问题如何解决？我们先来谈谈如何给动态生成的html元素绑定点击事件。在jquery早期版本中我们可以使用bind()来实现，然而后面建议我们改用on()来实现同样效果，具体用法如下： $(document).on('click','需要绑定事件的元素',function(){}); 例如： $(document).on('click','#btn',function(){ alert('你点击了这个按钮！'); }); $('body').prepend('<div id="btn">按钮</div>'); 以上方法其实就已经解决了绑定点击事件问题，但是在IOS系统下我们需要注意一个问题，那就是在非a标签的元素中可能仍然会存在点击事件失效的问题，这时的解决方案就是给该元素的CSS中加上cursor: pointer这个属性。四、IOS系统中overflow: auto滑动不流畅如何解决？又来一个IOS下的坑！我们制作手机H5的时候，有时候可能需要模拟页面默认的滚动条，这时我们可以使用overflow: auto就很轻松的解决了这个问题，但是却发现在IOS系统中添加了overflow: auto的元素并不能像默认长页面滑动那么流畅，我们手指停止滑动时，页面并不会随着惯性继续滚动一段距离，而是直接停止。其实该问题解决也很简单，直接在该元素上继续添加一个CSS属性-webkit-overflow-scrolling : touch就好。五、如何使用纯CSS实现单行和多行文本溢出省略？ 1、单行文本溢出省略 .ellipsis{ overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} 2、多行文本溢出省略 /*-webkit-line-clamp属性是用来限制行数的，本例是限制两行*/ .mul-ellipsis{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} 看到-webkit-前缀，你就应该知道该方法只适用于移动端，PC端若要实现同样效果的话，额。。貌似只有在后端限制文字字数效果更好了吧。六、如何解决元素高度从0变为auto时过渡效果无效的问题？我们可以使用CSS3中的transition属性来实现过渡效果，但是只能对数值有效而对于像auto这样的属性值是无效的，所以若想要实现元素高度从0逐渐变化为auto的效果，可以使用max-height属性来替代height。以上是我在工作当中所遇到的一些问题总结，在此与大家共勉！

2017-08-05

使用Docker搭建前端Java开发环境

解决思路利用docker启动Ubuntu镜像，在容器中搭建好项目需要的开发环境，使用挂载卷将本地代码挂载到容器中，使用容器中的环境编译运行代码，宿主机通过 docker 暴漏出的端口访问容器中的服务，这样前端的开发机上就只需要部署

2017-07-31

热点推荐：2015前端生态发展回顾

观念的变化由于近几年前端的野蛮生长以及前端应用的多元化和复杂化，整个技术形态已经跟几年前纯做页面的时代完全迥异了。

2017-07-31

阿里云前端周刊 - 第 17 期

推荐 1. Styled-Components 实战 http://www.ruanyifeng.com/blog/2017/07/neural-network.html Styled-Components 是由 Max Stoiber 与 Glen Maddern 创建的新的 CSS-in-JS 工具库，能够帮你组织 React 或者 React Native 项目中的样式声明。本文则着眼于介绍 Styled-Components 的设计理念与基本用法，首先介绍了 Styled-Components 的设计目标，然后介绍了如何使用 Styled-Components 来创建可复用的组件或者创建全局样式声明。 2. React Redux 概念与工作流清单 https://github.com/uanders/react-redux-che

2017-07-26

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。