chalecao的文章 第2页

脚本语言|必杀技

MAC 安装 Docker

6

chalecao 发布于 2017-10-21

部署标准 【环境稳定】 我们选用:阿里云 的ECS服务器 【业内标准】 应用上云后,后期不管迁移到AWS,还是腾讯云,都一样了。 【易扩展】 上云后,每一台机器,都涉及到Tomcat, MySQL,JAVA,Ubuntu 等一系列环境,实在是太麻烦,这个问题要解决。 【易部署】 ...

阅读(920)评论(0)赞 (1)

脚本语言|必杀技

阿里云ECS Docker搭建WEB

20

chalecao 发布于 2017-10-21

容器选型Docker MAC 安装 Docker: http://www.fed123.com/2017/10/21/mac-anzhuang-docker/ 安装好了,我们就开始在阿里云上跑WEB应用,以及MySQL,绑定域名等一系列的事情了。 下一个战场:阿里云服务器购买和安...

阅读(620)评论(0)赞 (1)

HTML5|CSS3

CSS 变量(CSS Variable)

1

chalecao 发布于 2017-10-16

这是一个令人激动的革新。 CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。 更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。 一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能...

阅读(517)评论(0)赞 (1)

HTML5|CSS3

伪类与伪元素的用法

4

chalecao 发布于 2017-10-16

熟悉前端的人都会听过css的伪类与伪元素,然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发,区分这两者的区别,并且列出大部分伪类与伪元素的具体用法,即使你有用过伪类与伪元素,但里面总有一两个你没见过的吧。   1. 伪类与伪元素 先说一说为什么css要引入伪元素和...

阅读(476)评论(0)赞 (1)

Javascript|Nodejs

Node.js 代码规范约定

chalecao 发布于 2017-10-13

Node.js 代码规范 这里只是简单约定,并不是强制。 空格缩进 使用2个空格而不是 tab 来进行代码缩进,同时绝对不要混用空格和 tab 。 Sublime Text 2 设置(Preferences > Settings – User): "tab_si...

阅读(514)评论(0)赞 (2)

Javascript|Nodejs

使用 Service Workers提升体验

2

chalecao 发布于 2017-10-12

有一个困扰 web 用户多年的难题——丢失网络连接。即使是世界上最好的 web app,如果下载不了它,也是非常糟糕的体验。如今虽然已经有很多种技术去尝试着解决这一问题。而随着离线页面的出现,一些问题已经得到了解决。但是,最重要的问题是,仍然没有一个好的统筹机制对资源缓存和自定义...

阅读(699)评论(0)赞 (0)

Ionic2|PWA

ionic 3 中文教程

1

chalecao 发布于 2017-09-28

时隔三年,记得我最早翻译ionic中文教程的时候,是在2014年秋,一个偶然的机会接触到了ionic,我觉得这家伙简直就是未来。后来因为工作的原因,偏离了这个方向,主要去做web了。如今又回到H5的怀抱,决定重新翻译一下最新的ionic3教程,目前版本ionic 3.12.0, ...

阅读(1930)评论(0)赞 (2)

认真学习快乐工作

开发联调的正确姿势

3

chalecao 发布于 2017-09-08

每天对着电脑坐着,要有正确的姿势,否则一天下来,可能腰酸背痛腿抽筋。这就是姿势不对,造成的人体内耗。晚上睡觉也是一样,睡姿不正确,醒来发现更累,都不愿意起床。对于我们这些屌丝程序员来说,开发程序联调的时候也需要有正确的姿势,否则真的会事倍功半,走上不少弯路。 关于自动化测试,大家...

阅读(938)评论(0)赞 (2)

HTML5|CSS3

H5兼容性问题总结

3

chalecao 发布于 2017-09-06

文字问题 1.文字顶部被截掉,这个很坑,常见于android手机     机型:android手机,红米note4x, 小米6 原因: 文字大小和行高一样的时候,会出现这个问题 字体的font-size不等于最终显示的大小,取决于字体设计师的定义,以Catam...

