SVG初体验

引言借鉴出处此基础教程主要来源于w3c school svg,慢慢地发现mdn svg是更好的进阶资料,以后的主要研究围绕它展开.因为忙于工作上的事情, 所以这篇文章前前后后花了很长时间, 一把鼻涕一把泪, 虽然说不是很难.正文SVG简介之前一直久闻SVG大名,但一直没机会,这几天趁有空的时候初体验了几把,尝尝鲜.Scalable Vector Graphics是一门基于X

前端JSer装逼手册

在装逼成本越来越高的JS圈,是时候充值一下了 ———— 题记§ 开发Macbook Pro是标配,美其名曰“提高开发体验”什么?你还在用Spotlight?赶紧给我换Alfred! 编辑器,Sublime / Atom / VS Code 三选一虽然很想用IDE,但一定要忍住,并且与人解释道:“启动速度慢,消耗资源多,不适合我这种完美主义者如果不是为了美观,我宁愿使用 V

VS Code 快捷键

快捷键 说明 ctrl+shift+k 删除当前行 ctrl+del 删除光标右侧的所有字 ctrl+shift+f 格式化代码 ctrl+d 选中下一个匹配项 ctrl+enter 在当前行下边插入一行 ctrl+shift+enter 在当前行上方插入一行 shift+alt+up/down 向上/向下复制一行 alt+up/down 上/下移动一行 Home/End

用nodejs做网站 - 3

开始之前我先介绍几款工具,这几款工具会在接下来用到。他们会帮我们处理很多无聊的操作。nodemonhttp://nodemon.io/Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. Perfect for

一些css小问题

