2016 年 9月随笔档案 - osimly

前端开发的七宗罪

摘要：前端开发在最近几年逐渐走红，越来越多的开发者加入前端开发队伍。但前端在大学中没有课程体系，而且知识也在不断更新着。大家对它的认识也各不相同。博主有过技术经理，项目经理，面试官，前端开发的经历，参与过较多的前端开发项目，也结识了较多前端开发人员。基于这些因素我对前端有些较深刻的认识，和大家分享下。本文阅读全文

posted @ 2016-09-29 17:42 osimly 阅读(127) 评论(0) 推荐(0)

前端，我为什么不要你（转）

摘要：今年一月份以前端主管的身份进入现在的公司，到现在为止陆陆续续面试了十几个应聘者，惊讶地发现前端这个细分岗位的市场行情竟如此奇怪，一方面是各种公司争相聘请，导致价格高的浮躁；一方面是从业者大多经历尚浅，浅到没什么技术积累，没什么项目经验，更可怕的是没什么进取心。这里总结一下，自勉。一年经验重复用这阅读全文

posted @ 2016-09-17 21:24 osimly 阅读(125) 评论(0) 推荐(0)

Nginx：轻量级高性能的Web服务器

摘要：Nginx ("engine x") 是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。Nginx是由Igor Sysoev为俄罗斯访问量第二的Rambler.ru站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，阅读全文

posted @ 2016-09-10 23:13 osimly 阅读(772) 评论(0) 推荐(0)

Thinkphp：有你真好

摘要：ThinkPHP是为了简化企业级应用开发和敏捷WEB应用开发而诞生的。最早诞生于2006年初，2007年元旦正式更名为ThinkPHP，并且遵循Apache2开源协议发布。ThinkPHP从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，也注重易用性。并且拥有众多原创功能和特阅读全文

posted @ 2016-09-10 23:08 osimly 阅读(152) 评论(0) 推荐(0)

摩尔斯电码总会带来灵感

摘要：世界上最后一句摩尔斯电报是什么，想不起来了。阅读全文

posted @ 2016-09-07 08:57 osimly 阅读(122) 评论(0) 推荐(0)

假如 Micromedia 没被收购，会不会早于 Apple 推动 H5、CSS3 的发展

摘要：看着如今大行其道的 H5、CSS3，想想当年的“网页三剑客”，不禁感慨：假如 Micromedia 没被收购，会不会早于 Apple 推动 H5、CSS3 的发展？当时 Apple 先是询问 Adobe 愿不愿意改进 Flash ，而 Flash 是事实上的标准，Adobe 傲慢的拒绝才导致 Ap 阅读全文

posted @ 2016-09-06 17:15 osimly 阅读(189) 评论(0) 推荐(0)

transform scale 背景图片模糊怎么办？

摘要：就是这样（摊手表情），不晓得什么原理。阅读全文

posted @ 2016-09-06 12:49 osimly 阅读(1919) 评论(1) 推荐(0)

animation 的属性一共有 6 个值，详细介绍在此

摘要：animation 属性是一个简写属性，用于设置六个动画属性： animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direct 阅读全文

posted @ 2016-09-06 09:09 osimly 阅读(956) 评论(0) 推荐(0)

Cutterman 切图神器，虽然还没用过，先 mark 一下好了

摘要：在官网上找了半天也没发现下载链接，注册账号用无法激活，还是等等再试吧。阅读全文

posted @ 2016-09-05 17:44 osimly 阅读(178) 评论(0) 推荐(0)

CSS3：transform translate transition 这些都是什么？

摘要：transform：一个属性名称，即CSS3 2D转换属性。 translate：一个属性函数，用法是translate(dx,dy) transition：一个属性名称，添加过渡效果。还有动画animate：把 transform 丢到 keyframe 的 from / to 里面就可以实阅读全文

posted @ 2016-09-05 15:59 osimly 阅读(299) 评论(0) 推荐(0)

CSS：opacity 的取值范围是 0~1

摘要：CSS：opacity 的取值范围是 0~1，难怪设置为 1~100 看不到效果。阅读全文

posted @ 2016-09-05 13:31 osimly 阅读(1252) 评论(0) 推荐(0)

Wamp 设置 www 目录

摘要：打开httpd.conf，搜索wwwroot 和 directory 直接改为新目录即可。对于wamp3是无效的，可以这样解决： “You need to change these values also in httpd-vhosts.conf located in \conf\extra 也就阅读全文

posted @ 2016-09-05 11:47 osimly 阅读(175) 评论(0) 推荐(0)

怎样手动添加 Sublime 3 右键菜单

摘要：把以上代码，复制到SublimeText3的安装目录，然后重命名为：sublime_addright.inf，然后右击安装就可以了。阅读全文

posted @ 2016-09-05 11:39 osimly 阅读(176) 评论(0) 推荐(0)

为什么要加 -moz- -webkit- -ms- -o- ?

摘要：没有别的，为了兼容早期版本，为了解决CSS3标准正式发布以前的遗留问题。阅读全文

posted @ 2016-09-05 10:59 osimly 阅读(285) 评论(0) 推荐(0)

