1 天前 / TinyKing
如何用Angular 6创建各种动画效果介绍就技术角度而言，动画可以被定义为从初始状态到最终状态的转换过程。如今它已是各种Web应用不可或缺的组成部分。通过动画，我们不仅能创建出各种酷炫的UI，同时它们也能增加应用程序的趣味性。因此，设计精美的动画在吸引用户眼球的同时，也增强了他们的浏览体验。 Angular能够让我们创建出具有原生表现效果的动画。我们将通过本文学习到如何使用Angular 6来创建各种动画效果。 准备工作安装vs code和 Angular cli。 源代码https://stackblitz.com/edit/tk-angular-animations-01 理解Angular动画的不同状......
2 天前 / 江米小枣tonylua
原文： https://blog.bitsrc.io/lazy-loading-react-components-with-react-lazy-and-suspense-f05c4cfde10c 虽然在 React 16.8.1 中终于面世的 hooks 引人瞩目，但在去年发布的 16.6.0 版本里也包含了一个吸引人的新特性，可以让我们在不依赖第三方库的情况下简化对延迟加载（lazy loading）的处理。 让我们看看如何借助这个特性改善应用性能，并构建更好的用户体验。 按照过往的经验，在构建组件的时候，将其用类似 Bit 的工具归纳起来是很有用的 -- 可以分享你的组件并在任意应用中使用之，以加速开发并保持 DRY 原则。 React.lazy() 是什......
2 天前 / Jartto
网站优化是前端开发的重中之重，但是优化细节却十分繁杂。没有好的思路，优化很难高效的开展。本文将以实际网站来做参考，手把手教你如何一步步做好网站优化。这不是一篇 基础网站优化 文章，继续下文前，请确定已经做了如下基本优化：1.图片压缩、合并2.代码精简、混淆3.减少 iframe 使用4.避免图片 src 为空5.减少 HTTP 请求数6.避免重定向7.样式表放页头，脚本放底部… 一、优化的意义我们可以从两个角度来看这个问题：1.用户角度网站优化能够让页面加载得更快，响应更加及时，极大提升用户体验。 2.服务商角度优化会减少页面资源请求数，减小......
2 天前 / 杨轩帅
快应用是移动互联网新型应用生态，与手机系统深度整合，为用户提供更加场景化的体验。具备传统 APP 完整的应用体验，但无需安装、即点即用。快应用是基于手机硬件平台的新型应用形态，由国内十大手机厂商基于硬件平台共同推出，其标准是由主流手机厂商组成的快应用联盟联合制定。这里总结了目前各大厂商目前支持的机型覆盖、场景覆盖、框架版本以及覆盖设备，将会持续更新。 更新于 2019 年 2 月 18 日。 机型覆盖序号厂商快应用支持机型1华为使用华为应用市场8.0.3以上版本支持2金立Andorid 5.0以上机型均支持3小米MIUI8.5以上4魅族Flyme6.3.0.0......
3 天前 / Fundebug
“本文主要梳理一下vue代码的目录，以及vue代码构建流程，旨在对vue源码整体有一个认知，有助于后续对源码的阅读。” 01 — 目录结构 上图是对vue的代码的所有目录进行的梳理，其中源码位于src目录下，下面对src下的目录进行介绍。 compiler 该目录是编译相关的代码，即将 template 模板转化成 render 函数的代码。 vue 提供了 render 函数，render 函数作用是用来创建 VNode，但在平时开发中，绝大多数情况下使用 template 来创建 HTML，所以需要将 template模板编译成 render 函数。 编译工作既可以在代码构建时做，也可以在客......
3 天前 / heartEngine
近日，Redux 作者Dan Abramov(@dan_abramov)发 Twitter 表示: 我们更新了发给前端工程师候选人的措辞，以更好地反映该角色在 Facebook 的面试过程。希望能帮助大家准备面试！ 我们一起来看看具体的内容叭。 我们将尽量保持实用性，并关注你在构建应用时可能遇到的问题。我们不会要求你从头写一个排序算法，但我们希望你了解进行 JavaScript 对象和数组操作时相关的性能。你得能找出并修复代码瓶颈，并解释你所做的权衡。 我们不会要求你实现红黑树之类的模糊数据结构，但这能帮你总结概括 UI 工程化中常见的数据结构，如数组(arrays), 映射(maps......
3 天前 / 六小登登
喜欢我的都关注我了从 13 年专科毕业开始，一路跌跌撞撞走了很多弯路，做过餐厅服务员，进过工厂干过流水线，做过客服，干过电话销售可以说经历相当的“丰富”。 最后的机缘巧合下，走上了前端开发之路，作为一个非计算机专业且低学历的人来说，自学编程其实不是件容易的事情，不过庆幸的是自己坚持下来了。 目前工作还算不错，收入在目前所在的城市不算高，不算低，生活也还过得去，继续加油努力，也希望自己在今后更上一层。 从 16 年下半年开始，我真正接触前端，到现在 2 年多的时间。开始之初，我没有任何的语言基础，完全从零的小白开始，......
4 天前 / openio
必须要承认的是，2.x 的 TS 支持显然跟 React 和 Angular 是有差距的，这也是为什么 3.0 要加强这一块。 关于目前 2.x 跟 TS 的整合，通常需要基于 vue-class-component 来用基于 class 的组件书写方式。虽然对于默认的对象书写方式有类型推导支持，但里面的实现绕了很多弯。问题的本质其实很简单：因为当初 API 的设计根本就没有考虑类型系统。 Vue 五年半以前刚开始写的时候 JS 根本没有类型系统，我自己当时也不用带类型的语言，所以 Vue 的组件本质上就是一个 “包含了描述组件选项的对象”。这个设计算是一个典型的 intuition based design......
4 天前 / heartEngine
写文章NodeJS express框架核心原理全揭秘林伟伟没有看了二遍还不懂的书，如果有，那就看四遍17 人赞了该文章介绍express框架大家都已经都很熟悉，是NodeJS最流行的轻量web开发框架。他简单易用，却功能强大。最近一个月来一直反复研究调试express框架，深究其源码不觉为之惊叹，不论是原理与代码都非常简单，很容易理解也很受用，觉得有必要写个文章分享一下。本系列分2部分全面介绍express。上篇讲express框架主要原理和重要的组成部分，下篇是利用这些原理从零开发一个express框架（覆盖主要功能）；一篇理论一篇实战演练配合完全深入掌握express......
7 天前 / 秦小风啊
京东PLUS会员项目是国内第一个电商付费会员项目，正式开通的会员数量已破千万。我团队从2016年接手这个项目的前端开发工作，一路见证了它的高速成长，也为此贡献了自己的力量。 这个项目有几个特点： 第一，需求多。移动端使用 H5 开发，曾有人问为什么不用原生或者 RN 开发 我觉得吧，以这个项目的需求数量和迭代速度来看，连 H5 都难以 hold 的住，还是不要奢望原生和 RN 了。 第二，产品经理多。一般的项目对接一两个产品经理，这个项目我们需要对接一个异地的产品经理“团队”；一般的项目换产品经理一个一个的换，这个项目一批一批的换……......
7 天前 / heartEngine
React 16.7-alpha中新增了新功能：`Hooks`。总结他的功能就是：让`FunctionalComponent`具有`ClassComponent`的功能。```jsimport React, { useState, useEffect } from 'react'function FunComp(props) {const [data, setData] = useState('initialState')function handleChange(e) {setData(e.target.value)}useEffect(() => {subscribeToSomething()return () => {unSubscribeToSomething()}})return (
8 天前 / sergiojune
现在的爬虫越来越难了，不再和之前的那样，随便抓个包就可以找到相关的 url ，然后 post 一下或者 get 一下数据就出来了。还有一个可能就是可能你以前用来学习的爬虫网站太简单了，还没有看见过那些猛的。上两周我就想弄弄知乎登陆，参数的加密算是把 js 代码扣出来了，但是只能在浏览器上运行，一换到 Python 执行就各种报错，你不会 JavaScript 就什么都调不了，所以二话不说，开启了新的大陆。那就开始吧！ 1. JavaScript 介绍 JavaScript 是运行在 客户端的语言，和你们说的 Java 是很不一样的， Java 通常用于服务器端的。但......
9 天前 / 冷星1024
首发于与时舒卷写文章Vuex、Flux、Redux、Redux-saga、Dva、MobXjnoodle三观正，格调高667 人赞了该文章这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前，大家要始终记得一句话：一切前端概念，都是纸老虎。不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个组件的状态，都是共享状态。 父子组件之间，兄弟组件之间共享状态，往往需要写很多没有必要的代码，比如把状态提升到父组件里，或者给兄弟组件写一个父组件，听......