记一次pvuv与vConsole在IE上的打架

记一次pvuv与vConsole在IE上的打架

这周在开发一个答题测评需求,只有一个页面,很开心地写完了,然后一顿自测,各种浏览器安卓端IOS端,然后IE又没有让人失望地报错了,整个页面出不来。
移动端页面分享快照生成总结

移动端页面分享快照生成总结

在活动页面中生成一张分享图片(带用户专属二维码的),引导用户分享传播。
移动端弹窗输入密码的那些事

移动端弹窗输入密码的那些事

在移动端浏览器的新股认购页面里面让用户输入交易密码。
移动端页面滚动position:fixed;踩坑实记

移动端页面滚动position:fixed;踩坑实记

这次接到了校招页面的需求,主要在移动端传播。
【译】复选框和切换按钮的7个使用案例

【译】复选框和切换按钮的7个使用案例

在表单设计时,恰当的使用合适的控件也是一项挑战。
如何与NPM package-lock.json愉快地玩耍

如何与NPM package-lock.json愉快地玩耍

最近我们前端代码打包正在接入Gitlab CI,使用Docker来作为Executor,也就是在Docker中进行前端代码打包,然后收集打包结果,以备发布时使用。
【译】如何专业的构建Vue组件

【译】如何专业的构建Vue组件

Vue遵循模型-视图-视图-模型系统。
记一次企业微信webview bug排查

记一次企业微信webview bug排查

炸锅了:企业微信中点击课程没反应,报不了名!
【译】使用SVG动画书法

【译】使用SVG动画书法

stroke作用于fill属性的svg动画。
移动端开发调试技巧

移动端开发调试技巧

正所谓磨刀不误砍柴工,一个好的调试工具对效率的提升无疑是事半功倍的。
【译】如何让CSS动画更自然

【译】如何让CSS动画更自然

设计师负责设计,程序员负责编码。他们间互不干涉。
MySQL 表与索引设计攻略

MySQL 表与索引设计攻略

MySQL 是基于二维表而实现的许多关系型数据库之一。
【译】JavaScript中的“this”是什么?

【译】JavaScript中的“this”是什么?

如果你用Javascript库构建东西,你可能会注意到一个特定的关键字`this`.
【译】CSS Grid布局的秘密

【译】CSS Grid布局的秘密

深入研究css grid布局规范,来揭示你可能错过的一些功能-以及一些即将推出的功能。
docker 初探

docker 初探

最近搞了几个域名,想着玩一下。碰到了`CoreOS`然后就扒出了docker。
FDCON 2018前端千人峰会参会体验

FDCON 2018前端千人峰会参会体验

第三届FDCON 2018前端千人峰会于2018年5月19日在上海兴荣温德姆酒店举行。
【译】移动设计最佳实践

【译】移动设计最佳实践

这里有7个用户体验设计的技巧,我认为这些技巧是创造优秀的移动用户体验的关键。
Webpack4+ 多入口程序构建

Webpack4+ 多入口程序构建

那这里来说说,webpack4+构建上的一些事吧。
大前端分享总结

大前端分享总结

确切的说,算是对当前js(ECMAScript)能力的概括。
git merge 和 git rebase

git merge 和 git rebase

就来讲一讲 `git merge` 和 `git rebase` 的差别和在实际中的使用。
面向对象设计原则之单一职责原则和接口隔离原则

面向对象设计原则之单一职责原则和接口隔离原则

单一职责原则(Single Responsibility Principle,SRP)
面向对象设计原则之开闭原则

面向对象设计原则之开闭原则

开闭原则(Open-Closed Principle,OCP)
面向对象设计原则之里氏代换原则

面向对象设计原则之里氏代换原则

里氏代换原则(Liskov Substitution Principle,LSP)
面向对象设计原则之依赖倒置原则

面向对象设计原则之依赖倒置原则

依赖反转原则(Dependency inversion principle,DIP)
【译】CSS Grid重构Medium的文章布局

【译】CSS Grid重构Medium的文章布局

当人们想起CSS Grid的时候,想到的通常是图片网格布局和全屏页面。
面向对象设计原则之迪米特原则

面向对象设计原则之迪米特原则

通过引入一个合理的第三者来降低现有对象之间的耦合度。
面向对象设计原则之合成复用原则

面向对象设计原则之合成复用原则

