FED123前端学堂

24小时更新:0篇     一周更新:1篇最新发布

认真学习快乐工作

如何成为一个好的team leader

chalecao 发布于 2018-08-13

我是一名普普通通的前端工程师,自学前端,之前在网易带过一年团队,后来转到阿里做技术开发。其实我来阿里一半是为了学习技术,一半是为了学习管理。 作为技术宅,我并不善于交流与表达,不善于打理人际关系。总觉得世事繁杂,不喜欢那种阿谀奉承、阴奉阳违的人;不喜欢那种只做表面功夫爱表现,实质...

阅读(14)评论(0)赞 (0)

认真学习快乐工作

工作,是一种艺术

chalecao 发布于 2018-07-16

smile lovely! 笑,具有感染力。它是通过声音,温暖你我他。这是一种自然的,潜在的,内心中最简单、最纯洁的交流方式。 如果你是发自内心的笑,表达那种欢乐愉快的心情,你会发现你旁边的人会跟着你笑。但如果你是假笑,敷衍奉承的笑,那么就没有一点味道,反而会透露出每个人的品性。...

阅读(37)评论(0)赞 (0)

脚本语言|必杀技

chrome dev远程调试android 和ios

3

chalecao 发布于 2018-07-16

调试是开发过程很重要的过程,而随着移动端的普及,移动开发也越来越多,并且由于移动端的诸多限制,使得调试相对PC复杂很多。因此远程调试就显得非常重要了。 近几年,浏览器厂商也纷纷推出自己的远程调试工具,比如Opera Mobile 推出的Opera Dragonfly,iOS Sa...

阅读(208)评论(0)赞 (0)

Javascript|Nodejs

~(按位非), &(与), |(或)以及^(异或)的二进制使用

chalecao 发布于 2018-07-11

