梦想.家

光荣在于平淡,卓越在于专注。

使用TypeScript来写javascript代码

从机器码到汇编语言再到c语言,java等的高级语言的过程其实在不断的抽象,目的就是让人们使用起来更加的方便和简单,想象一下如果让你用0和1来写程序会是一种什么样的体验。编程语言不断的演化,未来也越来越会趋于自然语言。为什么要使用TypeScript?了解为什么要使用TypeScript的时候我...

前端笔记    前端工具


js常用的工具函数整理

随机从数组中取出count个元素/** * @param {[type]} 数组 * @param {[type]} 取出元素的个数 * @return {[type]} [...

tips    前端笔记    javascript


html5,css3前端开发相关内容整理(持续更新)

web、webapp前端开发过程中遇到的问题的常用处理方式整理和一些问题整理。常见问题处理方式单行文字垂直居中html结构<div class="row">单行文字垂直居中,单行文字垂直居中,单行文字垂直居中</div> css样式.row { ...

tips    前端笔记


canvas绘制运动的小球

知乎的网页版登录界面的背景有很多运动的小球,小球和小球运动的时候之间还有连线,给人一种三维立体变换的效果,看着十分的不错,所以就试着做了个和知乎登录界面背景类似的效果,下面是我做好的效果的截图。实现思路首先了解下canvas中的动画原理?canvas中的动画其实是通过不断的重绘来实现动起来的效...

canvas    Demo


canvas中遮罩效果的实现方法

最近做的一个项目需要支持多终端,网页版需要使用html5中canvas画布对象对一组数据进行渲染还原,但是在实际实现过程中遇到了一个问题,canvas中没有mask(遮罩)层的概念,所以一些效果实现不了,最后翻看文档的时候发现可以通过Context对象的globalCompositeOpera...

canvas    Demo


Express连接mysql数据库实现简单的数据查询

第一步,安装node.js打开node.js官网,根据系统选择对应的稳定版本进行下载,windows下建议下载.msi为后缀的安装文件。因为安装好后环境变量也会帮你配置好,新版的nodejs安装好包管理工具npm也会默认帮你安装好。安装好后使用win+r组合键打开运行对话框,在对话框中输入cm...

node.js    mysql    express


ruby解析json

做项目的时候需要一个小工具,为了方便就用ruby脚本写了一个小工具,这个小工具有个功能需要对json数据做解析,小工具实现了,顺便就把ruby中解析json的过程记录下来。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,简单易用便于阅读和理解,最重...


gulp使用笔记

如果科学技术是第一生产力,那么客观需求就是学习的动力,也就是说学习一种新的东西知识首先要明白它的作用是什么,如果弄不清楚这个原因我们会去排斥学习它的,甚至根本不想去学习它。所以我们开始就来说说为什么要使用项目自动化构建工具,以及gulp的有点,本文仅仅是自己学习使用后的整理笔记,分享给还在使用...

开发工具


对编程语言的一些新的认识

编程语言编程语言(programming language),是用来定义计算机程序的形式语言。它是一种被标准化的交流技巧,用来向计算机发出指令。一种计算机语言让程序员能够准确地定义计算机所需要使用的数据,并精确地定义在不同情况下所应当采取的行动。PS:来自百度百科的解释编程语言的分类我们可能经...


对于系统登录流程的一些理解和总结

登录的意义我们常常会发现在一些网站上登录是非必须的,比如一些浏览性的网站(网易新闻,百度图片),但是用户在使用像QQ空间,微博,人人网等这些网站的时候必须要用户登录后才能使用!暂且不分析为什么有的网站需要登录有的不需要登录,这和每个网站的理念也是有关系的,所以我们只着重分析登录的作用和意义,在...

用户体验    网站安全    系统设计    心得总结