块级元素,引用百度百科块级元素特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度。④它可以容纳内联元素和其他块元素行级元素,引用百度百科块级元素特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是它的文字或图片的宽度,不可改变④内联元素只能容纳文本或者其他内联元素(‘缺省’我也不知道是什

atom和phpcs

php的编码规范虽然没有像javascript那样集中,有eslint这样的统一标准(见我的这篇文章),但也是有规律可循的。最简单的莫过于直接使用phplint,但是phplint真的实在太弱了,所以目前业界比较流行的是使用PHP CodeSniffer,简称phpcs。phpcs只是一个代码规范工具,它里面的规则,还是要看你到底开发的是什么类型的项目。在代码规范方面,没有

css中的那些布局

因为最近心血来潮,就总结了一下css中的几种常见的多列布局。两列自适应布局两列自适应布局算是css布局里面最基础的一种布局了,不少网站在使用。这种布局通常是左侧固定,右边自适应,当然也有反过来的,道理一样,这里有好几种方法。 (张鑫旭老师的博客是左边流式布局,右边固定宽度)左浮动+margin 因为浮动会导致元素脱离文档流,所以下面的元素会占据浮动元素原来的位置。 这个时

React快速进阶

上一篇文章,React入门 大致了解了, 如何基本的使用组件和更新组件. 现在,我们来点新的~属性验证React针对于props 专门提供了两种属性验证, 来保证组件的可复用性~ propTypes和defaultProps. propTypes用来设置属性是否必须, 类型等. defaultProps就是用来设置属性的默认值.class Search extends Co

推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库

推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库0. 引言如果你是一个游戏开发者,并且正在寻找一个可以与 JavaScript 和 HTML5 无缝工作的游戏引擎。那么在这里你会找到你需要的东西。尽管市面上有很多免费和付费的游戏引擎,但一个让专业的游戏开发者满意的游戏引擎肯定需要包含独特的东西。游戏开发者对完美游戏引擎的追求永远不会停止。下面将介绍最好的

JavaScript代码检查及与gulp、git的结合使用

在团队开发过程中,我们可能会要浪费一些时间在代码检查上,譬如拼写的检查、代码规范的检查。作为码农,我们当然不能把自己的时间浪费这种无意义的事情上,所以本篇我将介绍一些自动化代码检查的东西和项目实际上的应用。JSHint安装及使用JSHint是一个用于JavaScript代码静态检查的一些开源项目。他是运行与node环境,可以对我们指定的JavaScript文件进行一些静态的

代码故事:汉德的救赎

我叫汉德(Handle),是一段程序代码,出生在日食之城埃地特(Editor)。我诞生于伟大而荣耀的瑟维斯家族(Service),我们家族的格言是:“瑟维斯永不倒下。(Services never crash down.)”。信仰我们家族的信仰,哦,不对,应该是所有代码家族的信仰都是普瑞格兰姆神祇。普瑞格兰姆是众神的统称,其中又细分为三类:科德尔(Coder),创造神。特斯

css如何搞正方形

如何搞正方形 总有需求会要有正方形的框。同时宽度是可以自适应的。 但是好像没有什么属性可以设置高度等于宽度这样的css。 在技术群问了下,大牛立马给我弄了个,http://code.w3ctech.com/detail/2208 得到了很好的启发,结合自己的实际应用,完善了下。看demo (内有分析) http://liyatang.github.io/demo/css/s

React&Redu中Scroll List封装实践

一直直在写一个前端项目,来分享一些Scroll封装的实践本宝宝看着你们只收藏不点赞都有小情绪!!!!哼设计目标因为项目中需要大量的类似Scroll List,ListView页面:];if(result.length!==0){datas=[];result.forEach(function(id) {datas.push(ListEl(id,entities,type))

kettle基本概念

概念spoon 集成开发环境kitchen 作业的命令行运行程序pan 转换的命令行运行程序carte 轻量级的http服务器,监听http请求来运行一个作业,也用于分布式和协调跨机器执行作业(kettle集群)配置.spoonrcjdbc.propertieskettle.propertieskettle.pwdrepositories.xmlshared.xml第三方j

前端基础问题整理-JavaScript相关(一)

请解释事件代理(event delegation)事件代理也称为事件委托,利用了事件冒泡。例如:item1item2item3当页面li增多时单独给每个li元素添加事件处理程序既繁琐又容易出错,利用事件冒泡,在ul去监听事件,li产生事件往上冒泡时去捕获,利用e.target来判断是否为我们的目标元素,是的话就可以做相应操作了。请解释JavaScript中this是如何工作

nodejs中aja跨域和jsonp跨域

AJAX跨域获取数据1.前端代码: Document异步获取数据 var log=function (obj) { console.log(obj); } var get=document.getElementById('get'); get.addEventListener('click',function () {

nodejs读写ecel内容

支持读写Excel的node.js模块 node-xlsx: 基于Node.js解析excel文件数据及生成excel文件,仅支持xlsx格式文件; excel-parser: 基于Node.js解析excel文件数据,支持xls及xlsx格式文件; excel-export : 基于Node.js将数据生成导出excel文件,生成文件格式为xlsx; node-xlrd:

AKKA 笔记 - 有限状态机 -2

原文地址: http://rerun.me/2016/05/22/akka-notes-finite-state-machines-2/在上一节的Akka FSM笔记中,我们看了一些基本的使用Akka FSM和咖啡机的使用方式 - Actor的数据结构和一队我们要发给Actor的消息。这次的第二部分也是最终部分,我们会过一遍这些状态的实现细节。总结作为一个快速的总结,让我们

初入前端

写在前面 找工作的时候,总是被‘经验不足’拒绝很多次。当时一直觉得这个问题无异于先有鸡还是先有蛋,没工作哪来的工作经验?没工作经验哪来的工作?甚是苦恼。不过,这个话题就止于此,只要坚持,面包还是会有的。 现在工作了,发现经验二字,看似简单,不就工作几年了吗,其实不然。打个比方,某道数学题, 你看完题目已经有了思路,但是你去做,却不一定能做的出来。就像前端技术,看得懂到做出来

强势推荐:React Native Js 自动补全插件

在atom的包管理器中无意间发现一个非常有用的插件!值得大家拥有。 看图说明一切。 插件的名字叫:atom-react-native-autocomplete 插件下载与介绍地址: https://atom.io/packages/atom-react-native-autocomplete 关键字:react.js, html5, JavaScript, jsx