Fork me on GitHub
摘要: 本文作者:茄果,专注前端开发领域,更多文章请关注知乎专栏 "《前端小事》" 现在打开各大知名网站,你有没有发现地址栏都已经加了个绿色的小锁? 是的,这就是https,这就是https的时代。 然而,你了解https吗? 简单来说,https就是套在SSL/TLS内的http,也就是安全的http。何 阅读全文
posted @ 2017-01-13 00:39 茄果 阅读(6752) 评论(27) 推荐(25) 编辑
摘要: 从写nodejs的第一个爬虫开始陆陆续续写了好几个爬虫,从爬拉勾网上的职位信息到爬豆瓣上的租房帖子,再到去爬知乎上的妹子照片什么的,爬虫为我打开了一扇又一扇新世界的大门。除了涨了很多姿势之外,与网管斗智斗勇也是一个比较有意思的事情。虽然很多东西都是浅尝辄止,但万事都有个由浅入深的过程嘛(天真脸~~) 阅读全文
posted @ 2016-10-18 21:49 茄果 阅读(4854) 评论(19) 推荐(19) 编辑
摘要: 1)人是人他妈生的,妖是妖他妈生的。人和妖都是对象实例,而人他妈和妖他妈就是原型。原型也是对象,叫原型对象。2)人他妈和人他爸啪啪啪能生出一堆人宝宝、妖他妈和妖他爸啪啪啪能生出一堆妖宝宝,啪啪啪就是构造函数,俗称造人。3)人他妈也是由人他妈他妈生的,通过人他妈找到人他妈他妈,再通过人他妈他妈找到人他妈他妈……,这个关系叫做原型链。4)人他妈生的人会有人的样子,妖他妈生的妖会有妖的丑陋,这叫继承。 阅读全文
posted @ 2016-05-03 13:40 茄果 阅读(28247) 评论(78) 推荐(185) 编辑
摘要: 大体上来说,布局中会用到的有:尺寸相关的盒子模型,普通流、浮动、绝对定位这三种定位机制,CSS3中的transform和弹性盒子模块还有试验中的grid模块。博客园还有一些论坛逛多了,经常可以听到浮动布局,inline-block布局,弹性盒布局这几个名词,这几种都是比较常用的布局方法。现在对布局也算有一点了解,做个总结巩固一下。如果你也看了很多资料但是实际动手的时候对布局还是无从下手的话,希望本文可以帮你理清思路。 阅读全文
posted @ 2016-04-22 14:42 茄果 阅读(42810) 评论(9) 推荐(31) 编辑
摘要: 每次要用到图标的时候都会到 icono 去copypaste,但每次用到的时候尺寸都各不一样,总是要调整参数,巨烦。当然你可以会想到用zoom、scale来做缩放,但是这样的缩放会使得线宽也变粗了,不甚满意。 终于下定心思来改造一个可缩放的图标库。github先上:https://github.co 阅读全文
posted @ 2016-10-27 01:21 茄果 阅读(5983) 评论(17) 推荐(33) 编辑
摘要: 前言 不知不觉间,居然已经这么久没有写博客了,坚持还真是世界上最难的事情啊。 不过我最近也没闲着,辞工换工、恋爱失恋、深圳北京都经历了一番,这有起有落的生活实在是太刺激了,就如拿着两把菜刀剁洋葱一样,想想就泪流满面。 弃我去者、昨日之日不可留,乱我心者、今日之日多烦忧,还是说说最近接触到的模板引擎 阅读全文
posted @ 2016-08-28 12:15 茄果 阅读(35115) 评论(10) 推荐(5) 编辑
摘要: 引子 先来一颗栗子: 输出 src: sub/123.jpg?No,输出的是 src: http://127.0.0.1:8020/sub/123.jpg, 但我其实只想要一个pathname而已啊。虽然有一万种办法可以从完整地址中取出pathname,但我还是想一次获取咱们写到属性里面的那个src 阅读全文
posted @ 2016-07-18 00:42 茄果 阅读(1121) 评论(2) 推荐(2) 编辑
摘要: 本文是【Knockout.js 学习体验之旅】系列文章的第3篇,所有demo均基于目前knockout.js的最新版本(3.4.0)。小茄才识有限,文中若有不当之处,还望大家指出。 目录: 【Knockout.js 学习体验之旅】(1)ko初体验 【Knockout.js 学习体验之旅】(2)花式捆 阅读全文
posted @ 2016-06-14 10:29 茄果 阅读(2229) 评论(3) 推荐(7) 编辑
摘要: 本篇主要简单介绍了knockout.js中各种绑定的使用方法,使用这些绑定方法的组合就能简单地做好一个需要较多动态交互的UI页面。使用这些方法比较重要的一点就是要记住绑定的都是函数对象,所以可以直接在HTML里面进行操作,这样的话有时候 js 代码结构可以更简单。 阅读全文
posted @ 2016-06-07 09:06 茄果 阅读(3696) 评论(2) 推荐(4) 编辑
摘要: 什么,你现在还在看knockout.js?这货都已经落后主流一千年了!赶紧去学Angular、React啊,再不赶紧的话,他们也要变out了哦。身旁的90后小伙伴,嘴里还塞着山东的狗不理大蒜包,却依然振振有词地喋喋不休,一脸真诚。是啊,前端发展太快,那边前几年出的框架已是无人问津的半老徐娘,而这边各种新出的框架却正在风口搔首弄姿,娇翠欲滴。前端界好不热闹!当然,楼主也喜欢新奇趣,但是现在公司的开发工具(WeX5)中用到了knockoutjs,没办法,再老都只能闭着眼睛上了……然后发现,咦!感觉还不错呀~~~ 阅读全文
posted @ 2016-06-03 10:21 茄果 阅读(5506) 评论(36) 推荐(10) 编辑
摘要: 直念念不忘想要自己做一个3D效果的爆炸动效。这两天在搞一些小动画,就顺便也把3D爆炸做了出来。原理很简单,就是用很多小图片拼凑成大图片,然后让小图片按照一定规律运动形成爆炸效果。这里的爆炸效果用的是 CSS3 的 3D 变换来做的,通过 js 动态改变变换参数形成动画。实现步骤简单分为两步:图片拼凑和爆炸实现。 阅读全文
posted @ 2016-05-15 19:23 茄果 阅读(7939) 评论(15) 推荐(10) 编辑
摘要: 前言 最近在求职,作为一名项目经历很少的转行汪,结果相当悲催。没实战经历→公司不要→没实战经历,妥妥的鸡蛋相生无限循环。上万能的知乎求大神帮助,却发现没实战经验的妹子很受欢迎,没实战经验的汉子狗都不理。只能感叹,时代再变,处女情结依旧。知乎上也有很多大神建议先模仿,我觉得很有道理,决定模仿知乎,于是 阅读全文
posted @ 2016-05-12 17:35 茄果 阅读(8606) 评论(58) 推荐(14) 编辑
摘要: 前言 前两天去一家公司面试,被问到一些小游戏的东西。面试官提到了刷红包还有抽奖这些怎么实现,当时简单说了下思路,回来之后想想还是说的太轻描淡写了,干说不做就是耍流氓,所以就做了一个(Demo & 源码)。启动方式:手指在转盘上滑动,转盘转动。这里没有像一般的抽奖程序一样在后台指定抽奖结果,结果完全由 阅读全文
posted @ 2016-05-11 17:34 茄果 阅读(9025) 评论(7) 推荐(10) 编辑
摘要: 闭包就是一个函数引用另外一个函数的变量,因为变量被引用着所以不会被回收,因此可以用来封装一个私有变量。这是优点也是缺点,不必要的闭包会增大内存消耗。另外使用闭包也要注意变量的值是否符合你的要求,因为他就像一个静态私有变量一样。闭包通常会跟很多东西混搭起来,接触多了才能加深理解,这里只是开个头说说基础性的东西。 阅读全文
posted @ 2016-05-04 10:57 茄果 阅读(75334) 评论(37) 推荐(79) 编辑
摘要: 最近在看设备传感器的API,当然也少不了研究一下让微信称神的“摇一摇”了。关于“摇一摇”的实现,网上很多资料所以不详细说了,但总是有布局、效果不全等各种问题,这里整理一个比较完整的版本。 阅读全文
posted @ 2016-05-01 22:47 茄果 阅读(1802) 评论(1) 推荐(6) 编辑
摘要: 想要实现一个效果,首先我们要简化模型,可以分成色彩的变化、位置的变化、大小的变化等,还有就是将某个因子独立出来看,通过各种抽茧剥丝的手法去找到效果后面的数学模型,然后编程去实现它。艺术总是源于生活,所以在做时候应该好好考虑是否应该加入惯性、弹性、重力这些效果,这些物理特性反映到效果中的话,会更加自然逼真。 阅读全文
posted @ 2016-04-27 20:43 茄果 阅读(10235) 评论(11) 推荐(36) 编辑