CFXIXI工作室首页
CF西西的博客 | 让博客记录我程序员的旅程~~ Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。PhoneGap Android 交流 QQ 群 250395324欢迎您的加入 。Html5 APP Develop 交流 QQ 群 273843464欢迎您的加入

SVG画圆

1. 十二月 2016
使用path画圆可以确定起始位置<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"> <div class="ant-progress-inner" style="width: 132px; height: 132px; font-size... [更多...]

如何给元素样式增加动画

30. 十一月 2016
举例: transition: opacity .4s; 针对opacity增加一个0.4秒的补间动画。 .index_more_pop .mask { position: absolute; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); opacity: 0;... [更多...]

javascript

NPM淘宝镜像

30. 十一月 2016
http://www.thinksaas.cn/topics/0/400/400616.html

javascript

Javascript如何格式化时间

29. 十一月 2016
var arr = resultKey["time"].split(/[- :]/), dt = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5]);

css3如何制作左右滑动的动画

25. 十一月 2016
1.Javascript调用方法:(对元素添加动画class)$(this).addClass("fadeOutLeft"); $(this).next().addClass("fadeInRight show");2.定义css3 动画 .fadeInRight { -webkit-animation:fadeInRight 1s ease-in-out; -moz-animat... [更多...]

css3

移动前端调试页面–weinre

23. 十一月 2016
转自:http://web.jobbole.com/82967/ 一:远程调式工具—weinre Weinre是什么? Weinre是Web Inspector Remote的缩写(远程web检查器),它的作用就是相当于chrome的审查元素一样,界面和用法也基本一样,无非不同的是:weinre适合在移动端页面调试,比如手机访问页面的时候,我们可以使用chrome浏... [更多...]

Html5

anywhere使用方法

23. 十一月 2016
 转自:http://blog.csdn.net/gxz1989611/article/details/38826101 先贴出项目地址,防止大家觉得我唠叨。 平时工作会分享一些文件的场景,但是自己又懒得一个个的拖到qq里分享给大家。之前自己的习惯是把文件放到nginx服务里,碰到文件比较大的时候除了慢慢等拷贝/粘贴,就是更改nginx.conf文件里静态资源服务器的根目录。今天在逛知乎... [更多...]

anywhere使用方法

23. 十一月 2016
 转自:http://blog.csdn.net/gxz1989611/article/details/38826101 先贴出项目地址,防止大家觉得我唠叨。 平时工作会分享一些文件的场景,但是自己又懒得一个个的拖到qq里分享给大家。之前自己的习惯是把文件放到nginx服务里,碰到文件比较大的时候除了慢慢等拷贝/粘贴,就是更改nginx.conf文件里静态资源服务器的根目录。今天在逛知乎... [更多...]

Html5

hack解决微信标题持久显示问题

21. 十一月 2016
通过监听一张图片的载入情况来控制title的显示,微信会检测title变换标题头//微信页面 设置页面标题 var my_title = common.helpTxt.titleIndex; //需要jQuery var $body = $('body'); ... [更多...]

正则表达式示例

14. 十一月 2016
假设希望截取特定数字 /TTJJ\/(\d{1}\.\d{1}\.\d{1})/假设希望排除TTJJ ([^TTJJ\/]+)$

javascript

jweixin下载地址

10. 十一月 2016
http://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS%E6%8E%A5%E5%8F%A3

前端开发

正则如何从链接中匹配图片

30. 十月 2016
"http([^>]+?)(.png|.jpg)"   "http是固定字符,[^>]表示匹配不是”>“的链接内容,+?表示内容应有有多个字符,.png表示结尾应该有.png

nodejs初级入门教程

30. 十月 2016
http://www.runoob.com/nodejs/nodejs-tutorial.html

使用toLowerCase方法将大写英文转成小写

28. 十月 2016
language:(navigator.browserLanguage || navigator.language).toLowerCase()这样能获取纯小写的字符串

Html5

关于location.search

28. 十月 2016
1.document.location.href 返回完整的 URL。 如:http://www.cftea.com/foo.asp?p=1 引用 location.search是从当前URL的?号开始的字符串 如:http://www.51js.com/viewthread.php?tid=22720 它的search就是?tid=22720  通过这个... [更多...]

Html5

使用正则保留数字剔除字母

20. 十月 2016
postid.replace(/[^0-9]/ig, "")

罗强居中算法

2. 九月 2016
position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 99;

position:sticky实现iOS6下的粘性布局(Fixed滑动消失)

1. 九月 2016
参考:http://efe.baidu.com/blog/position-sticky/

css3

Range Input 三个插件联动

1. 七月 2016
参考:http://jsfiddle.net/EL4tf/   <input type="range" min="0" max="100" value="0" /> <input type="range" min="0" max="100" value="0" /> <input type="range" min="0" max="100" value="0... [更多...]

综合

解决2行因为文字高度不对齐问题

1. 七月 2016
楼主使用了vertical-align:top 解决的向上浮动 .shop-item-list .shop-item { width: 31%; display: inline-block; vertical-align: top; }

css

ruby编译scss出现invalid GBK错误

29. 六月 2016
转自:https://segmentfault.com/a/1190000002932352   问题描述 在windows7上面,通过ruby编译scss时,发现编译报错,内容如下: Conversion error: Jekyll::Converters::Scss encountered an error while converting 'css/main.scss': ... [更多...]

综合

jQuery回到顶部(带过度动画)

26. 六月 2016
$("#pageTop").on("click",function(){ $("html,body").animate({ scrollTop: 0},300);});

前端开发

调整页面大小自动计算页面的Font-size js

21. 六月 2016
<script> //auto adaptationvar calculate_size = function() { // var BASE_FONT_SIZE = 100;var docEl = document.documentElement, clientWidth = document.body.clientWidth; if (!cl... [更多...]

Package.json中dependencies与devDependencies的区别

21. 六月 2016
转自:https://www.zfanw.com/blog/difference-between-dependencies-and-devdependencies.html npm install在安装node模块时,有两种命令参数可以把它们的信息写入package.json文件: –save –save-dev 但它的文档里1,只提到一个小区别,--save会把依赖包... [更多...]

nodeJS

underscore源码分析

4. 六月 2016
underscore源码分析 https://github.com/hanzichi/underscore-analysis  

javascript

如何在Javascript中获取字典类型的Key和Value值

2. 六月 2016
看一个简单的示例: for (prop in items) { var itemKey = prop; var itemValue = items[prop]; } prop 字段 即字典类的的Key值,而items[prop]可以获得Value值。

javascript

安装部署Apache

31. 五月 2016
转自:http://www.server-world.info/en/note?os=CentOS_6&p=httpd Install Apache httpd 2014/08/25   Install httpd to configure Web server. HTTP uses 80/TCP. [1] Install httpd. ... [更多...]

综合

win server 部署vpn教程

30. 五月 2016
win server 服务器安装教程http://wenku.baidu.com/link?url=2lZvUierl8Ab4QHT5KaQ2cUg-h2MJ6fehL-XpvYwfDPEiyKA0yiNn-nSXfPUReUQo2qiB1xhwNkid03GwaHgLZaqY4xi_En_WBIB6oXqoi_上网解决方案1.改dnshttps://www.v2ex.com/t/758412.勾... [更多...]

综合

网易企业邮箱 Foxmail V7.2客户端设置

11. 五月 2016
转自:http://jingyan.baidu.com/article/8275fc8690630546a03cf618.html   填写正确的邮箱地址和密码,在pop服务器处填写“pop.ym.163.com”,端口填写“110”;在smtp服务器处填写“smtp.ym.163.com”;端口填写“2... [更多...]

综合

html select 如何在change事件后获得当前的option的value

11. 四月 2016
var objS = document.getElementById("aaa");var accountNo = objS.options[objS.selectedIndex].value;

Html5 APP

这个redux可以解决react components 之间属性跨级传递的问题

7. 四月 2016
https://css-tricks.com/learning-react-redux/    

前端开发

【移动前端开发】移动平台对 META 标签的定义

25. 三月 2016
转自:http://blog.csdn.net/xiaoguang44/article/details/50973247

移动开发

澳大利亚土著人戒指

28. 二月 2016
http://www.mondial.com.au/diamond-dreaming/saltwater-freshwater-ring 咸水与淡水的交汇处

综合

塔斯马尼亚岛看海豹一日游官网

15. 一月 2016
https://www.brunycruises.com.au

综合

Ios日期截取

18. 十二月 2015
var arr = resultLogin["time"].split(/[- :]/),dt = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5]);

javascript

前端之React实战-JSX介绍与使用

9. 十二月 2015
转自:http://segmentfault.com/a/1190000003748270 JSX HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写。 var names = ['Alice', 'Emily', 'Kate']; React.render( <div> { ... [更多...]

Html5

css3通过渐变来做2色竖条

5. 十二月 2015
background-image: linear-gradient(top, #33cc33 70%, #ddd 70%, #ddd);background-image: -webkit-linear-gradient(top, #33cc33 70%, #ddd 70%, #ddd);

Html5

如何写出左右顶个的列表样式

3. 十二月 2015
<div> <span class="Title">充值</span> <span class="Result">易方达天天理财</span></div> Title{ display: inline-block; width: 32%; overflow: hidden; white-sp... [更多...]

Html5

React编译jsx方法

28. 十一月 2015
**JSX文件编译:**安装nodejs(话说这个是必装的啊),npm install -g react-tools  执行命令:jsx -w -x jsx myreact/ static/hello/src/buildjsx -w -x jsx vendor/ vendor_build在主目录下(hello-react-backbone)下执行-w 是观察文件修改,并自动重新... [更多...]

javascript

glup文档

14. 十一月 2015
https://css-tricks.com/gulp-for-beginners/

综合