前端 - 随笔分类 - 石沉溪涧

响应式之像素和viewport

摘要：引言按照pc尺寸做好的网页，在手机端打开,看起来像是pc的缩小版，东西都在只是字太小都看不清了，有什么办法放大呢? 于是去google一下，发现，贴了这么一行代码就轻松解决了：为什么这行代码能让字看起来和电脑差不多呢？为了搞懂这行代码的意思，又去google，但是立马被一大堆的概念给弄糊涂了。p 阅读全文

posted @ 2016-03-28 16:33 石沉溪涧阅读(1907) 评论(1) 推荐(4)

ITerms2在mac系统下的安装和配色，并和go2shell关联

摘要：1. 官网下载并安装 2. 拖到应用文件夹使其在应用中展示 3. 熟悉快捷键无鼠标复制： cmd+f：查找首字母，再按tab向右选择词汇，按shift+tab向左选择词汇分屏 cmd+d：垂直分屏 cmd+shift+d：水平分屏 cmd+option+上/下/左/右箭头: 选择焦点窗口。（或者阅读全文

posted @ 2016-02-03 10:33 石沉溪涧阅读(1231) 评论(0) 推荐(0)

利其器之webstorm快捷键

摘要：总结几个webstorm常用的快捷键（macbook下）最实用：command + option + 左/右箭头定位到历史记录中上次/下次编辑的位置command + b / 点击查看方法的声明处fn+option+f7 查看方法在何处调用了command + option + l 代码格式... 阅读全文

posted @ 2015-12-21 14:54 石沉溪涧阅读(468) 评论(0) 推荐(0)

React入门 (2)—实现微博展示列表

摘要：前言如果从来不了解React先看前篇 "React入门 (1)—使用指南（包括ES5和ES6对比）" 。本文为了能将前篇学到的react知识学以致用，做了一个类似微博展示列表的demo。使用的是ES6+React+JSX+Webpack+Babel+NPM 设计思路图为截取... 阅读全文

posted @ 2015-11-17 20:21 石沉溪涧阅读(5800) 评论(11) 推荐(2)

React入门 (1)—使用指南（包括ES5和ES6对比）

摘要：前言本篇会简明扼要的介绍一下React的使用方法。代码会用JSX+ES5和JSX+ES6两种方式实现。 React简介 React来自Facebook，于2013年开源。至今不断修改完善，现在已经到达了版本0.14.2。可以注意到版本还没有到1.0, 普遍应用到大部分产品中还需要一... 阅读全文

posted @ 2015-11-16 18:52 石沉溪涧阅读(27070) 评论(4) 推荐(7)

带着问题学git

摘要：序作为git新手，常见的git clone，push，commit命令已经足够完成一次代码的发布，但是如果不幸碰到问题往往会束手无策，利用网络问答解决了之后也不知其所以然。所以，做一次好奇宝宝吧！ git的安装 1. 下载安装包,下载完成后，打开你的终端。 http://git scm.c... 阅读全文

posted @ 2015-11-10 16:45 石沉溪涧阅读(485) 评论(0) 推荐(0)

天猫首页迷思之－jquery实现整个div的懒加载(2)-插件面向对象化-闭包和原型的实例

摘要：前文有简单的实现了一个制作懒加载的方法，但其实以方法的形式做插件扩展性不强。那么本文就来用面向对象的方法将其制作成一个真正的插件：我想要的最终的调用效果是：1 $(".loading").lazyLoadDiv_cc({2 //自定义效果，可不填3 "beginHeight":40... 阅读全文

posted @ 2015-08-17 01:47 石沉溪涧阅读(2333) 评论(3) 推荐(0)

天猫首页迷思之－jquery实现左侧广告牌图片轮播

摘要：本次要实现的是天猫首页每个楼层左侧的图片轮播效果。见图：功能点有：点击右箭头向右滑动；点击左箭头向左滑动；什么都不点自动滑动。1.实现样式。简单分析一下大概的html结构。一个大的div里面包含两个箭头以及轮播的容器。图片是由三个p标签组成，每个p标签中包含3个图片。css见github 1 2 ... 阅读全文

posted @ 2015-08-12 01:40 石沉溪涧阅读(1029) 评论(0) 推荐(0)

Mac下安装npm，http-server，安装虚拟服务器

摘要：http-server是一个简单的，不需要配置的命令行下使用的http服务器。类似的还有Xampp等。针对前端开发工程的代码不需要编译的特点，使用这种简单的服务器十分的便利。1.安装这个首先要安装npm，所以npm是神马？https://www.npmjs.com/ npm是一个js、mobile等... 阅读全文

posted @ 2015-08-09 20:58 石沉溪涧阅读(4451) 评论(1) 推荐(0)

天猫首页迷思之－jquery实现整个div的懒加载（1）

摘要：懒加载是众所周知的减少网页负载，提高性能的方法，不少大型用图片用的多的网站都用到了。于是我网上一搜，得到一插件：jquery.lazyload 网址：http://www.appelsiini.net/projects/lazyload然而看了简单的demo之后，仍然只会写这种按照独立的控件来懒加... 阅读全文

posted @ 2015-08-08 01:14 石沉溪涧阅读(10916) 评论(1) 推荐(2)

浅谈正则表达式-PHP为例

摘要：第一次比较系统的学习正则表达式，本篇文章以PHP语言为例来学习。基本概念正则表达式=普通字符（如a-z）+分隔符(正斜线(/)、hash符号(#) 以及取反符号(~))+特殊字符（称为元字符）两者的组合； PHP的正则有两种：POSIX和PERL（PCRE Perl Compatible Re 阅读全文

posted @ 2015-06-12 18:26 石沉溪涧阅读(420) 评论(0) 推荐(0)

随笔分类 - 前端

公告