- 博客(60)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS：font-szie
作为前端程序员对font-size这个属性肯定是再熟悉不过，相信这是我们使用频率最高的属性之一了。但是之前接到一个需求涉及到字体的适配，发现我好像对这个本应该很熟悉的属性好像有点陌生，于是花了点时间看了一下CSS的英文文档，虽然是一个简单的知识点，但是收获还是很大的。font-size语法/* <absolute-size> values */font-size: xx-sma...
2018-12-21 14:13:04
258
原创 微信-Android 浏览器刷新有缓存？
前端刷新网页的方法有很多种：1：history.go(0) 浏览器的history对象，go 跳转到指定位置的页面。2：location.reload(true); 重新渲染当前页面，参数为真时是从服务器端重新渲染，并响应页面，参数为假时则优先获取缓存。3：location.replace(location); 替换当前页面的连接4：location.assign(location); 导航
2017-06-23 18:10:36
1111
原创 TODO-4：nodejs 实现一部漫画爬取
很早之前一直很喜欢听一些有声评书，当时为了找这些音频也是煞费苦心。但是找的过程中也发现，我每次下载音频的时候都是在重复同样的操作，所以也想过是不是可以用程序实现。那时候并没有很强的意念去实现是这个工具，所以只是停留在了想的层面。前不久无意发现一部感觉不错的动漫《镇魂街》，看了动画片之后觉得不过瘾，又发现官方的漫画版还挺有看头的，于是又从头开始后撸漫画，但是发现一页一页的翻翻找找好累，所以又想着把这些
2017-01-03 15:23:09
2104
原创 使用 npm 私有仓库安装依赖遇到的坑
最近项目部署的时候时常遇到访问 npm 官方仓库网络抽疯的现象，决定尝试一下公司内部新搭建的私有仓库（使用的 cnpm）。切换个仓库这么简单的事没想到遇到两个大坑，记录一下：tarball url 指向不正确问题：用npm i --registry=https://rnpm.xxxxx.com xxx 命令安装时，结果却到 r.cnpmjs.org 这个域下面下载tar包。 原因：仓库的regis
2016-11-17 17:14:25
9292
1
原创 TODO-3：css relative and absolute
css中很多属性都是很近似的，平时在项目中使用并不会太在意两者之间的区别，之前在css定位上吃过亏，这次细致的解析一下。css position: fixed | static | absolute | relative | center | page | stickystatic 和 fixed 的概念很简单，这里不做详细解释。center page sticky 属于css3新增属性。relat
2016-11-14 11:42:02
405
原创 linux 下使用"n"配置使用淘宝镜像
n 是 nodejs 版本管理器，鉴于国内网络环境，作如下配置用起来才会便捷。# ~/.bashrc 或 ~/.zshrc# 使用淘宝 nodejs 镜像，注意末尾的'/'不能省略export NODE_MIRROR=https://npm.taobao.org/dist/# 建议 linux 用户配置 nodejs 安装目录，切换版本不用 root 权限export N_PREFIX=$HOM
2016-10-29 12:16:12
3263
1
原创 TODO-1：6种数组去重方法-面试题
前两天看到有一个人在总结面试的时候写到问到了数组去重，说是方法很多。一时手痒把我能想到的都写出来了。1、最传统的方法，“链式”检索，这个方法虽说是双层for循环嵌套，但是能够保留数组原有的顺序，对于有顺序要求的可以用这个，而且可以兼容低版本浏览器。let ary = [2,324,35,2,36,1,2,5,3,51,31,2,5,2,24,5,46,789,0,'2','2'];function
2016-09-01 13:10:34
643
原创 fadora 23 dnf 更新错误
问题： 执行sudo dnf update报错： 上次元数据过期检查：0:27:28 前，执行于 Fri Jul 22 07:42:36 2016。 依赖关系解决。 错误：该操作将导致移除已启动的内核：kernel-core-4.5.7-202.fc23.x86_64 。解决方法：sudo dnf remove python3-dnf-plugins-core -y参考： htt
2016-07-22 08:29:28
1938
原创 【codewarns-8kyu】- Arguments to Binary addition
[codewarns - 8kyu] 数字转二进制，数组的筛选和扁平化
2016-07-13 16:17:25
717
1
原创 react with JSX for {if…else…}
在react中用jsx渲染dom的时候经常会遇到if条件判断，然而在jsx中竟是不允许if条件判断的。一下有几种判断方式，可以根据自己的应用场景，挑选适合的。方案一：class HelloMessage extends React.Component { render (){ let userMessage; if (this.props.loggedIn) { us
2016-05-30 15:13:49
22137
1
原创 手机端网页监测是否打开键盘
做H5页面经常会遇到页面有输入功能的 例如这种的： ps：测试机仅有一台mi4c 最开始想，键盘弹出应该占用了浏览器的窗口，所以弹出键盘时页面的可用高度一定是变化的，换句话说就是弹出键盘导致浏览器的高度被压缩。 所以通过对比输入框获取焦点前后浏览器窗口高度的变化，可以判断出键盘是否弹出。document.documentElement.clientHeight // ==>640docum
2016-05-03 17:15:27
5442
原创 fedora 22 安装 elixir
安装配置kerl 1.1 安装kerlcurl -O https://raw.githubusercontent.com/yrashk/kerl/master/kerlchmod a+x kerlsudo mv kerl /usr/local/bincurl -O https://github.com/yrashk/kerl/raw/master/bash_completion/kerls
2016-03-15 19:30:57
661
原创 CentOS 6.4 上安装 Python 2.7.x
1.去官网下载解压相应版本的源码包，我用的这个：https://www.python.org/ftp/python/2.7.10/Python-2.7.10.tgz2.安装编译需要的工具：sudo yum groupinstall -y development3.编译安装：./configuremakesudo make altinstall使用 altinst
2015-11-30 12:37:07
436
原创 学习Angular2-typescript编译
前端这个方向，对于新事物的接受能力和速度决定了你在整个行业的位置。ng2还没有发布官方稳定版本，但是我觉得对于我来说这个时候是最好的蓄力时机，于是开始了ng2的学习之路。接触ng2之前也接触过一个avalon的东西，但是不知道是不是哪里相克，就是不顺利，后来想想，都是大同小异，不如学学更具参考性的ng2.ng2支持typescript和es5，6开发，当然官方文档目前只有ts的，为了更
2015-11-13 16:59:39
7619
原创 我
无意翻看了一个同行的博客，忽然就陷了进去。那些文字这次并不是急于翻看博客里任何关于专业知识的文章，反而想多看看那些随笔，看着看着我竟有些喜欢这个人得文字风格。他的博客除了一个头像再没有任何图像。整个排版布局极简，却不让人觉得寒酸。突然我在想我苦心创造的“书屋”什么时候也能够呈现在互联网中，哪怕是被千万人海中一个人喜欢了，我的努力也没有白费。小时候我记得上学被老师打就是因为汉
2015-10-10 15:59:44
491
原创 fedora 21 安装搜狗输入法
1.添加fedora中文社区软件源wget http://repo.fdzh.org/FZUG/FZUG.repo -P /etc/yum.repos.d/2.安装搜狗输入法sudo yum install -y sogoupinyin3.卸载ibussudo yum autoremove ibus -y4.关闭 gnome-shell 对键盘的监听gsettings
2015-06-24 11:07:40
3576
原创 gnome 3 的几个桌面扩展
周末找了几个gnome 3 下简单好用的插件：1. taskbar2. drop-down-terminal3. netspeed4. settingscenter5. todo-list需要用火狐打开安装。
2015-05-17 20:51:49
2404
原创 fedora下yum重新安装npm失败及解决
把npm卸载了，重新安装的时候报错：Error unpacking rpm package npm-1.3.6-6.fc21.noarcherror: unpacking of archive failed on file /usr/lib/node_modules/npm/doc: cpio: rename..................................失败:
2015-04-28 18:05:14
2696
原创 fedora wifi频繁断开
在家时没有问题，到公司时 wifi 总是掉线，显示一个问号，需要手动断开重联。这可能与公司网络太差有关，在网上查了下资料，发现修改下网络参数可以改善这种情况：sudo vi /etc/pp/pppoe-server-options将lcp-echo-interval 参数改大一些，如：lcp-echo-interval 100需要重启网络服务。参考：
2015-04-20 17:25:07
2011
原创 解决fedora下webstorm中文字符不显示的问题
最近新换了系统(fedra 21)，顺便把webstorm 9换成了10.发现对中文的支持出了问题：打开文件时目录中的一些汉字会变成‘口’，编辑器中的一些中文字符直接不显示。通过查阅一些资料发现是字体的原因，解决办法就是安装【文泉驿等宽正黑】字体：sudo yum install -y wqy-zenhei-fonts参考：http://bigc.at/intellij-i
2015-04-19 14:21:25
1677
转载 正则匹配中文以及一些常用正则表达式
正则表达式用于字符串处理、表单验证、日志数据分析等场合，实用高效。现将自己走网上搜索并总结的常用方法收集了一下：匹配中文字符的正则表达式： [\u4e00-\u9fa5]注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^\x00-\xff]注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）匹配空白行的正则
2015-04-17 12:18:26
611
原创 fedora 21 安装webstorm10
1.到官网下载相应版本2.解压tar -xzf ...3.移动到/usr/local/4.进入/usr/local/WebStorm-xxx.xxx/bin/5.启动./webstorm.sh报错，进行下面步骤安装jdk6.下载jdk到官网下载相应rpm包7.安装jdksudo rpm -Uhv /path/to/binary/xxx.rpm
2015-04-13 11:09:36
1197
原创 Error: Module did not self-register.
升级node之后，运行项目时mongodb驱动报错： [Error: Module did not self-register.] js-bson: Failed to load c++ bson extension, using pure JS version造成这个问题的原因是node升级后C/C++模块没有重新编译。npm rebuild mongodb或
2015-04-09 14:12:57
6382
原创 元素拖拽
/* * touchScroll * param:el,evt * evt:{start:function(){},move:function(){},end:function(){}}*/(function(window,document,undefined){ var hasTouch = 'ontouchstart' in window, hasPoi
2015-04-02 16:32:16
674
原创 mongodb nodejs驱动延迟写入
使用nodejs向mongodb循环写入数据时，发现异步回调已经完成，数据库的写入还再缓慢进行着。这会使web的第一次请求响应很快，第二次请求迟迟得不到处理。具体什么原因，还有待研究。。。
2015-04-02 11:38:11
924
原创 async 报‘Maximum call stack size exceeded’错误
在使用async的 eachLimit(arr,limit,iterator,callback)方法时，当数组arr比较大时会报错：Maximum call stack size exceeded导致这个问题是因为iterator是同步方法，请参考：https://github.com/caolan/async/issues/700那么为什么同步迭代器会导致这种错误呢？
2015-04-02 11:31:44
3733
原创 手机端巧用input[date]
应用场景：生命计算器，允许用户输入自己的出生年月，根据用的数据计算出相关的过去和未来100岁的数据。分析：这个应用主要两个点。1，用户的输入是自由的；2，Date的运用；3，浮点数和整数的处理。技术点不多，也不难，算是巩固一下javascript的Date，Math两个对象。一、用户的输入允许用户输入，必然会有数据的准确性验证。可以有两个选择。1，用户的手动输入；2，提供日期选择器。
2015-03-25 20:17:55
6356
原创 fullPage 使用总结
相对iScroll，fullPage更显的小巧实用。毕竟我们好像对于产品的需求没有那么高，特别是如果只是为了要展示好看的内容，这个会是更好的选择。相对于iScroll好用的地方：1，翻页的时候或者跳转之后希望能回到之前的页面；2，页面切换的状态有很多，比如翻页方向，翻页前，翻页后；3，分页导航；4：顶部导航和footer。总之，这个的定制性稍强一点吧。使用之前需要注意的问题：fullP
2015-03-24 16:54:50
2168
2
原创 iScroll使用总结
iScroll官方宣传的就是在网页上实现app的滑动效果。在使用iScroll之前首先需要了解一下它的一些特点，iScroll github地址：https://github.com/cubiq/iscroll。iScroll为一些不同的需求创建了对应的文件，iscroll.js文件包含基本的组件，iscroll-lite.js则是精简型的，专为实现滑动功能，其他不支持。同时还支持页面放大
2015-03-23 15:38:19
3061
4
原创 移动端实现 iphone android 小图标 文字排版
情景描述：在手机浏览器中展示一些数据，这些数据前面都小图标，要求：小图标和文字水平对齐。效果图问题分析：对于图文横排的问题，有很多的解决办法，但是究其根本还是将图片和文字放在同一行上进行展示。实现方案：方案一：写法上很简单，但是这个的兼容性有很大问题。.m-icon{display:inline-block; vertical-align:middle; paddi
2015-03-11 17:04:46
1799
原创 微信内置浏览器对于video的duration和redayState支持程度
之前接到一个在微信页面中添加背景音乐的需求，想都没想，查了几个相关的事件和属性上来就开始coding。随后悲剧了。。。测试的时候很多人说，我的怎么不能加载完了就自动播放音乐呢？后来发现ios在这个方面有专门的限制，在没有用户交互的时候是不能自动播放的。后来不得已根据产品设计添加了触发播放的事件。但是，新的需求又来了，前段时间风靡一时的朋友圈语音，也让我不少费心了，一个是自动播放，一个是对于
2015-03-03 17:23:35
4648
原创 CentOS 删除旧的内核包
1.查看已安装的内核包：rpm -q kernel2.安装yum utils：sudo yum install yum-utils3.清除旧的内核包（只保留2个）sudo package-cleanup --oldkernels --count=24.修改/etc/yum.conf，设置installonly_limit=2参考：http://w
2015-02-05 19:42:40
704
原创 防止dns的重定向
最近在访问一些网站时，经常页面闪现一下，然后就被重定向到一个丑陋异常的页面，显示： “尊敬的用户：您访问的域名有误或网页不存在，您可以使用我们提供的以下服务”具体如下图：打开Chrome的开发者工具，查看Nerwork Log（勾上Preserver Log复选框），找到当前页面的启动器（initiator），发现是来自http://www.facebook.co
2014-12-12 15:50:01
4355
原创 CentOS 7 休眠系统
装了双系统的电脑有时候需要切换到另一个系统进行工作，这时候系统的休眠功能就十分重要。CentOS 7的电源按钮只有关机和重启两项，但是可以用命令来休眠系统：重启：$ systemctl reboot退出系统并停止电源：$ systemctl poweroff待机：$ systemctl suspend休眠：$ systemctl hibern
2014-12-01 18:49:20
13891
dais集成开发环境
2012-06-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人