合成/聚合复用原则或者合成复用原则(Composition/Aggregate Reuse Principle,CARP)
http缓存

http缓存

Web缓存是指一个Web资源(如html页面,图片,js,数据等)存在于Web服务器和客户端(浏览器)之间的副本。
微信小游戏开发总结

微信小游戏开发总结

小游戏是小程序的一个类目,小游戏是微信开放给小程序的更多的能力,让小程序开发者有了开发游戏的能力。
【译】Vue 中的方法,计算和侦听者

【译】Vue 中的方法,计算和侦听者

工作中我喜欢用Vue的原因之一就是因为方法,计算属性和侦听者非常有用,并且他们之前差异的可读性很好。
HTTP代理模式应用简介

HTTP代理模式应用简介

要理解HTTP代理,首先需要理解什么是“代理”?
【译】使用puppeteer进行截图对比测试

【译】使用puppeteer进行截图对比测试

Puppeteer可以非常容易地获取屏幕截图.
HTTP文件断点续传理论

HTTP文件断点续传理论

大家都有在网上下载文件的经历。文件下载到一半时,如果发生网络中断。
【译】display:content; 的工作方式

【译】display:content; 的工作方式

通过CSS的display属性,我们可以控制元素及其子元素在页面绘制时的表现。
【译】如何手写 SVG

【译】如何手写 SVG

只要很少的几行代码你就可以拥有你的自定义图标,而且你还很清楚每个图标是怎么组合出来的。
设备方向检测和加速传感器的运用

设备方向检测和加速传感器的运用

HTML5的Device API中提供了几个DOM事件,可以获得设备的物理方向及运动的信息。这些数据来源于设备上的陀螺仪、加速度传感器以及指南针等。
HTTP常用工具——Chrome DevTools与Fiddler 4使用介绍

HTTP常用工具——Chrome DevTools与Fiddler 4使用介绍

Chrome DevTools和Fiddler应该都不会陌生。在日常的开发调试中经常会使用到。
【译】Css流式布局

【译】Css流式布局

流式布局在前端发展中出现好几年了。然而流式排版的概念还比较新,尚未得到充分的探索。
HTTP报文首部格式简介

HTTP报文首部格式简介

HTTP属于应用层协议,HTTP传输的信息被称为HTTP报文。
HTTP常见状态码学习

HTTP常见状态码学习

HTTP状态码(英语:HTTP Status Code)是用以表示网页服务器 超文本传输协议响应状态的3位数字代码。
【译】使用chrome dev tool的代码覆盖率功能

【译】使用chrome dev tool的代码覆盖率功能

这是一个令人兴奋的特性,在使用javascript css时非常有用,所以我认为我可以做一个快速演示,来探索它是如何有用的。
HTTP协议的前世今生

HTTP协议的前世今生

今日就让我来为你讲述HTTP协议的前世今生传奇吧。
vue组件之间的数据传递

vue组件之间的数据传递

在组件之间数据传递遇到了问题,所以做了这次总结,如有不对的地方,望指正。
【译】ES6开发过程中的7个小技巧

【译】ES6开发过程中的7个小技巧

在2018年码JavaScript其实是件非常有趣的事情。
正则表达式RegExp.prototype.test方法使用不当笔记

正则表达式RegExp.prototype.test方法使用不当笔记

遇到了`RegExp.prototype.test`方法使用不当的问题。
【译】如何做好错误提示

【译】如何做好错误提示

没有什么系统是不会出错的。
【译】对外提供API时做this的绑定

【译】对外提供API时做this的绑定

这里,一般对象框架时不会提的。也就是说,对象API不会去表现对象内部的实现机制
使用a标签href实现拨打电话bug修复笔记

使用a标签href实现拨打电话bug修复笔记

就是点击页面上的按钮,然后进行拨打电话。
简单讨论 querySelectorAll Vs getElementsByTagName 区别

简单讨论 querySelectorAll Vs getElementsByTagName 区别

虽然表面上看没有很大区别,但是往往现实却并非如此。
富途2018 web前端招聘

富途2018 web前端招聘

国内领先的独角兽级别的港美股券商,也是大陆唯一一家同时持港股和美股牌照的券商。
直播理论与实践

直播理论与实践

直播在互联网中已经成为一个必不可少的东西,作为了一家互联公司直播当然也少不了了,目前直播在牛牛软件中主要功能是教育跟宣传作用。
浮点数计算引发的血泪史——以此为戒

