关于flex布局，可以看我这篇 图解Flex布局 本文基于的框架：微信小程序、uniapp（Vue.js）、SCSS。原理是一样的，我就不转换成原生的Vue.js和css了。 原理： 模板： v-for="i in 5" 循环显示5个bar :style="{ 'height': readingHoursHeight[i] + 'px' 根据readingHoursHeight的数据动态设置bar的高度 {{ readingHours[i]...

欢迎交换友链： laker.me--进击的程序媛Github：[链接]V信: lakerHQ （请注明‘来自博客’） 涉及的两个项目 Pixler：一个用于设计像素图片（拼豆）的应用。 Easycanvas.js： Canvas 绘图库 开发背景 我对拼豆感兴趣，在做拼豆前要设计图纸，类似画像素图。我试用了网上能搜到的几个拼豆图纸设计的应用，但是没有适合我的...

ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

欢迎交换友链 Laker's Blog--进击的程序媛Github：[链接]微博: 江小湖Laker 上篇文章讲了如何上传文件。本文讲细分讲述图片上传、预览等。 关于接口 File API File - 独立文件；提供只读信息，例如名称、文件大小、mimetype 和对文件句柄的引用。 FileList - File 对象的类数组序列（考虑多文件上传或者从桌面拖动目录或...

欢迎交换友链 Laker's Blog--进击的程序媛Github：[链接]微博: 江小湖Laker HTML input类型设为file： {代码...} 如果想上传多文件，可添加multiple {代码...} 用accept="MIME_type"限制提交的文件类型，用逗号隔开的 MIME 类型列表（服务器端也要最好类型检测双保险），如： {代码...} 获取文件内容 JavaScript： {代码...

欢迎交换友链 Laker's Blog--进击的程序媛Github：[链接]微博: 江小湖Laker 不要脸的自恋一下——我觉得我看源码的能力越来越强了，2333~ 想看到 Ruby China 搜索框动画效果很不错，想试着实现一下。最初我的想法是用jQuery的animate： {代码...} 题外话，toggle值意味着宽度在0和原本宽度之间切换. 如果这样用的话，input...

本文讲介绍:hover、:active、:focus、:checked、Media Queries、JavaScript控制六种方法触发CSS3 transition，以及 transitionend 事件的使用。

原文：[链接]欢迎交换友链 Laker's Blog--进击的程序媛Github：[链接]微博: 江小湖Laker 双十一红包没在意，听朋友说抢到上百的红包，双十二弹出广告随便点了一下，心血来潮想写了个脚本。 道理都一样，这里以页面 为例，使用Chrome插件的方法（还有很多其他实现方式，我这里想尝试Chrome插件的编写）。只是做了模拟点击...

Brackets 号称是懂web设计的开源编辑器。之所以这样说，是因为它是为前端工程师准备的，在前端开发方面做了很多特别设计。比如 可以在HTML里面直接跨文件编辑标签所涉及的CSS、PSD生成web文件、实时预览等。

之前一直使用Jekyll，但是换电脑安装环境觉得很麻烦，尤其是ruby被墙，用 gem 安装Jekyll时候很难安，要换成淘宝的镜像。后来换成Hexo，但是需要在本地编译上传。试过Koding搭了个在线虚拟机，在线编译后上传。但是感觉还是麻烦，不如Jekyll可以直接上传Markdown文件，由Github直接编译部署的方便。想起以前用过的云编辑...

以前大三的时候写的一个小框架，仿jquery链式结构，纯属练手，大牛勿喷。当时还把JQ的源码全部打印下来（因为在电脑上看不方便做笔记），7600+行代码，300+页A4纸，对照着看别人是怎么写的。还好一个长我一届的学长当时比较闲，我说我想读JQ代码，他也没读过，就找来上两届的学长以前练手写的小框架进行学习。可惜只找到...

《CSS Grid布局：网格单元格布局》一文中通过一些简单的实例介绍了如何给容器定义网格，并且怎么使用网格线或者网格区域来实现单元格这样的简单的布局。在文章结尾之处也提到过，这样的单元格如同表格一样，仅仅一个个独立的单元格是无法满足一些复杂的Web布局，我们需要将多个单元格合并在一起，拼装成一个稍为复杂一点...

CSS Grid布局对于我等来说就是一个全新的布局，但国外很多同行朋友已对这种布局做了全面的探知。前面花了两篇内容（《CSS Grid布局：什么是网格布局》和《[CSS Grid布局：浏览器开启CSS Grid Layout][链接])》）为这篇文章做足了铺垫。或许你想知道的是如何使用？各位看官不用太急，接下来通过各种实例向大家阐述CSS Gri...

