Invictus Blog

Don't be evil

FE training

前端培训课程

前端培训课程 本次课程主要的目的是让大家能够了解前端的基本组成和一些前端的基本知识。 众所周知,前端是有三部分组成:HTML,CSS,JavaScript,三者的关系可以用比较通俗的方式来理解: HTML可以理解为一只小鸟的骨架,CSS可以理解为小鸟各种五彩缤纷的皮肤,而JS就是让小鸟飞起来的一些特性。下面来对这三个部分进行展开: HTML HTML的英文全称是 Hypertext...

FE training

前端培训

前端培训 前端演进史 1.远古时代 天地初开,还没有出现前后端之分,仅有 设计 和 研发 两种角色: 设计师根据需求产出高保真的原型图。 研发根据需求和原型图来编写对应的业务逻辑和页面。 在 Web 1.0 的时代,大部分的 B/S 系统都采用的是 集中式架构,分为标准的三层(MVC): 数据访问层:封装对数据库的访问。 服务层:用于业务逻辑的处理。 ...

mobile compatible

移动前端兼容实践

IOS click事件300ms延迟问题 这个起因是由于区分单击和双击的历史原因造成的。 解决方案: 引入fastclick 触摸事件的响应顺序为 touchstart –> touchmove –> touchend –> click,也可以通过绑定ontouchstart事件,加快对事件的响应 Android4.4以下图片无法使用base64 1p...

learn You Don't Know JS: Types & Grammar

你不知道的JavaScript学习-类型和语法

你不知道的JavaScript学习-类型和语法 类型 大多数开发者都认为JS是没有类型的,或者不像Java那样有强制类型(静态类型),但是在日常开发中,强制类型转换我们几乎都能遇到,正确的认识JS的类型,对我们处理这些头疼的问题有很大的帮助。 1.内置类型 JS有七种内置类型: null undefined boolean number string obj...

Weex Flutter Hybrid

聊一聊Weex Flutter Hybrid

聊一聊Weex Flutter Hybrid 前言 随着移动互联网的兴起,移动端被各类原生应用所占据,而这些应用依托于应用市场进行更新,每次更新,必须依赖用户的主动更新,从而造成了一定的用户成本,不利于产品的快速迭代,在这个时间就是金钱,效率至上的时代,而且现在很多互联网公司都在搞敏捷开发,这显然是不符合大家的目标。因此移动端动态化方案也逐渐走进大众的视野,并被广泛关注。 说道这里要顺...

Virtual Dom

浅析Virtual Dom

浅析Virtual Dom 1.思考 从我自己的经历说起,最开始是做Android开发,接触前端是从React开始的,没用经历过像JS,JQuery等这种传统的前端技术,不过也庆幸没有经历兼容IE6的痛苦(逃。写多了React,Vue这种目前比较流行的前端框架就觉得MVVM,双向数据绑定,高性能Virtual Dom这些技术是理所当然的,直到面试的时候被问的哑口无言才下定决心要好好学习这...

Understanding browser default styles

理解浏览器默认样式

理解浏览器默认样式   不同浏览器的默认样式多少有些区别,特别是老版本的浏览器之间,现在高级浏览器越来越向统一的标准靠拢,虽然有些许差异,但是绝大部分还是相同的。 1 html, address, 2 blockquote, 3 body, dd, div, 4 dl, dt, fieldset, form, 5 frame, frameset, 6 h1, h2...

javascript Deep Copy

javascript深度拷贝对象

#javascript深度拷贝对象 在代码复用模式里面有一种叫做“复制属性模式”(copying properties pattern)。谈到代码复用的时候,很有可能想到的是代码的继承性(inheritance),但重要的是要记住其最终目标——我们要复用代码。继承性只是实现代码复用的一种手段,而不是唯一的方法。复制属性也是一种复用模式,它跟继承性是有所不同的。这种模式中,对象将从另外一个在对...

Some commands from Git

Git的一些命令

Git的一些命令 最近项目中引入了Git,由于成员较多,在Git的使用中也遇到了一些问题,所以根据项目总结了几个Git命令: 查看分支最后一次提交者: git for-each-ref --format='%(committerdate) %09 %(authorname) %09 %(refname)' | sort -k5n -k2M -k3n -k4n 查看分支还没合并之前第一次提交者...

JavaScript preload images

JavaScript图片预加载详解

Javascript图片预加载详解 Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》,分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。 预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并...