基础知识: &:与(x&y)两二进制上下比较只有位值都为1时才取1,否则取0 例如:14&15  (14  二进制  1110 15 二进制         1111 &与的结果          1110  —-》结果14) |:与(...

阅读(64)评论(0)赞 (0)

认真学习快乐工作

区块链算什么革命?

chalecao 发布于 2018-07-09

现在很多言论都宣称加密货币和区块链技术能改变一切(至少能创造财富)。当然也有相当多的言论说这些都是骗局,无用、危险的技术。而作为大部分的吃瓜群众,我们仍然不知所措。主要的问题争执点在于这两种言论说的并不是同样的事情。 事实是并不只区块链这一种技术备受争议,而是三种。这三种技术应用...

阅读(42)评论(0)赞 (0)

认真学习快乐工作

页面秒开优化用户体验

2

chalecao 发布于 2018-07-02

用户体验 这里说的是用户体验,当然不单指页面秒开,还应该包含人机交互响应的内容。简单介绍下Google I/O在2016开发者大会提出的RAIL原则。RAIL Response 我们必须在100ms以内对用户的输入做出响应,否则用户会感到延迟。这适用于任何输入,不管他们是在单击按...

阅读(108)评论(0)赞 (1)

Javascript|Nodejs

函数式编程处理IF块

chalecao 发布于 2018-06-25

曾几何时,经常有人问我,“如果让你用函数式编程来实现X,该怎么做?”我比较喜欢这类的问题。我尽最大能力思考这类有趣的问题。本篇文章,我用一种更加函数式的方式来实现优雅处理IF函数块的问题。下面的代码有一个if块,但是没有else。 // A basic redux-thunk a...

阅读(153)评论(0)赞 (0)

Javascript|Nodejs

程序语言进阶之DSL与AST实战解析

12

chalecao 发布于 2018-05-13

程序语言进阶之DSL与AST实战解析 课程地址: http://t.cn/R3XoQJA GIT代码: https://github.com/chalecao/parse_css_in_js 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t.c...

阅读(368)评论(0)赞 (1)

认真学习快乐工作

ios9的bug

chalecao 发布于 2018-05-08

forEach遇到NodeList 注意在ios9中,如果使用document.querySelectorAll,那么返回的是一个NodeList,这个是不可以用foreach语句的,会报错,导致后面脚本阻断。ios10及其以上可以的 分析原因: 使用babel并不会对forEa...

阅读(394)评论(0)赞 (1)

认真学习快乐工作

如何降低前端开发的复杂度

2

chalecao 发布于 2018-04-28

优秀的程序员总是能优雅的组织自己的代码,清晰的编写思路,合理的组织结构划分,从小的功能组件,到大的模块结构,都能通过合理的巧妙的搭配,不仅能化复杂为简单,更能提升代码运行效率,提高代码的可维护性。我们作为前端开发,都应该具有这样的能力。 那么如何才能降低业务开发的复杂度呢? 细分...

阅读(283)评论(0)赞 (1)

HTML5|CSS3

奇技淫巧

2

chalecao 发布于 2018-04-12

定制间隔线 需要上面这样一条虚线,怎么搞? 方法一: border-top: 1px dashed #eee; 方法二: //基于渐变 .dash { height: 1px; background-image: linear-gradient(90deg, #eee 0%, #...

阅读(410)评论(0)赞 (1)

HTML5|CSS3

css基线与行高关系

18

chalecao 发布于 2018-04-09

一、基本概念 1、基线、底线、顶线、中线 注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。 2、内容区 内容区是指底线和顶线包裹的区域(行内元素display:inline;可以通过background-color属性显示出来),实际中不一定看...

阅读(334)评论(0)赞 (0)

认真学习快乐工作

曾经基于canvas实现的飞机大战

4

chalecao 发布于 2018-04-07

首先看几张效果图: 上面三张图分别对应游戏的三种状态 ready,play,pause。体验一下 先介绍一下canvas 画图的原理,在这个游戏中的背景,飞机,子弹以及飞机被击中爆炸的效果都是一张张的图片,通过canvas的 drawImage() 函数把这一帧需要的所有图片按其...

阅读(329)评论(0)赞 (0)

HTML5|CSS3

基于rem方案实现自适应布局

6

chalecao 发布于 2018-04-03

rem是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃...

阅读(311)评论(0)赞 (0)

认真学习快乐工作

前端工程师自学面试找工作必备知识

1

chalecao 发布于 2018-03-26

前端工程师自学面试找工作必备知识 视频课程链接地址:http://t.cn/RnWsTgB 限时优惠:免费课程 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t.cn/REeKJp0 《前端函数式编程FP易学易用》:http://t.cn/RE...

阅读(597)评论(0)赞 (5)

脚本语言|必杀技

如何编写vscode extension插件

chalecao 发布于 2018-03-16

vscode extension vscode用了好久了,说真心话,真的好用。除了有几次更新,有许多bug,现在已经比较完善了。大家都注意到vscode 有个插件的功能,可以安装扩展。那么自己想写个vscode extension插件 怎么写呢? 官方教程:https://cod...

阅读(327)评论(0)赞 (1)

Javascript|Nodejs

ES6黑科技之 … 拆箱与装箱

chalecao 发布于 2018-03-15

你用过 … 吗? 没用过的话,你太low了。 const test = (...args)=>{ } 你肯定写过这种代码,这个比较简单,就是对不定长入参的封装,args是一个数组,入参个数就是args的长度。 名词解释 用…把数据拼在一起 称为装箱,...

阅读(429)评论(0)赞 (1)

Javascript|Nodejs

前端模块化打包新行情2

chalecao 发布于 2018-03-13

关于前端打包技术行情,参考我的上一篇文章:前端打包技术行情 模块化开发仍是前端开发的主要开发方式,但是打包和以往不同了。以往的模块化开发,往往是大家熟知的基于第三方框架做的模块化,比如AMD和CMD等,都需要借助第三方模块加载器。打包的过程也是分析文件依赖,比如把依赖超过4次的文...

阅读(339)评论(0)赞 (2)

Javascript|Nodejs

script标签的defer与async

1

chalecao 发布于 2018-03-13

javascript知识点 <script src="script.js"></script>没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素...

阅读(319)评论(0)赞 (2)

脚本语言|必杀技

最简单的gitbook写作方法,让你的github项目星星飞起来

chalecao 发布于 2018-03-08

现在流行在github写文章,赞星星。最简单的gitbook写作方法,让你的github项目星星飞起来 gitbook安装 1. 安装npm 从网站 https://nodejs.org/#download 下载node.js源代码(点击绿色的INSTALL),解压 ./conf...

阅读(298)评论(0)赞 (1)

脚本语言|必杀技

window 10疑难杂症

chalecao 发布于 2018-03-08

用作为当前目录的以上路径启动了 CMD.EXE。 UNC 路径不受支持。默认值设为 Windows 目录。 出现的原因: 估计是因为在 网络路径 下所致,如果在普通目录下就没这种问题。 解决方法: 在注册表中,添加一个值即可.路径如下: HKEY_CURRENT_USER\Sof...

阅读(322)评论(0)赞 (1)

Javascript|Nodejs

判断内容区域是否滚动到底部

chalecao 发布于 2018-03-07

逻辑 判断内容滚动到底需要知道的信息 内容区域的真实高度(也就是滚动区域) 滚动条距离顶部的位置 内容区域的可见高度 分别对应下面的三个API。 element.scrollHeight 获取元素内容高度,,,【只读属性】 element.scrollTop 可以获取或者设置元素...

阅读(317)评论(0)赞 (1)

认真学习快乐工作

前端自己用NodeJS编写区块链BlockChain

1

chalecao 发布于 2018-03-06

前端自己用NodeJS编写区块链BlockChain 视频课程链接地址:http://t.cn/REeoF7v Github地址:https://github.com/chalecao/blockchain-in-nodejs 前端进阶系列课程 《用JavaScript自己写MV...

阅读(597)评论(0)赞 (2)

Javascript|Nodejs

canvas图片处理与动画

12

chalecao 发布于 2018-03-05

canvas绘制圆角图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </he...

阅读(365)评论(0)赞 (2)

认真学习快乐工作

前端函数式编程FP易学易用

1

chalecao 发布于 2018-03-03

前端函数式编程FP易学易用 课程地址: http://t.cn/REeKVSk GIT代码: https://github.com/chalecao/fp 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t.cn/REeKJp0 《前端函数式编程...

阅读(502)评论(0)赞 (2)

认真学习快乐工作

Chrome开始集成图形识别 API(Shape Detection API)

chalecao 发布于 2018-02-24

最近,Chrome团队尝试在Chrome中集成了一套与图形识别相关的API,使得图形识别这种以前只在原生应用中存在,或者在浏览器上,要借助其他难用的外部库才能实现的功能,现在只要少量代码即可实现。这些API包括人脸识别,条形码/二维码识别和文本识别,基本上覆盖了当前互联网应用的大...

阅读(347)评论(0)赞 (1)

脚本语言|必杀技

chrome插件开发

2

chalecao 发布于 2018-02-22

chrome扩展程序开发经验的资源,一些开发技巧总结

阅读(430)评论(0)赞 (1)

Javascript|Nodejs

函数式编程的理解与应用

5

chalecao 发布于 2018-01-20

年底业务需要做大改版,正好这个机会把我负责的源码页面做了个大升级,不仅升级了业务架构,主要还是细分了模块和组件,优化了LESS分级结构,让代码看的更清爽,就是这样。 我最近制作了一套函数式编程视频教程:《前端函数式编程易学易用》:http://study.163.com/cour...

阅读(488)评论(0)赞 (1)

Javascript|Nodejs

IMMUTABLE 详解

2

chalecao 发布于 2018-01-20

有人说 Immutable 可以给 React 应用带来数十倍的提升,也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明,因为同期 React 太火,它的光芒被掩盖了。这些至少说明 Immutable 是很有价值的,同时我也明白了Object.assi...

阅读(379)评论(0)赞 (0)

认真学习快乐工作

用JavaScript自己写MVVM前端框架

8

chalecao 发布于 2018-01-08

用JavaScript自己写MVVM前端框架 课程地址: http://t.cn/REeKJp0 Github代码: https://github.com/chalecao/virtualdom 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t...

阅读(906)评论(0)赞 (1)

认真学习快乐工作

每日一击:z-index与translateZ

1

chalecao 发布于 2018-01-03

我们在写样式的时候,经常会用到 transform: translate3d(0px, 0px, 0px),据说这个还能开启浏览器动画硬件加速。但是你知道吗,这里面包含了一个坑,那就是translate3d(0px, 0px, 0px) 实际上包含了translateZ: 0px...

阅读(465)评论(0)赞 (0)

脚本语言|必杀技

阿里云FTP-坑爹

2

chalecao 发布于 2017-12-22

阿里云FTP:“服务器发回了不可路由的地址。使用服务器地址代替。” 安装FTP 新买的阿里云(ubuntu)默认是没有安装 vsftpd的 1.首先确定自己使用的是什么操作系统 使用命令 $ uname -a MINGW32_NT-10.0-WOW DESKTOP-GPC21HG...

阅读(537)评论(0)赞 (0)

Javascript|Nodejs

JavaScript函数式编程

chalecao 发布于 2017-12-21

转载,原文:https://zhuanlan.zhihu.com/p/21714695 一、引言 说到函数式编程,大家可能第一印象都是学院派的那些晦涩难懂的代码,充满了一大堆抽象的不知所云的符号,似乎只有大学里的计算机教授才会使用这些东西。在曾经的某个时代可能确实如此,但是近年来...

阅读(495)评论(0)赞 (0)

脚本语言|必杀技

nginx反向代理配置

chalecao 发布于 2017-12-19

location location = / { # 精确匹配 / ,主机名后面不能带任何字符串 [ configuration A ] }   location / { # 因为所有的地址都以 / 开头,所以这条规则将匹配到所有请求 # 但是正则和最长字符串会优先匹配 [ con...

阅读(537)评论(0)赞 (0)

HTML5|CSS3

H5页面秒开-套路1

chalecao 发布于 2017-12-13

随着移动设备性能不断增强,web 页面的性能体验逐渐变得可以接受,又因为 web 开发模式的诸多好处(跨平台,动态更新,减体积,无限扩展),APP 客户端里出现越来越多内嵌 web 页面(为了配上当前流行的说法,以下把所有网页都称为 H5 页面,虽然可能跟 H5 没关系),很多 ...

阅读(473)评论(0)赞 (1)

Javascript|Nodejs

那用gulp+Babel来搭建ES6环境

2

chalecao 发布于 2017-12-05

那至于怎么使用gulp构建工具这一问题这里就略过咯(可以参考我之前发过的有关gulp的文章进行学习)。 在讲如何使用gulp来搭建ES6环境之前,先来介绍一下一个有用的插件——gulp-load-plugins(模块化管理插件)。 当然,下面这里其实也是可以跳过的啦。就当普及知识...

阅读(464)评论(2)赞 (1)

认真学习快乐工作

如何提升网页用户体验

3

chalecao 发布于 2017-11-15

“Slow” 改变DOM结构会使网页变慢? 在<head>中加载script? JavaScript 动画要比CSS3动画效率低? 20ms的操作算不算慢呢? 0.5s? 10s呢? “慢”是指什么? 不同的操作需要花费不同的时间来完成,如果离开上下文环境背景很难客观...

阅读(531)评论(0)赞 (2)

Javascript|Nodejs

前端开发测试工具mocha-in-browser

1

chalecao 发布于 2017-10-23

mocha-in-browser mocha in browser which can auto load test cases from user config file and can also provide useful test util methods。 GIT: h...

阅读(653)评论(0)赞 (1)

Javascript|Nodejs

需要了解的前端架构

1

chalecao 发布于 2017-10-22

未经允许不得转载:前端学堂fed123(Frontend education) » 需要了解的前端架构

阅读(725)评论(0)赞 (1)

脚本语言|必杀技

Docker与nodejs系列教程

1

chalecao 发布于 2017-10-21

基础入门 MAC安装docker: http://www.fed123.com/2017/10/21/mac-anzhuang-docker/ 阿里云ECS Docker搭建WEB:http://www.fed123.com/2017/10/21/aliyunecs-docker...

阅读(817)评论(0)赞 (1)

< Blog