浮点数计算引发的血泪史——以此为戒

最近遇到很头疼的一件事,比较2个浮点数的大小,可能想想应该很简单。
【译】vue 自定义指令的魅力

【译】vue 自定义指令的魅力

在你初次接触一个新的Javascript框架时,会像第一次进糖果店的孩子一样。
移动端字体放大问题的研究

移动端字体放大问题的研究

很多webview提供了调整页面字体大小的功能
touchstart与click不得不说的故事

touchstart与click不得不说的故事

最近给公司做了个自适应的的费用介绍页,主要是关于收费标准的调整,老板表示很重视,适用人群也很多,所以也反馈得到几个不常遇到的问题。
简单权限控制-8421法则

简单权限控制-8421法则

在系统开发过程中,最常见的一个需求就是权限控制了。
【译】Node.js之HTTP/2服务器推送

【译】Node.js之HTTP/2服务器推送

Node.js v8.4+版本发布带来了体验版的HTTP/2
【译】你需要知道的有关Node.js Error对象的变化

【译】你需要知道的有关Node.js Error对象的变化

变化来自Node.js运行时抛出的错误。
【译】澄清对AMP的十个误解

【译】澄清对AMP的十个误解

AMP 是一套开源的 web 组件格式和类库。
【译】在Promise回调之间传值的方法

【译】在Promise回调之间传值的方法

在基于 Promise 编写的代码中,经常会有很多回调函数,它们都有各自的变量作用域。
处理 Crocodile(NodeJs 脚手架)内存泄露经验小结

处理 Crocodile(NodeJs 脚手架)内存泄露经验小结

Crocodile 是基于 koa2,集成了常用中间件,适用于富途 web 项目的接入层框架。
HTTPS自建CA及自签名证书不完全指南(实战篇)

HTTPS自建CA及自签名证书不完全指南(实战篇)

我们讲解了HTTPS自建CA及自签名证书相关的一些理论知识。本文将使用OpenSSL进行实战。
小马的大前端之路——Node.js初探

小马的大前端之路——Node.js初探

很荣幸在经历了2个月的努力,第一个Node.js项目落地了
HTTPS自建CA及自签名证书不完全指南(理论篇)

HTTPS自建CA及自签名证书不完全指南(理论篇)

HTTPS 全称 HTTP over SSL,即工作于SSL层之上的HTTP协议。
【译】passive 事件监听

【译】passive 事件监听

对于web,尤其是移动设备上的web来说,流畅的滚动性能会直接决定用户体验。
xhr/jsonp请求之abort详解

xhr/jsonp请求之abort详解

前端开发中向后端发起xhr(`XMLHttpRequest`)请求(代表性的就是熟悉的`ajax`)是再正常不过的事。
【译】4种javascript的内存泄露及避免方法

【译】4种javascript的内存泄露及避免方法

内存泄漏是每个开发者最终必须面对的问题。
【译】Node.js之对象流(Stream)权威指南

【译】Node.js之对象流(Stream)权威指南

Node.js的`Srtream`具有强大的功能:你可以使用异步的方式处理输入和输出,可以根据所依赖的步骤来对数据进行转换。
【译】7个处理javascript的`undefined`的tips

【译】7个处理javascript的`undefined`的tips

在8年前,我刚开始学习javascript时,让我觉得有点奇怪的是,`undefined`和`null`同样代表空值。
【译】CSS动画 vs Web动画API

【译】CSS动画 vs Web动画API

web动画API为开发者们提供了一个直接用JavaScript操作浏览器动画引擎的方法。
【译】使用async/await玩函数式编程

【译】使用async/await玩函数式编程

在JavaScript的内置数组函数封装为`async`异步函数时遇到的一些陷阱以及如何解决它
【译】nginx是如何处理请求的

【译】nginx是如何处理请求的

Nginx首先需要确定由哪个`server`来处理请求。
【译】使用CSS Grid替换Bootstrap布局

【译】使用CSS Grid替换Bootstrap布局

Grid,它是一个二维的网页布局系统,允许开发者在浏览器中创建内部布局图案。
【译】异步迭代器及生成器

【译】异步迭代器及生成器

异步迭代器和常规迭代器的工作方式非常相似。
【译】rem和em,可能你并不需要它们

