html

切图崽的自我修养－使用自动化工具

前言F5已烂想来大家对自动化构建工具已经不陌生了，自动化构建工具可以帮开发者省去很多重复劳动比如:语法纠错、文件打包、文件操作，合并压缩等等. 常用的自动化构建工具有Gulp,Grunt,Fis等等，这些构建工具核心都是依赖第三方插件，通过颗粒化任务，再将这些任务按照合适的方式进行组合，构建项目所需的自动化工作流常用插件这里来简单来说明一下Grunt的最常用的几个插件:gr
业界 2016年07月14日

又被事件冒泡坑了一把，这次要彻底弄懂浏览器的事件流

打算封装一个弹窗组件，做的时候忘记了考虑事件冒泡的因素，结果被坑得不要不要的。为了解决自己的问题，去查阅了不少资料，把事件流相关的知识都给总结一下。事件冒泡：一个简单，但是坑了我无数回的知识点！JavaScript与HTML的交互通过事件来实现。而浏览器的事件流是一个非常重要的概念。不去讨论那些古老的浏览器有事件捕获与事件冒泡的争议，只需要知道在DOM2中规定的事件流包括了
业界 2016年07月13日

我是如何对待写静态页这项工作的

什么是静态页传送门文章起因最近负责公司商家后台项目的前端业务，可惜只是写静态页，不用写任何JS代码，作为一名新时代的FE，一开始我是拒绝的，我怎么能做这么low的事呢？前端必须要高大上啊！什么Angular、React搞起来啊！毕竟我们招聘JD上面也有相应的技能树要求的嘛。不就是让你切个图嘛~说了这么多，到底能不能做？所以有了这篇文章。磨刀不误砍柴工开工之前先了解一下需求有
业界 2016年07月13日

那是我夕阳下的奔跑 -篇1

Eileen Chang’s ‘Half a Lifelong Romance’ Gets an English-Language TranslationThe Chinese Author’s Story Set in 1930s Shanghai Is One of Her Most Beloved NovelsIt took 46 years, but at long
业界 2016年07月13日

Svg初学总结

原来使用js插件来画图highchart.js,发现还是用svg实现的，打算学习了解一下，以下都是可直接在html插入。支持浏览器：Internet Explorer9，火狐，谷歌Chrome，Opera和Safari什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式
业界 2016年07月13日

自由职业者的自我修养

自由职业是一个令人向往的的职业。如何成为自由职业者？自由职业的种类有很多， 自由撰稿人，网络作家， 自媒体，微商， 淘宝店， 个人站长， 懂技术的还可以自己接活，猪八戒上面有很多这种任务， 开源中国还开发了一个众包平台， 如果英语过硬的话还可以上国外的网站接活，有名的freelancer.com‎，同类型的还有很多。相信只要你有这个想法，找到一个符合自身特点的自由职业并不是
职场攻略 2016年07月13日

拥抱 JSX，它是一个伟大的尝试

原文： http://eyasweb.com/react 带来了新的语法，JSX。是一个看起来像XML的JavaScript语法扩展。有些同学因为不喜欢或不习惯JSX语法，而拒绝学习React。有人觉得JSX看起来太怪异了，但是我觉得JSX是一个伟大的尝试，是科学进步的表现，我们不应该对他有任何偏见。我们从渲染的历史角度解释一下JSX的前瞻性渲染的历史html 与脚本混合在
业界 2016年07月13日

<img> 标签 图片加载失败时候处理方案

应用场景 在开发中，经常遇到一种情况，数据库不存在图片地址，或者存在图片地址，但图片已经被删除，这个时候会出现加载失败情况。提供以下解决方案 解决方案 在 img 标签 加上onerror="onerror=null;src='123.jpg'" ,即当图片加载失败时会自动加载123.jpg ，例如 关键字：html, JavaScript
业界 2016年07月13日

CSS不常用属性---Tips2背景

backgrounddiv{ background: red url(img.png) no-repeat scroll left top/100% border-box content-box;}对应的属性全称[background-color][background-image][background-repeat][background-attachment][
业界 2016年07月08日

纯CSS实现扁平化风格开关按钮

开关样式预览图css代码部分input[type=checkbox] {visibility: hidden;}.checkbox {width: 120px;height: 30px;background: # FFF;margin: 1px 1px;border-radius: 10px;position: relative;}.checkbox:before {con
业界 2016年07月08日
加载更多