阅读(822)评论(1)赞 (3)

HTML5|CSS3

学习和使用flexbox布局

1

chalecao 发布于 2017-09-04

是时候好好学习flex布局了,之前的开发经验主要集中在web pc端开发,现在主要集中在H5页面的开发,既然H5基本都支持flex布局,为什么不熟练使用呢?这里借用下阮老师的图,我也自己谢谢学到的flex布局的知识,作为补充。 知识运用:   垂直居中: 记得上次我写个...

阅读(480)评论(0)赞 (1)

认真学习快乐工作

如何应对前端疲劳

2

chalecao 发布于 2017-09-03

我最近和一个做后端开发的朋友讨论我在工作之余花了多长的时间去写码和学习写码。他给我看了Uncle Bob的《Clean Code》这本书中的一段话,它将音乐家们为准备音乐会而花费的时间与开发者让代码正确执行所用的练习时间进行了比较。 我喜欢这个类比,但是我不认为我完全认同它;首先...

阅读(525)评论(0)赞 (5)

认真学习快乐工作

方向对了,路就不怕远

2

chalecao 发布于 2017-09-01

这几天在接受公司的百阿培训,真真切切的感受到了阿里巴巴独特的商业文化,阿里人一脉相承的拼搏精神与工作品质。这是一代又一代阿里人汇聚在一起,大家共同沉淀下来的精神财富,不管你从事什么行业,都能在职业生涯中受用一生。 [youku]http://v.youku.com/v_show/...

阅读(800)评论(2)赞 (5)

脚本语言|必杀技

Ubuntu 16.04 LTS 上安装WordPress

7

chalecao 发布于 2017-08-30

最近把博客从hexo迁移到wordpress,主要是为了降低维护成本,方便团队记录学习成果! 安装wordpress 因为FACEBOOK这是一个很牛逼的项目,HHVM 比Zend的PHP引擎更快,它让脸谱网每天能够承受数十亿的访问量。 首先先决条件,你的 Ubuntu 必须是 ...

阅读(1084)评论(0)赞 (1)

Javascript|Nodejs

React属性(propTypes)校验

1

chalecao 发布于 2017-08-30

随着应用不断变大,保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。注意为了性能考虑,只在开发环...

阅读(566)评论(0)赞 (2)

WebAR|深度学习

ThreeJs中文教程笔记教程

1

chalecao 发布于 2017-08-29

