SVG 优化探索
在前端开发中或多或少都有用到 SVG,本篇文章就来总结下如何在前端项目中使用 SVG,每种使用方式的优缺点分析,以及对 SVG 的一些优化探索。
Fiddler调试技巧
Fiddler是个很强大的抓包代理工具,它在远程调试、模拟请求等方面都提供了强大的功能支持。下面将列出一些在我工作中使用到的比较实用的技巧。
rollup配置及使用
业务线长期的积累产生了许许多多重复性的工具方法,业务功能模块等, 我们正好可以用 rollup 构建一个 npm 私服工具包,便于后期业务使用,减少重复性的代码编写。
问:browserify 处理后的 JS 文件,加载的时候,里面的包是异步加载的吗?
但是这套方案是同步的,require 进一个模块后再使用,服务器端的文件读写速度允许这样做,但是浏览器端的网速是有限制的,我们不能直接把符合CommonJS 的包拿来用,于是从 CommonJS 规范中分离出了 AMD 异步规范,require.js 是这个规范的实现,异步加载模块;
javascript之深浅拷贝
为何写: 最近在研究深浅拷贝,找了很多资料,感觉不是很满意,所以自己就整理了一份。废话不多说,我们来一起复习一下吧,也希望留下您宝贵意见。 何为深浅拷贝? {代码...} 1.浅拷贝: 我们先来看2个栗子: {代码...} {代码...} 从栗子中可以看出: a和b指向同一块内存,所以修改其中任意的值,另一个值都会随之变化,...
前端十大学习网站,排名前十
阿里巴巴淘宝前端团队网站,一群崇尚极客精神的人正在用技术为体验提供无限可能。在这里,可以涉及“无线”、“全栈”、“工程”、“安全”、“架构”等多方面的技术。
小程序同构方案kbone分析与适配
在微信小程序的开发的过程中,我们会存在小程序和 H5页面共存的场景,而让小程序原生和web h5独立开发,往往会遇到需要两套人力去维护。对开发者而言,加大了工作量成本,对于产品而言,容易出现展示形态同步不及时问题。在这种情况下,我们急需要找到一个既能平衡性能,也能满足快速迭代的方案。
TypeScript中高级应用与最佳实践
原文:TypeScript中高级应用与最佳实践 | AlloyTeam作者:TAT.haoyue 当我们讨论TypeScript时,我们在讨论什么? TypeScript的定位 JavaScript的超集 编译期行为 不引入额外开销 不改变运行时行为 始终与 ESMAScript 语言标准一致 (stage 3语法) TypeScript中的Decorator较为特殊,为Angular团队和TypeScript团队交易的...
JS进阶篇--JS函数节流(throttle)
介绍前,先说下背景。在前端开发中,有时会为页面绑定resize事件,或者为一个页面元素绑定拖拽事件(其核心就是绑定mousemove),这种事件有一个特点,就是用户不必特地捣乱,他在一个正常的操作中,都有可能在一个短的时间内触发非常多次事件绑定程序。而大家知道,DOM操作时很消耗性能的,这个时候,如果你为这些事件...
[资源整理]关于前端设计的那些博客儿~
HTML 和 CSS 基本都粗略地学过一遍了,接下来无非就是不断地练习总结(自内而外),以及阅读他人的博客(自外而内)了,因此利用今晚的时间,稍微整理一下我经常关注的博客/网站等。
2015-08-27
Omi原理-环境搭建
Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integration)工具,也可和其他代码编辑器一起使用。这个测试工具的一个强大特性就是,它可以监控(Watch)文件的变化,然后自行执行。但是集成到travis ci要把singleRun设置成true...
IT,互联网,科技,技术博客网站推荐
科技博客很多,但质量高的不多,发现质量高的,但又记不住,所以索性把它们都记下来。 米扑博客,深耕写博客近十年,总结了许多好博客,主要偏向互联网、科技资讯、技术分享 本文原文,来自于米扑博客分享:IT,互联网,科技,技术博客网站推荐 国内科技博客 极客公园 PingWest 爱范儿 36Kr 月光博客 米扑博客 虎嗅网 雷...
2道面试题:输入URL按回车&HTTP2
通过几轮面试,我发现真正那种问答的技术面,写一堆项目真不如去刷技术文章作用大,因此刷了一段时间的博客和掘金,整理下曾经被问到的2道面试题 从浏览器输入URL按回车到页面显示都发生了什么 说说你了解的HTTP/2 讲真,这2个问题笔者都没有试验过,纯粹整理其他文章成“可以用来答面试”的格式,如有错误欢迎指正。 从浏...
2017-05-03
css relayout repaint导致ios下的bug
近日在做移动端web时发现一个问题就是在ios中如果动画元素使用了left top值时在微信易信客户端中不能使用系统的复制文本功能了。纠结了许久,后来在大神的提醒下,了解到是因为css的repaint导致的。改用了css3的translate以后就OK了, 查了一下资料,发现有以下的一些知识点,现在贴出来,有需要的人可以看看。参考资料...
2015-10-22
更新版-梳理前端开发使用eslint和prettier来检查和格式化代码问题
在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的,这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。
答:在前端开发一些独立的项目时,如何建模,还是大脑想好思路就开写代码,有用到UML么?
设计模式 设计模式有很多,如何设计取决于你理解并熟知哪些设计模式以及更重要的是项目的需求。 AlloyTeam曾写过Javascript的17种设计模式实践。 可以看看《Javascript设计模式》这本书。 使用框架,每个框架都包含了本身优势的设计模式,使用它就可以一定程度上决定你的系统设计,但前提仍然是熟悉它,否则毫无益处。 ...
梳理前端开发使用eslint-prettier检查和格式化代码
在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的,这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。