【译】rem和em,可能你并不需要它们

每当要定义页面上元素的尺寸时,别人都说你应该使用 `em` 或 `rem` ,而不是`px`。
【译】下一代CSS--CSS自定义属性(CSS变量)使用

【译】下一代CSS--CSS自定义属性(CSS变量)使用

今日,在web开发中使用css预处理器已经成为一种标准。预处理器其中最大的优势就是可以让开发者自定属性。
某个程序员眼中的用户体验设计

某个程序员眼中的用户体验设计

在公司的图书角找到了一本漂亮,纸质很好的书。
ThreeJS四步制作一个简易魔方

ThreeJS四步制作一个简易魔方

魔方的外型很简单,就是由一些小正方体组成的一个大正方体而已。
富途证券WEB前端团队招募令

富途证券WEB前端团队招募令

2016年,我们web前端团队在装逼路上已经初露锋芒,今年打算把你招过来,然后在这条装逼之路上继续装逼。
分享会直播第十弹之年末双重分享

分享会直播第十弹之年末双重分享

2016年就剩最后一天了!!!你2016的小(f)小(l)目(a)标(g)都实现了吗
分享会直播第九弹之tcp协议

分享会直播第九弹之tcp协议

这次分享的主题是tcp协议,说到tcp协议,大家首先想到的肯定是其“三次握手”和“四次挥手”的连接建立和断开机制。
分享会直播第八弹之天哥与css的故事

分享会直播第八弹之天哥与css的故事

很高兴能在富途前端前行的道路上留下自己的足迹。
分享会直播第七弹之迟到的幸福

分享会直播第七弹之迟到的幸福

最近,总是在感慨时光流转飞快,转眼加入富途已经整整六个月,也很庆幸能加入这样一个温(dou)暖(bi)的团队中。
分享美食季2-披萨季

分享美食季2-披萨季

好激动,好兴奋,又是一周的分享(吃货期盼的日子)。
分享美食季

分享美食季

又是一周的分享,是不是听起来会有些干嚼技术的感觉,如果你这么认为的话,那你就错了,哈哈😆
DNS 响应报文详解

DNS 响应报文详解

从DNS服务器的角度来解释,如何自己创建响应报文返回给客户端。
记一次分享的收获

记一次分享的收获

在写这段文字之前,我不断的和自己说,下次不要装逼了,下次不要装逼了,下次不要装逼了......(懂的自然懂)
DNS 请求报文详解

DNS 请求报文详解

DNS目的就是把对应服务器IP给客户端。最后客户端与服务器通信就没DNS什么事了。
分享会直播之双十一狂欢勿忘学习

分享会直播之双十一狂欢勿忘学习

居然又选在了这样一个特殊的日子里前端分享,由于小编上周身体比较蓝瘦香菇,所以就错过了上周的分享,深感遗憾。
分享会直播第二弹之仓促的分享

分享会直播第二弹之仓促的分享

直播??录播??在上一篇的首趴中有单纯的童鞋评论求直播地址,想说,当各位在看到本文时,就是在看直播啦,(被骗了?不怪我...)
文件hash作为静态资源版本组件的改进-gulp-rev-hash3

文件hash作为静态资源版本组件的改进-gulp-rev-hash3

为了解决项目中js,css等静态资源的缓存,会在指定的js,css标签后加上hash值作为版本号
关于通过H5页面唤起Native客户端的介绍

关于通过H5页面唤起Native客户端的介绍

目前通过H5页面唤起native App的场景十分常见,比如常见的分享功能。
分享会直播首趴之不能把天聊死

分享会直播首趴之不能把天聊死

所谓分享是快乐的前提。作为富途FE团队的GG&MM们,为何如此欢乐祥和,最重要的是我们有着一种高贵的品质,那就是sharing精神。
写在前面的简介

写在前面的简介

截止到今天,我刚好入职FUTU一年半的时间,收获满满,一句话也说不清楚,写在前面的一堆话主要是想介绍下目前我们的前端团队的小伙伴们,当然都是我眼里的他们。
如何使用web录制视频

如何使用web录制视频

最近在某个需求的评审会上,产品同学脑洞大开,提出了使用web录制视频的想法。
如何搭建Express和Mongoose

如何搭建Express和Mongoose

express是一个高度包容,快速,极简的nodeJs应用程序框架。