上一篇《CSS Grid布局：什么是网格布局》中简单介绍了什么是CSS Grid Layout以及一些概念和术语，为后续学习和使用CSS Grid Layout做了一些铺垫。但浏览器对CSS Grid Layout到目前为止各浏览器厂端支持程度不一致，致使无法全面使用，就算是学习做一些测试示例都还需要做一些设置。那么在这篇文章中，将向大家介绍如何让...

CSS Grid现在已经被W3C纳入到CSS3的一个布局模块当中，被称为CSS Grid Layout Module。而我们较为熟悉的还是将其想像成网格或者栅格，也就是早期的960gs。不管是网格还是栅格或者现在的CSS Grid Layout Module，我想掌握这些技术对于我们将来在Web项目中实现布局只有好处没有坏处。那么从今天开始我将和大家一起探讨CSS...

AJAX的采用标志着的Web历史上的一个巨大飞跃。与Web服务器通信而不需要重新加载页面的能力已改变了Web应用程序构建。动态网站的概念形成以后，AJAX(XMLHttpRequests) 技术发展迅速。 近年来XMLHttpRequests增加了一个很好的功能来处理文件上传。传统上，许多开发者用其他技术如Flash上传文件到服务器。这种方法的问题是...

前几天老妈让我帮拷贝一张大光盘里的表演节目出来，我把光盘插入后很顺利被吸进去，但是没有读盘的迹象，打算退盘，但是按退盘键没有反应。上网搜了各种方案未果。整理一下我尝试过的方法，也许你会有用： 1.开机的时候长按OPTION后,一直按住推出键 2.开机的时候长按触控板 3.开机的时候同时按住鼠标左+(右)键 4.用另一...

最近SF开展了「统一开发平台为Mac」的运动，我也从Ubuntu切换到了Mac OS X。本文记录一下如何在Mac OS X下安装CoffeeScript环境，以备以后参考。希望对别人也有用。

例如，假定我们平时使用config.json（方便开发和测试），但是在发布NPM包的时候，希望发布config.json.example。这就要求我们在npm publish前后修改文件名——也就是说，要保证执行的顺序，不能出现文件名还没改好就发布的情况。如果用sh表达的话，就是：

镇文图 什么是Session Session是用于保持状态的基于Web服务器的方法。可以简单理解为服务器给用户生成了一个通行证。 登录的过程 1.提交用户输入的用户名和密码 2.检查是否存在此用户名 3.如果存在，检查密码是否正确 4.如果正确，生成session 将要用到的几个关键语句 1.加载session类 {代码...} 2.创建session {代码......

涉及到数据库，就是比较复杂的内容了，所以本文略长，但是CI还是为我们省了很多麻烦事。CI提供了强大的数据库函数类——Active Record，源码是/system/database/DB_active_rec.php文件。

阿大说，为做一张配图，还要换系统，好苦13 ╮(╯-╰)╭ 原生php上传 在使用CI之前，我们来看看用原生代码是如何上传的，做个对比，就知道CI有多么方便～ 首先创建一个视图ci/application/views/uploader1.php 表单的 action 填写调用的控制器的上传方法'upload1/up'，这个将在下一步代码中完成控制器具体内容 填写method，g...

CI是一个比较流行的PHP MVC框架，CI的文档完善和资源丰富，适合初学～ 按照我觉得比较高效的学习方法：了解基本语法 -> 学会使用一个流行的框架 -> 反过来在用原生语言自己实现一个框架

先前一直比较关注前端的东西，对后端了解较少。不过一直对Node.js比较感兴趣，去年12月还去参加了阿里的CNODE交流聚会。 以后希望通过这里的博客分享一些学习Node.js的笔记。一方面总结了自己的学习心得，另一方面也可以和大家一起分享交流。 嗯，大概就是这样子。 这篇就先介绍一个Node.js的模块——request。有了这个模...

4月之前，在一家武汉的公司实习了4个月左右，公司就我一个前端，无尽地搭页面，而且搭得很烂，js只会用jquery改别人的代码来用。因为公司主要做移动应用外包，web不是重点，当时也很迷茫，自己也不知道要干嘛，所以进步很慢。感觉这里不是我想要的。找了个借口辞职了。

现在我们利用它完成一下几个功能： 1.监听Sass／Less文件 2.监听CoffeeScript文件 3.连接css／js文件 4.保存文件自动刷新浏览器