学习WebGL很长时间了,但是总是东拼一下,西凑一点,没有系统总结。趁现在经济危机,俺要发奋图强。这里总结一下,基于ThreeJs官网(http://www.threejs.org ) 和其他网上看的博客内容,定期更新本系列课程。今天突然发现,博客写了两三年了,人还是没变。我还是...

阅读(930)评论(0)赞 (2)

脚本语言|必杀技

git其他技巧

1

chalecao 发布于 2017-08-29

在这个安静的深夜,翻开我的博客,本想着记录一下看到的git的知识点,却无意中找到了3年前写的一篇博客,恍如隔世啊。生活真的需要有勇气作出改变。最喜欢GitHub了,能找到许多很好的项目,真的可以学到好多知识,节省时间。虽然自己也在黑gitHub的免费空间的功能,但是真心谢谢Git...

阅读(642)评论(0)赞 (1)

HTML5|CSS3

SVG的视窗与宽高比控制

14

chalecao 发布于 2017-08-29

SVG元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活定位和变换这些元素-也许一眼看上去不太直观。然而,一旦你理解了SVG坐标系和变换,操纵SVG会非常简单并且很有意义。本篇文章中我们将讨论控制SVG坐标系的最重要的三个属性:viewport, viewBox,...

阅读(1013)评论(0)赞 (1)

Javascript|Nodejs

Angular中模型监听之$watch

1

chalecao 发布于 2017-08-29

在编写Angular的应用中,有时候需要把两个不相干的事件关联起来,但是又没有回调函数可以用。这时候$watch就派上用场了。我们可以监听某个动作的数据模型,然后在模型数据变化时,做出对应的响应。

阅读(880)评论(0)赞 (2)

HTML5|CSS3

SVG的牛B之处,你造吗

2

chalecao 发布于 2017-08-29

SVG能干啥,想干啥就干啥。可以用来做贴图,做纹理,做动画,甚至做背景图片,你想要的都可以,关键是操作灵活,和别是和canvas又可以相互转化使用,简直是居家旅行必备神器,作为前端工程师,你学会了吗?不会,就抓紧开始吧。

阅读(569)评论(0)赞 (2)

WebAR|深度学习

3D模型的加载与使用

5

chalecao 发布于 2017-08-29

既然在讲3D世界,那么我们这里提到的模型就是3D模型。我不想将一些书上的定义摘抄给大家,那些概念对大家的理解帮助并不大,而接下来,我会将我最直接通俗的理解告诉大家。

阅读(917)评论(0)赞 (0)

Javascript|Nodejs

AngularJS与Backbone谁更适合

7

chalecao 发布于 2017-08-29

将不同的思想和工具进行对比,是一种更好地理解它们的方式。在本文中,我首先将列举在创建web应用程序时需要重复进行的各项任务,随后为你展现Backbone和Angular将如何帮助你完成这些工作。

阅读(743)评论(0)赞 (0)

HTML5|CSS3

浏览器兼容性经验笔记

1

chalecao 发布于 2017-08-29

遇到好多坑,一路走来,发现竟是坑。调IE7,泪流满面;调微信浏览器,汗流浃背,沐浴泪光。哎,记录一下,有些坑人的地方,还是比较有趣的,值得注意。

阅读(545)评论(0)赞 (1)

认真学习快乐工作

前端渲染框架,业务开发利器Gear

2

chalecao 发布于 2017-08-29

Gear意为齿轮,本项目主要是从渲染层提供一种业务开发新思路。前端框架有很多种,我自己将所有的前端框架分为两类:开发类框架和业务类框架。GEAR正是为业务而生。前端的生命线莫过于网页的加载与渲染。Gear主要从加载和渲染的角度来提供业务开发的工作流,它分为两种模式:制作页面和渲染...

阅读(454)评论(2)赞 (0)

Javascript|Nodejs

CentOS快速安装部署jsGen

1

chalecao 发布于 2017-08-29

jsGen是用纯JavaScript编写的新一代开源社区网站系统,主要用于搭建SNS类型的专业社区,对客户端AngularJS应用稍作修改也可变成多用户博客系统、论坛或者CMS内容管理系统。

阅读(724)评论(0)赞 (0)

HTML5|CSS3

SCSS/SASS编译

1

chalecao 发布于 2017-08-29

SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS...

阅读(505)评论(0)赞 (0)

认真学习快乐工作

2017年中工作总结

1

chalecao 发布于 2017-08-29

2017年过去快半年了,感觉自己这半年做的事情很多,收获甚少。当然也不能说是很少,只是自己没有好好总结,从一开始就没有抓住根本。一件事情要做成功并不是那么简单,一定要步步为营。

阅读(446)评论(0)赞 (1)

Javascript|Nodejs

AngularJS笔记-继承机制

1

chalecao 发布于 2017-08-29

AngularJS中没有提供内建的用于继承的特性,在本文中,我们将一起来学习如何在AngularJS组件中使用普通的JavaScript继承模式。

阅读(487)评论(0)赞 (0)

HTML5|CSS3

WebStorge使用

1

chalecao 发布于 2017-08-29

互联网的未来,是移动互联网;移动互联网网页的未来是WEB App。对于Web APP或者许多的富客户端网页来说,Web Storage是很重要的一部分。对于提升用户体验和网页页面优化有很重要的价值。使用者需要对网页或app的数据结构分层整合,区分出可以用于web storage和...

阅读(415)评论(0)赞 (0)

认真学习快乐工作

每日早读-读一读

1

chalecao 发布于 2017-08-29

好好读书学技术了。昨天听到一个词语,每天8个小时求生存,8个小时求发展,剩下8个小时睡觉。明显我现在求生存的时间远远大于求发展的时间,也大于睡觉的时间,其他的时间都浪费了。所以我想,还是好好学习,高效率做事吧。

阅读(668)评论(0)赞 (0)

Javascript|Nodejs

AngularJS笔记-详细使用

1

chalecao 发布于 2017-08-29

AngularJS这个框架真的比较神奇,就像一杯酒,你用的越久,越喜欢用这个框架。之前我是觉得用Angular做一些复杂的效果不好做,好多都是用jQuery来辅助实现的。今天我这里要详细总结的是Angular的使用方法,包括数据绑定,过滤器,自定义模块及服务,指令等。其中通过指令...

阅读(833)评论(0)赞 (0)

HTML5|CSS3

伪类使用技巧

2

chalecao 发布于 2017-08-29

关于伪类,大家最早接触的肯定是a:hover了,但是不止如此,还有很多其他的伪类。另外,伪类与伪元素也是不同的。伪元素最近用的比较多,做一些效果还是挺不错的,可以有效避免增加DOM元素。这里主要总结一下伪类与伪元素的用法。

阅读(484)评论(0)赞 (0)

认真学习快乐工作

如何面对工作,如何学习生活

1

chalecao 发布于 2017-08-29

有同事说他来公司好长时间了,整日忙着做业务,觉得自己没有提升。问我如何才能提高自己?其实我也是门外汉,什么也不懂,自认为自己在许多方面都做的差强人意,其实是很差劲。我基本属于那种按照自己心情办事的人,心情好一切就好,心情差什么都差。2016年教会了我什么?教会了我忍耐,把自己忘掉...

阅读(495)评论(0)赞 (0)

Javascript|Nodejs

AngularJS笔记-概述

chalecao 发布于 2017-08-29

最近在寻找一些前端开发框架,特别是需要开发webApp的框架。之前找到了一个开源框架the m project,估计您不一定听过,这是一个集成好的mobile app开发框架,这个项目已经接近半年没有维护了,当时看到了这个项目集成了如backboneJS,jquery,Font ...

阅读(559)评论(0)赞 (0)

HTML5|CSS3

手机网页开发问题集锦

2

chalecao 发布于 2017-08-29

接到一个小活,开发手机网页。对方给了一个psd设计图,让我做个手机网页,设计图很长,要求上拉动态加载。我想了想,本以为自己切个图处理一下就好,后来发现不行,许多问题。这里特地记录一下,有些还没解决,只是给了一下自己的想法。

阅读(411)评论(0)赞 (1)

认真学习快乐工作

读书学技术啦

1

chalecao 发布于 2017-08-29

好好读书学技术了。昨天听到一个词语,每天8个小时求生存,8个小时求发展,剩下8个小时睡觉。明显我现在求生存的时间远远大于求发展的时间,也大于睡觉的时间,其他的时间都浪费了。所以我想,还是好好学习,高效率做事吧。

阅读(540)评论(0)赞 (0)

认真学习快乐工作

使用VSCode要做的一些事情

1

chalecao 发布于 2017-08-29

新的一年要做很多事情。IDE转向VSCODE了,觉得还是很好用的。最近做了一个提高开发效率的软件,先不放出来,等做好了再说。主要是个界面编辑器,开发人员可以根据视觉稿编辑各种组件或者模块,然后导出成需要的程序代码,目前支持FTL和Regular模块,支持include、IF/EL...

阅读(467)评论(0)赞 (0)

HTML5|CSS3

Canvas图像处理和滤镜特效

1

chalecao 发布于 2017-08-29

这段时间做了一个手机WebRTC拍照加特效的应用,主要用到canvas标签获取图像矩阵(这个在上一篇博客中已经详细介绍过:),然后做图像处理,例如滤镜特效(马赛克,浮雕,衬底,反色等),这里我们详细介绍相关的知识。其实从原理上讲,大部分的图像处理都是对图像像素矩阵和某个特效矩阵做...

阅读(689)评论(0)赞 (0)