迷失在大前端海洋中的孩子
我的博客即将入驻“云栖社区”,诚邀技术同仁一同入驻。test
以前一直觉得docker是运维用的工具,或者devops 用的工具,一般人应该用不上,直到最近发现docker 还有另外一个妙用,不管是什么语言。 会网络不好的时候,nodejs npm 仓库 、ruby gem仓库、python的 PyPI 、java 的Maven 等都不是很稳定,容易挂, ...
增加软链接:node和npm到/usr/bin 复制代码代码如下: ~ sudo ln -s /usr/local/bin/node /usr/bin/node~ sudo ln -s /usr/local/bin/npm /usr/bin/npm Docker学习笔记 — 配置国内免费registry mirror http://blog.
我从来都没想过,我喜欢的人,是你. 我从来都没想过,我会做表白这种事情,表白在我印象里,是文弱书生做的事情,纯爷们应该直来直往,不加思索的脱口而出:我喜欢你. 我从来都没想过,我会喜欢上一个没见过几次面,没打过几次交到的人. 我从来都没想过,我会从一部作品开始,渐渐的喜欢上它的作者。
回想年初响应老板号召,加班3个月,没想到这么快就到年底了,好像岁数越大,时间就过的越快一样. 今年可能是我工作这么多年,不务正业时间最长的1年. 干了3个月前端本职工作,其后时间时间里面在做前端之余3个月干产品经理,2个月干leader,剩下的时间都在干运营,网络营销,技术支持,客服.
自从火狐也开始做版本帝后,相关查的插件越来越不好使了, 而且火狐集成自己的调试工具,也不是很好使用,Yslow 也坏掉了 找公司写c++修复了下 把yslow和Firebug 打包到一起,而且关闭自动更新,以免更新又坏了,所以弄了个绿色版本和机子上安装的火狐不冲突 百度网盘下载地址: http://pan.
先看一个实例 效果图 看效果图有两条直线和一条曲线 但是代码里面只有一个path 是不是很神奇! 在path 元素中,所有和绘制有关的命令都在d这个属性中 在实例中 M 表示移动画笔的命令 A 表示用...
在开始前,博主先百度下“为什么xx打开慢”,结果如下 传统巨头 百度 30,200,000 新浪 48,200,000 搜狐 4,420,000 新兴贵族 知乎 47,100,000 豆瓣 6,230,000 优酷 2,310,000 为什么互联网技术发展到今天,依然无法彻底解决网站打开慢的问题?这是IT行业的顽疾不可治愈吗? 从数据上可以看到 知乎虽然是新兴贵族,但其网站打开慢的次数却比传统巨头百度还要多,几乎和新浪并肩,新浪有数十年打开慢次数的积累,才险胜知乎,知乎作为后期只秀真是令人刮目相看。
原文: http://tutorials.jenkov.com/svg/polygon-element.html Polyline 虽然说这个 元素我没用过,但是还是蛮强大的,也翻译下 示例 效果如下 折线是通过定义很多点来定义的,在points...
line 先看个例子,这是svg中最简单的线 效果如下 x1,y1 定义 线条的起点 x2,y2 定义 线的终点 ellipse 先看看椭圆的例子 ...
svg中的 元素,是用来绘制圆形的,例如 效果如下 属性说明 cx,cy 设定圆心,r设定半径 圆形的边框 可以通过设置样式设置圆形的边框 例如 属性说明 stroke 边框的颜色 ...
svg 元素 是一个矩形元素,用这个元素,可以你可以绘制矩形,设置矩形宽高,边框的宽度颜色,矩形的填充颜色,是否用圆角等 rect 示例 这个矩形的 位置:用x和y属性定义,需要注意的是这个位置是相对于 这个矩形的父节点定义的 ...
svg 中的元素用来组织svg元素。如果一组svg元素被g元素包裹了,你可以通过对g元素进行变换(transform),被g元素包裹的元素也将被变换,就好这些被svg包裹的元素是一个元素一样,和相比这是一个很好的优势,嵌套的svg中元素是不会被变换影响的。
http://tutorials.jenkov.com/svg/svg-coordinate-system.html svg的坐标系统(和大多数计算机绘图的坐标系统)和数学中绘图系统有点不一样 数学/笛卡儿坐标系统 数学中的坐标系统是这样的 原点在左下角 SVG坐标系统 svg的坐标系统 原点在左上角 SVG 坐标系统的单位 你可以指定在SVG坐标系单位。
目录 [翻译svg教程]svg学习系列 开篇 【翻译svg教程 】svg 的坐标系统 [翻译svg教程]svg 中的g元素 [翻译svg教程]svg中矩形元素 rect [翻译svg教程]svg中的circle元素 [sv...
阅读源码肯定是先下载有注释的源码 我也是醉了,10309 行代码,在陆续续的一个月之内,看完了,虽有收获但收获不大, 直到又一次看jquery的github,怎么会有cmd????没听过使用jquery时候还要用requresjs啊,这是咋回事啊,jquery不是一个独立的js库么, ...
http://devdocs.io http://bower.io/ www.bower.iobrowserify.org jsPlumb布局 https://github.com/lndb/jsPlumb_Liviz.
function testB () { // body... var isOpera = !!window.opera ||!!window.opr|| navigator.userAgent.
http://blog.csdn.net/jwkfreedom/article/details/8450005 本机环境: windows7 64位 1. 下载安装sublime text, 不用注册即可完全使用,只是偶尔弹框提示购买,完全可以忍受。
前几天刚遇到的问题sudo npm install -g expresssudo npm install -g express-generator然后通过express -V查看版本,看好是大写的V 创建一个 项目 为 express **** ** 为项目名称 启动 mongod ...
https://www.npmjs.org/package/rjs-optimhttps://www.npmjs.org/package/grunt-requirejs-md5指定js版本号 但不是MD5 没有检测文件是否更新机制https://www.
reset 可以重置浏览器的的html的默认样式,因为各个浏览器对有些元素解析差别很大 通过重置样式可以让样式的浏览器兼容 更简单 使用方法简单 @import "compass/reset" layout 有几个常见的布局函数,我觉得挺管用,其他的都是用来写组建非常常用的 Sticky Footer 该模块提供了需要布置你的页脚,它坚持到页面底部的工具。
有时候经常反思,做事究竟为了什么? 有时候,又无法解释,过去做的一些事情,是为了什么? 就像上小学时候明明挺到讨厌学习的,但上了初中后就开始玩命学习了 上高中时候认为自己真的是喜欢上学习了,上大学尼玛又开始倒数第一的节奏。
ps:这是一篇负能量日记,没有幽默,没有搞笑 前天早上穿衣服,发现裤子破了,风化了,没管它 今天早上穿衣服,发现T恤破了,风化了,没管它。 晚上把衣服摆到一起,发现,这是我这3年北漂的工作套装,没想到第四年走了一半,就该退役了。
Underscore 简介 Underscore 是一个JavaScript实用库,提供了类似Prototype.js的一些功能,但是没有继承任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。
Bullets 用来定义ul li 相关的样式 no-bullet 关闭 li的默认样式 那个小圆点 no-bullets 作用域ul 调用no-bullet 函数 不过用了reset 后 默认没有小圆点了 pretty-bullets($bullet-icon, $width, $he...
关注单元测试有一段时间了,也做了些尝试然后就停了下来,寻找框架、方法、各种尝试 看得多,尝试的少, 关于框架分为两类,1是自动化测试工具类,1是js单元测试框架 关于自动化测试工具我尝试了http://totorojs.
来源 http://snugug.github.io/RWD-with-Sass-Compass/#/ 1 安装 COMPASS 扩展 安装 方式 gem 'extension', '~>X.Y.Z' 命令行安装 require '{extension}' @import '{extension}'; sass 文件导入 扩展1 http://breakpoint-sass.
demo 源码 地址 https://github.com/qqqzhch/webfans compass 的表格提供了集中常见样式 表格边框 outer-table-borders($width, $color) 控制外边边框的尺寸和颜色 inner-table-borders($width, $color) 控制里面边框的尺寸和颜色 例如 .
/* * This is an example build file that demonstrates how to use the build system for * require.js. * * THIS BUILD FILE WILL NOT WORK.
块级元素 ①总是在新行上开始; ②高度,行高以及外边距和内边距都可控制; ③宽度缺省是它的容器的100%,除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 行内级元素 ①和其他元素都在一行上; ②高,行高及外边距和内边距不可改变; ③宽度就是它的文字或图片的宽度,不可改变 ④内联元素只能容纳文本或者其他内联元素 替换元素 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。
Enforcing options When set to true, these options will make JSHint produce more warnings about your code.
这段代码来自 http://stackoverflow.com/questions/20583812/grunt-requirejs-optimizer-for-a-multi-app-project 以前用 requirejs和r.js 也做过打包demo, demo 大家懂得,1个页面10多个js。
compass 中一些常用api 包括一些浏览器hack @import "compass/utilities/general" Clearfix Clearfix 是用来清除浮动 float 造成的内容问题,以前用clear 方法可以解决,通过查看Clearfix 的源码发现对与高版本的浏览...
最基本的api 是对比色,对与我这种菜鸟来说,没有什么比在一个背景色下 用什么颜色的文字坑蛋疼的事情了,这个工具可以帮助大家很好解决这个问题 api 地址 http://compass-style.
demo 源码 地址 https://github.com/qqqzhch/webfans 什么是雪碧图? CSS雪碧 即CSS Sprites,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。
demo 下载http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855 为什么要学习Sass和compass ?提高站独立和代码产品化的绝密武器,尤其是程序化css,可以将写程序的各种理论融入其中,打造NB的产品 首先 安装 ruby http://rubyinstaller.
一直以来 部署mono 都是很头疼的事情 因为是我在是不熟悉非win环境,今天偶然发现这个项目,挺好的,分享下 https://github.com/wshearn/openshift-community-cartridge-mono http://test.
自从发现可编程的css语法 Sass和基于Sass的css库compass 一个给我的感觉像c# 另外一个给我的感觉像.NET Framework,一切都为了提升开发效率和降低开发大型web的门槛。 当web开发趋势迈进WebApi+Js 时代,compass和Sass 会不会成为web开发的标配?这个得实际开发检验下. 预处理 当web站点变的越来越复杂。
@寒冬winter 话说如果一个前端能解释清楚“块级元素”、“行内级元素”、“替换元素”、“块容器”、“包含块”、“块级上下文”、“行内上下文”,那么似乎就是CSS理论相当扎实了……test
最后个人感觉 Compass是 css世界的.NET 很久以前看到 Compass 误以为是css编译器,因为总是在看到如何安装Scss的文章里面看到的 知道最近不小心进入 Compass官网溜达,才发现 The CSS3 module provides cross-browser mixi...
未来的半年可能是我到北京后最难熬的半年 转型和豪赌总是辛苦的 从ASP.NET webform 到 ASP.NET mvc js再到 js+webapi 在js+webapi组合中我犹豫了很久,到底是和以前一样两样都抓,还是集中精力,攻克一个,最后,我选了js 一步一步靠近回归web开发的...
module.exports = function(grunt) { // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.
module.exports = function(grunt){ // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.
function(){ return{ top:function(){return document.documentElement.scrollTop||document.body.scrollTop}, width:function(){return self.
放羊测试测完了再测这两个瞎搞的下拉列表组建 看看从单元测试模块化的角度组建会写成啥样 1:ajax请求 简单文本 2:1个页面多个实例 3:复杂展示+自定义点击+自定义处理函数 4:延迟请求 5 插件封装 jq和reqjs 6:j...
这是看了很多js单元测试资料后第一次自己做单元测试,因为资料都在介绍工具怎么使用,js单元测试的工具是在是太多了,各种风格,各种支持的,新的旧的,so 还是自己动手来体验一次 简单 是我给自己的需求很简单,读取github api 做个简单的列表页面,点击一项跳到详情页面,倾向页面再次读取gith...