setTimeout() 与 setInterval()

摘要：setTimeout() 从载入后延迟指定的时间去执行一个表达式或者是函数; 仅执行一次 ;和window.clearTimeout一起使用. setInterval() 在执行时,它从载入页面后每隔指定的时间执行一个表达式或者是函数;(功能类似于递归函数)；和window.clearInterv 阅读全文

posted @ 2016-09-05 10:36 osimly 阅读(128) 评论(0) 推荐(0)

在线快速生成 CSS Sptite 的网站

摘要：Spritepad http://spritepad.wearekiss.com/ 这个好，虽然没用过，先收起来再说。阅读全文

posted @ 2016-09-04 10:44 osimly 阅读(185) 评论(0) 推荐(0)

CSS 文字阴影（text-shadow）怎么用

摘要：textShadow="1px 1px 1px #ff0000" textShadow="水平位移垂直位移模糊半径阴影颜色" 阅读全文

posted @ 2016-09-04 10:04 osimly 阅读(181) 评论(0) 推荐(0)

重要的事情说三遍：列表 ul / ol 等是块级元素，是块级元素，块级元素

摘要：HTML 块级元素大多数 HTML 元素被定义为块级元素或内联元素。编者注：“块级元素”译为 block level element，“行内元素”译为 inline element。块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：<h1>, <p>, <ul>, <table> 阅读全文

posted @ 2016-09-04 10:00 osimly 阅读(5459) 评论(0) 推荐(0)

CSS Reset / Normalize 如何进行样式重置

摘要：CSS Reset 过于激进，所有样式全部消除没有必要。关键是保持各种浏览器的兼容，包括Bootstrap的CSS Reset也是走的这个路线。线面这个就是后面一种思路的成果： http://necolas.github.io/normalize.css/ 阅读全文

posted @ 2016-09-04 09:20 osimly 阅读(121) 评论(0) 推荐(0)

DIV怎样能够垂直居中

摘要：这里只说固定宽高的情况： 1.Top：50%; 2.margin-top：-(height/2); 就这样。不过很好奇有没有v-align之类的属性可以直接实现。阅读全文

posted @ 2016-09-03 18:28 osimly 阅读(123) 评论(0) 推荐(0)

HTML5动画软件工具编辑器 HTML5动画分类工具推荐

摘要：接下来介绍几款制作HTML5动画的工具，它们可以分为几类： 1、导出canvas动画： Flash CC(13.1)、Animation、Radi 2、导出DIV+CSS3动画： HTML5 Maker、Edge Animation、Tumult Hype、Nodefire 3、导出SVG动画： H 阅读全文

posted @ 2016-09-02 17:19 osimly 阅读(246) 评论(0) 推荐(0)

Attribute 与 Property 的区别

摘要：网上的说法是： Property 是面向对象的概念，是Object的一部分。 Attribute 是<input type="text"> type就是Attribute。这个区分有点模棱两可，还是再体会一下吧。阅读全文

posted @ 2016-09-02 10:24 osimly 阅读(112) 评论(0) 推荐(0)

关于屏幕阅读器和 sr-only

摘要：.sr-only = screen reader only 用于读屏器识别使用。阅读全文

posted @ 2016-09-01 15:51 osimly 阅读(218) 评论(0) 推荐(0)

.container_fluid 与 .container 的区别

摘要：.container 会在左右两侧留白边，而且是自动的，不用设置。 .container_fluid 完全撑满，width: 100%; 阅读全文

posted @ 2016-09-01 15:41 osimly 阅读(1287) 评论(0) 推荐(0)

Native OR WebApp ?

摘要：前两天刚好和一帮产品同学聊过，特指一个APP里面的各页面应该怎么做，大家的总结如下，原理一样，关键是了解Native和Web各自的优劣势：1. 偏交互的Native，偏浏览的Web：交互指复杂操作，输入/选择什么的2. 已稳定的Native，试错中的Web：H5页面用来做低成本验证很好3. 访问硬件阅读全文

posted @ 2016-09-01 14:38 osimly 阅读(141) 评论(0) 推荐(0)

推荐几个精致的web UI框架

摘要：Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。 gitHub地址：https://github.com/aliceui/aliceui.github.io Amaze UI 阅读全文

posted @ 2016-09-01 10:46 osimly 阅读(202) 评论(0) 推荐(0)

前端框架与UI搭配

摘要：如果是 Angular 那就选 Ionic (一对好 CP)如果是 Vue 那就选 Vux (基于 WeUI)如果是 jQuery 那就选 Framework7 (iOS 和 Android 双皮肤)如果是 React 那就选 ... (TouchstoneJS 和 Reapp) 作者：赵虎链接：h 阅读全文

posted @ 2016-09-01 10:45 osimly 阅读(379) 评论(0) 推荐(0)

目前主流的国产WebApp框架

摘要：1.FrozenUI：QQ 2.WeUI:WeChat 3.SUI:Taobao 阅读全文

posted @ 2016-09-01 10:30 osimly 阅读(289) 评论(0) 推荐(0)