基于Nuclear的Web组件-Todo的十一种写法
刀耕火种 {代码...} {代码...} 这种书写方式依赖延续了jQuery时代的思维方式: js里查找dom js里绑定事件 在以前的文章里写过,如果不使用组件化编程,js里查找dom以及在js里绑定事件可能会带来如下问题: 浪费带宽 用户反馈无响应 脚本错误 页面短暂错乱 上面的书写方式粗暴、原始、落后,即:刀耕火种。 石器锄耕 {代...
2016-05-16
2015年开源前端框架盘点TOP20
2015年已经过去了,作为一个前端开发者,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些项目能够越来越好,帮助到更多的前端开发者们。此榜单根据github上star数作为排名依据,一个人力量有限,如果收集有遗漏欢迎补充。(榜单中大部分为组件式框架, react、Angular等基础框架不在此篇讨...
2016 SFDC 杭州开发者大会,一场属于开发者的技术盛宴
SFDC 北京 Security 大会刚刚结束,我们又马上迎来了 SegmentFault 2016 年终盛宴——SFDC 杭州开发者大会。即将于 12 月 10 日举行的杭州开发者大会将分别从前端、移动端、服务端三个方向,关注开发、项目实践和技术创新,探索问题本质和核心,分享各领域众多优秀的实践和思维。
谈一谈移动端1px的问题
最近一个月都在准备校招,所以没什么时间写博客。今天想写的问题来自于网易一面的时候,面试官问我如何在移动端的页面上画一条1px的线。这个问题我模糊地记得之前看过相关文章,但是我清楚地记得当时自己脑子一片空白。是的,一面挂了,但是这个问题一直在我回来的路上不断想起,所以今天我就要解决这个问题,来看看有什...
高级函数技巧-函数防抖与节流
在实际开发中,函数一定是最实用最频繁的一部分,无论是以函数为核心的函数式编程,还是更多人选择的面向对象式的编程,都会有函数的身影,所以对函数进行深入的研究是非常有必要的。
Share and Find 系列之淘宝 UED 专场 —— 你最爱的前端插件 / 前端开发工具
今天我们「Share and Find 系列之淘宝 UED 专场」在淘宝城 4 号楼顺利地举行。本着“做不一样的沙龙,Share and Find,让每个人都能有所收获”的初衷,下午的分享分为两个重量级的演讲和六个简单的圆桌演讲,接下来我们就详细回顾一下今天的分享内容,都是关于前端插件 / 前端开发工具的,有质量的东西很多哦~
2014-08-03
一分钟搞定AlloyTouch图片轮播组件
轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹。除了一般的竖向滚动,AlloyTouch也可以支持横向滚动,甚至任何属性的运动,因为它的设计的本质就是属性无关,触摸可以反馈到任何属性的运动。所以AlloyTouch制作各种各样的轮播组件还是得心应手。
2016-12-09
为eject后的create-react-app配置ESLint
项目一开始使用的是create-react-app创建的,配置的ESLint是用的AlloyTeam的eslint-config-alloy/react, 默认配置已经很合理了,并且每条配置都有相应的说明,只需要再根据个人喜好修改一些rule即可,我个人修改的.eslintrc.json配置如下
揭开在线协作的神秘面纱 - OT算法
在线文档,抽象一下,这些产品的模式都是富文本编辑器+后台,富文本编辑器产生内容,展示内容,然后后台负责保存。富文本编辑器现在业界已经有很多成熟的产品,像codeMirror,这一块本身也是很复杂的一块,也不是咱们这次关注的重点方向。不知道大家平常在用这些产品的时候有没有思考过一个问题,在线文档编辑的时候产生...
css伪类和伪元素的学习
CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information that lies outside the document tree.
实现跨域通信(跨文档消息传输)的几种方法(crossMessageEvent.js)
该方法的浏览器支持情况:E8+, FF3+, Chrome, Safari,且在IE下,msg参数必须是string,不能是object.由此可见,我们只要考虑IE6,IE7下的跨域实现。
前端代码风格
文件名 均采用小写方式, 以中划线分隔, 如有复数结构时,采用复数命名法 目录名:scripts,styles,images,data-models 文件名: example.js retina-sprites.css Javascript 注释 何时使用 难于理解的代码段 可能存在错误的代码段 浏览器特殊的HACK代码 想吐槽的产品逻辑, 合作同事 业务逻辑强相关的代码 {代码...} 语法 ...
2016-12-07
修改文件后浏览器自动刷新解决方案
我们在双屏开发的时候,经常是在Mac屏幕上写代码,然后在扩展屏幕上放着浏览器。一般写几行代码,就会去刷新一下浏览器,看看代码运行是否正常。可是把鼠标从两个屏幕滑来滑去,很麻烦,特别是在写CSS的时候,如果能跨屏刷新就很棒了。
面试之前,简历之上:给前端校招同学的简历建议
前言:作为前端面试官老司机,之前分享过我对前端校招面试的一些见解,这次来说下简历。早就想写这个,刚好最近又刷了一批秋招提前批,看多了简历,心有所感,闲聊几句,希望对大家参加前端校招有所帮助吧!一家之言,仅供参考~
节后综合症,程序员们应该去哪里摸(充)鱼(电)呢?
拼拼凑凑的小长假,大家是堵在了高速上呢?还是在景点看过了人山和人海呢? 我们收集了一系列国内外顶尖互联网公司的技术博客,假期放松结束,也别忘了充充电! 国内技术博客列表 腾讯游戏 DBA 团队 [链接] 腾讯互娱游戏 DBA 团队一直致力于为游戏提供稳定、高效的 DB 运营服务。现有的 MySQL 社区版已经不能满足快速发...
图片处理不用愁,给你十个小帮手
本文阿宝哥会为小伙伴们隆重介绍用于图片处理的十个 “小帮手”,他们各个身怀绝技,拥有模糊、压缩、裁剪、旋转、合成、比对等技能。相信认识他们之后,你将能够轻松应对大多数的图片处理场景。
图片处理好用的工具库
下面列举的图片处理库拥有模糊、压缩、裁剪、旋转、合成、比对等技能。能满足我们基本使用图片的操作。你将学习到:如何区分图片的类型(非文件后缀名);如何获取图片的尺寸(非右键查看图片信息);如何预览本地图片(非图片阅读器);如何实现图片压缩(非图片压缩工具);如何操作位图像素数据(非 PS 等图片处理软...