Web
文章平均质量分 95
会飞的Pikachu
前端开发手册:https://github.com/dwqs/fedHandlebook
展开
-
Python初学者的17个技巧
交换变量x = 6y = 5x, y = y, xprint x>>> 5print y>>> 6if 语句在行内print "Hello" if True else "World">>> Hello连接下面的最后一种方式在绑定两个不同类型的对象时显得很酷。nfc = ["Packers", "49ers"]afc = ["Ravens", "Patriots"]print nfc翻译 2015-05-14 08:31:23 · 1334 阅读 · 0 评论 -
设计出色响应式网站的十个技巧
移动技术并没有渐退的迹象,反而对于个人和企业去建立门户网站,必须考虑移动用户已经变成了趋势。对于那些在不同设备上看起来很酷、功能十分有效的正在发展中的网站,响应式设计仍保持实践性。作为一个Web设计师,也会尝试用各种各样的网页设计技术。如果响应式设计趋势让你印象深刻,并且也打算用响应式设计深入研究网站创新,那么你已经来到了初学者的门口。这里,已经包含了10个关于设计一个完美的响应式网站的很酷的建议。翻译 2015-05-26 09:42:22 · 2270 阅读 · 3 评论 -
Python优雅技巧
枚举不要这么做:i = 0 for item in iterable: print i, item i += 1而是这样:for i, item in enumerate(iterable): print i, itemEnumerate可以接受第二个参数,例如:>>> list(enumerate('abc')) [(0, 'a'), (1, 'b'), (2, '翻译 2015-06-13 09:36:51 · 1493 阅读 · 0 评论 -
18个网站优化技巧
快速的页面加载对提升搜索引擎排名、网站转化率和整体的用户体验是非常重要的。网站页面的加载速度也是衡量网站性能的一个重要因素。如果网站不是以最好的性能在运行,迟缓的加载会让你在低的排名和搜索流量上花费更大的代价。页面的加载速度会对用户的行为和转化率产生很大的影响。那么?有哪些简单的方式可以优化加载速度呢?1、图片优化首先,你需要优化你网站上的图片,来获得丝毫加速网站的机会。从原图上移除额外的注解、不必翻译 2015-08-15 20:21:26 · 1617 阅读 · 0 评论 -
详解前端模块化工具-Webpack
React自发布以来吸引了越来越多的开发者,React开发和模块管理的主流工具webpack也被大家所熟知。那么webpack有哪些优势,可以成为最主流的React开发工具呢?webpack是什么CommonJS和AMD是用于JavaScript模块管理的两大规范,前者定义的是模块的同步加载,主要用于NodeJS;而后者则是异步加载,通过requirejs等工具适用于前端。随着npm成为主流的Jav原创 2015-11-09 14:58:47 · 4356 阅读 · 3 评论 -
Front-end Developer Handbook
Read Online: Front-end Developer Handbook原创 2015-10-28 23:47:48 · 2339 阅读 · 2 评论 -
React:组件的生命周期
在组件的整个生命周期中,随着该组件的props或者state发生改变,其DOM表现也会有相应的变化。一个组件就是一个状态机,对于特定地输入,它总返回一致的输出。一个React组件的生命周期分为三个部分:实例化、存在期和销毁时。实例化当组件在客户端被实例化,第一次被创建时,以下方法依次被调用:1、getDefaultProps 2、getInitialState 3、componentWillMo原创 2015-11-24 11:24:41 · 2078 阅读 · 0 评论 -
简洁轻便的博客平台: Hexo详解
什么是HexoHexo 是一个简单地、轻量地、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github和Heroku上,引用Hexo作者 @tommy351 的话: 快速、简单且功能强大的 Node.js 博客框架。 A fast, simple & powerful blog framework, powered by Node.js.GitHub Pages是什么?G原创 2015-11-24 11:29:24 · 3920 阅读 · 2 评论 -
浅说Flux开发
浅说Flux开发前段时间,写了篇关于React的文件:React:组件的生命周期,比较详细的说了下React组件的生命周期。说道 React,很容易可以联想到 Flux。今天以 React 介绍及实践教程 一文中的demo为示例,简单说说 Flux 的开发方式。Flux是什么Flux 是 Facebook 用户建立客户端 Web 应用的前端架构, 它通过利用一个单向的数据流补充了 React 的组合原创 2016-01-17 13:25:53 · 1605 阅读 · 0 评论 -
关于Redux的一些总结(一):Action & 中间件 & 异步
在浅说Flux开发中,简单介绍了Flux及其开发方式。Flux可以说是一个框架,其有本身的 Dispatcher 接口供开发者;也可以说是一种数据流单向控制的架构设计,围绕单向数据流的核心,其定义了一套行为规范,如下图:Redux的设计就继承了Flux的架构,并将其完善,提供了多个API供开发者调用。借着react-redux,可以很好的与React结合,开发组件化程度极高的现代Web应用。本文是笔原创 2016-08-26 10:42:23 · 11815 阅读 · 0 评论 -
Responsive Design常用的媒体查询
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl翻译 2015-04-30 15:59:30 · 1071 阅读 · 0 评论 -
15个必须知道的chrome开发者技巧
在Web开发者中,Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能,使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能,如使用console和debugger在线编辑CSS。在这篇文章中,我们将分享15个有助于改进你的开发流程的技巧。一、快速切换文件如果你使用过sublime text,那么你可能不习惯没有Go to anything这个功能的覆盖。你会很高兴听到chrome开发者功能也有这个功能,当DevTools被打开的时候,按Ctrl+翻译 2015-04-12 12:43:14 · 1306 阅读 · 0 评论 -
响应式菜单制作
看看效果:PC端:QQ截图20150327215831移动端:QQ截图20150327215915一、HTML<div id="demo"> <span class="icon-menu" id="icon"></span> <ul class="nav"> <li>首页</li> <li>前端开发 <ul class="submenu">原创 2015-03-31 13:33:52 · 1234 阅读 · 0 评论 -
献给那些前端学习迷茫的人 -----前端开发必备的11项技能!!!
你也许会觉得前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入其中时,一定会发现好像前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头烂额, 确实,做前端开发就是先易后难,想成为一个优秀的前端开发,没有那么简单。 不过,天下事难则不会,会则不难,你只需要掌握11项技能就可以成为前端“大拿”,下面,就告诉你这11项技能是什么?以及每项技能的要点,最后是相关的专业图书。原创 2014-06-05 17:35:55 · 5912 阅读 · 5 评论 -
如何利用WordPress创建自定义注册表单插件
来源:http://www.ido321.com/1031.html原文:Creating a Custom WordPress Registration Form Plugin译文:创建一个定制的WordPress插件注册表单译者:dwqs开门见山,WordPress提供了一个自定义的注册表单供新用户使用,或者当添加一个新用户到已经存在的WordPress站点。但是如果你想实现一个自定义的注册表单而没有显示WordPress仪表盘的选项呢?在这篇文章中,我们将学会怎么使用标签模板和短代翻译 2014-10-17 09:16:13 · 5995 阅读 · 2 评论 -
博客测试:博客系统i94web beta1.0 请求测试
最近博客没怎么更新了,因为一直在撸代码,自己写了一个小小的博客系统:i94web,匆忙发布beta1.0,请求各位测试各种漏洞。先看几张截图。首页:边栏:文章页:后台发布:测试地址:http://www.ido321.com/i94web/匆忙发布测试,不足之处请谅解。同时谢谢大家的测试和提供的漏洞。下一篇:select的option异常的总结原创 2014-11-13 17:55:14 · 1202 阅读 · 0 评论 -
响应式下的下拉菜单
原文:Convert a Menu to a Dropdown for Small Screens译文:转换菜单为下拉式来适应小屏幕译者:dwqsFive Simple Steps (ps:称FSS)网站有一个优雅的响应式设计的特点,当浏览器窗口的变小时,右上角的菜单从规则的一行转换成一个下拉菜单。(PS:原文写于2011年,FSS网站的设计已经改变,具体可以参考原文的截图。) HTML两种菜单的HTML代码是不同的,因为到目前为止,你不能把<select>和<option>的样式设翻译 2014-12-17 17:47:58 · 1770 阅读 · 2 评论 -
从vue-cli源码学习如何写模板
vue-cli 是 vuejs 官方提供的基于 vuejs 的项目脚手架工具, 可以很快的帮助 vuejs 开发者搭建一个 startup 项目, 免去环境配置的繁琐, 开箱即用. 今天就来看下 vue-cli 的实现. vue-cli 的版本是 2.8.2vue-initvue init 是基于第三方模板生成项目的命令. 先看下其整体流程:首先, vue cli 获取到输入的参数:# vue原创 2017-07-26 13:47:31 · 1773 阅读 · 0 评论