14.11.10关于英语学习

一直以来英语都是我所头疼的事情。一次次考试也都是很危险的通过。

作为程序员,英语不好简直让人失去一臂。各种文档磕磕绊绊,用谷歌翻译总算能勉强解决,但是想要达到更高的水准就完全不够了。那些英文原版书也都是无法阅读。

不过毕业以来就一直没有断掉英语学习的希望。最长久的一次就是用扇贝英语打卡学习了2个多月。后来也放弃了。

那些英语好的人为什么会好的,背单词背课文或许都有用,按部就班在学校期间学习也够了,当初没有学好真是一大遗憾。如果可以的话,我宁愿其他科目都差一些,独剩英语。

这期间买了一些的英语学习书,只要在哪里看到学习方法,都找来学习一下。

综合而来,

那本中学英语语法,确实基础扎实。但是没有老师的话,不太可能搞定……

esl也不太适合我现在。

塞罗石没有语法。

新概念我看了太多遍起始了。

各种app,使用来,就是那个不背单词,算是最适合我的。但是用的也少。

后来发现那个赖世雄极好,讲的算是有趣。就是美式发音,需要我改掉一些发音。我从初级开始看就够了。基础太差嘛。

也去测试了单词量,发现才

未标题-1

实在是,太低。其实我觉得我实际比这个还要低。要不是因为作为程序员计算机词汇稍微常见一些还算记得,恐怕会更糟了。

今天看完了《把你的英语用起来》。

核心思想比较简单。只要有两三千单词量,找到你能看到了或者看得进的英语书,然后就读下去。每两页只查找一个生词。其他的空过去,就好象“我走进xxx,装饰的很xxx,看到一个xxx的人,正在xxx,受伤了。”这样读下去,不要管那些陌生的词。只看文章下去。

然后那些重要的单词你自然会常见。那么,你就会自然记下核心词汇。而且只查找一个生词,避免了过多打断。

文写得很贴心,考虑到了诸多情况。我看过不少的书,不过在初级阶段就可以帮我大概解释一下为啥我单词都认识,但是放一起就不认识的书或文章。我可能就见这么一个了。

那么值得我实行看看。

而且假如我真看掉了十本英语小说。不管怎样,我都会对英语坦然很多了。对于自信也有很大帮助。每本书可以认识100个单词,然后见了很多用法,怎么想也算是好的方法,而且比背单词,被课文,更容易让人接受。

而且也见识到怎样对英文单词难度进行分类,首万字不重复单词量。想想也是啊。

淘宝买到了一些外文书,很便宜十几元一本。纳尼亚传奇7本一直被推荐。作为儿童小说比哈利波特简单了许多。

目标-年底前看完三本。搞定的话,给你买个高达的打火机。

恩,其实从某种方面来说,书变人性化体贴了,也就是人懒了,找到看起来最能接受的方法,然后实行。如果不行,估计就不会再试了。

不过英语这东西,之前学到太烂,所以现在就要学的更认真,为了以后的任何时候准备。否则放弃了75%的网站,大半的世界,岂不可惜。

 

 

 

 

 

 

发表在 english, 读书 | 14.11.10关于英语学习已关闭评论

idangerous.swiper插件切换页加载动画

最近做的微刊需要在用swiper插件切换页后,动画效果再展现出来。之前在一个百度的微刊里看到了类似的效果。

当初因为有顺序进行的动画,所以没有用css动画,用了jq。现在这个没有顺序了,就可以用这个了。

其实说起来挺简单的,就是在那个div的class里加上‘animate’这个类就行。

然后再css里.animate{}里定义动画就好了。

.animate .page1{
position:relative;
animation:moveup 3s linear 0s 1;
-moz-animation:moveup 2s linear 0s 1; /* Firefox */
-webkit-animation:moveup 4s linear 0s 1; /* Safari and Chrome */
-o-animation:moveup 4s linear 0s 1; /* Opera */
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

@keyframes moveup
{
from {top:400px;}
to {top:0px;}
}

@-moz-keyframes moveup /* Firefox */
{
from {top:400px;}
to {top:0px;}
}

@-webkit-keyframes moveup /* Safari and Chrome */
{
from {top: 200px;}
to {top: -280px;}
}

@-o-keyframes moveup /* Opera */
{
from {top:200px;}
to {top:-150px;}
}

 

因为这切换页的插件是用‘swiper-slide-active’来判断是否激活的。就在插件里的idangerous.swiper.js文件,搜索–

slideActiveClass: ‘swiper-slide-active’,
slideVisibleClass: ‘swiper-slide-visible’,
slideAnimateClass:’animate’,

加上第三行。

然后我这个版本是2073行,

if (_this.visibleSlides.indexOf(slide) >= 0) {
slide.classList.add(params.slideVisibleClass);
slide.classList.add(params.slideAnimateClass);
} else {
slide.classList.remove(params.slideVisibleClass);
slide.classList.remove(params.slideAnimateClass);
}

另外还有2084行,再改改,加上也就行了。

然后就发现还是挺好用的。

 

发表在 js | idangerous.swiper插件切换页加载动画已关闭评论

14.11.4 为今日头条生成rss

原本onemovie.com网站不带有rss功能,只有一个json,还是转码存在一些问题的。

网上找了一些代码,都不够好用,后来发现http://www.phpernote.com/php-function/632.html

代码复用起来很好。

只是原本代码不带图片,为了今日头条那个规范,进行了一些处理。

<?php
include(“rsscr.php”);
header(‘Content-Type:text/html; charset=utf-8′);
$db=mysql_connect(‘127.0.0.1′,’root’,’123456′);
mysql_query(“set names utf8″);
mysql_select_db(‘dbname’,$db);
$brs=mysql_query(‘select * from archives order by id desc limit 0,30′,$db);
$rss=new UniversalFeedCreator();
$rss->title=”万影网”;
$rss->image->url=”http://www.onemovie.com/logo.png”;
$rss->image->title=”万影网”;
$rss->image->link=”http://www.onemovie.com”;
$rss->link=”http://www.onemovie.com”;
$rss->description=”万影网”;
while($rowbrs=mysql_fetch_array($brs)){
$item=new FeedItem();
$item->title =$rowbrs[‘artitle’];
$item->link=’http://www.onemovie.com/archive/info/’.$rowbrs[‘id’];
$item->description =$rowbrs[‘description’];
$item->source=”万影网”;
$item->pubDate=$rowbrs[‘create_time’];
$rss->addItem($item);
}
mysql_close($db);
$rss->saveFeed(“RSS2.0″,”rss.xml”);

?>

 

另外为了配合规范。在那个js文件的421行改了截取标题长度,424行位置加了来源,最后因为时间为了符合rfc2822规范,改了一下。

$feed.= ” <title>”.FeedCreator::iTrunc(htmlspecialchars(strip_tags($this->items[$i]->title)),300).”</title>\n”;
$feed.= ” <link>”.htmlspecialchars($this->items[$i]->link).”</link>\n”;
$feed.= ” <description>”.$this->items[$i]->getDescription().”</description>\n”;
$feed.= ” <source>”.htmlspecialchars($this->items[$i]->source).”</source>\n”;
$feed.= ” <pubDate>”.date(‘D, d M Y H:i:s O’,$this->items[$i]->pubDate).”</pubDate>\n”;

最后总算可用。

找到可复用的代码比我原本想用simplexml生成要简单不少。只是还是需要研究一下那个。复用终究不是自己的啊。

 

发表在 php | 14.11.4 为今日头条生成rss已关闭评论

14.10.16 进一步优化

加入开始界面。(http://blog.ilikecss.com/a-page-preload-animation/)

然后立刻显得顺眼起来。

只是还是太慢,尤其是3g网络下。

于是就去找lazy load。

默认设置是距离屏幕多少后,开始加载。

这个滑动翻页,不太好判断。我就改成多少秒后,自动加载。好用很多。目前可以展示了。

发表在 js | 14.10.16 进一步优化已关闭评论

14.10.15 初步优化

因为打开速度太慢,找了半天发现可以使用pagespeed进行网页优化。

然后里边倒是真的颇为详细,还能把图片尺寸直接修改,压缩了。

之前最大问题是js没有压缩。以及没有启用gzip压缩传输,另外还有缓存的启用。

关于gzip压缩(http://www.xuebuyuan.com/1450519.html)因为我使用apache2.x版本,就在httpd.conf启动相关deflate的mod,然后加上

DeflateFilterNote ratio
LogFormat ‘”%v %h %l %u %t “%r” %>s %b “%{Referer}i” “%{User-Agent}i”” (%{ratio}n)’ deflate

<Location />
SetOutputFilter DEFLATE
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch /bMSIE !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI /.(?:gif|jpe?g|png)$ no-gzip dont-vary
#Header append Vary User-Agent env=!dont-vary
</Location>

也就行了。

 

关于缓存也是如是(http://yulp2010.blog.51cto.com/983828/479796)  打开expires的mod,然后在同样的文件里加上

<IfModule expires_module>
ExpiresActive On
ExpiresByType text/html “access plus 30 days 1 hours”
ExpiresDefault “access plus 2 month”
</IfModule>

也就行了。时间随便改。

这写我和其他一些代码都扔到这个文件最下边了。

另外,打开还是慢,就看到有合适的(http://blog.ilikecss.com/a-page-preload-animation/)

 

发表在 js | 14.10.15 初步优化已关闭评论

14.10.14 ios分标率和html适配问题

一开始的时候,还以为移动端和pc端差不多。就直接挪过去。结果发现分辨率跟想象不大一样。明明是640宽度,结果只占了手机屏幕的一半左右。要把width加到1200多,才算是正常。

有点诡异,自己浅薄的以为是微信里把屏幕同步正常缩小了,为了适配pc端。

慢慢的开发中,在使用chrome开发者工具模拟时,发现有个设置”device pixel ratio”,我选择iphone5时,默认是2,分辨率也变成原本的一半。就开始心思活络起来。搜索了一下。

这个视网膜屏幕啊,

加上这句<meta name=”viewport” content=”width=device-width, initial-scale=0.5″>,就都ok啦。

其实initial-scale=0.5这句原本没有的只是为了适配小米手机……

发表在 js | 14.10.14 ios分标率和html适配问题已关闭评论

14.10.9 -jQuery动画队列,弹簧,放大

设计提出要求希望那个有个跳动感觉,使用了jq自带动画,原本想按照3秒下200px,2.5秒上200px,2秒下150px,1,5秒上100px.等等这种感觉。只是似乎实现起来不是很漂亮。后来发现有弹簧插件(http://www.helloweba.com/view-blog-212.html)。使用了jQuery Easing,扩展插件。只是这个效果,选择太多啦~我这审美,判断出哪个更好,实在是有点难。。

//结果后来放弃了弹簧方案。乌拉。

后来设计又采用了放大缩小的想法,(http://blog.csdn.net/zhvsby/article/details/5922585)

网上只找到一段用jQuery animate放大的,不过,倒无所谓,改一改就变成,先放大,再缩小了。而且只是改了坐标点和大小,就效果非常理想。真是amazing.

width: $(this).width() * 5,
height: $(this).height() * 5,
top: position.top – ($(this).height() * 5 / 2),
left: position.left – ($(this).width() * 5 / 2)

其实比如这样,先从很小变成5倍大小,然后在变成比如3倍。

width: $(this).width() * 3,
height: $(this).height() * 3,
top: position.top – ($(this).height() * 3 / 2),
left: position.left – ($(this).width() * 3 / 2)

就特别好玩的变成大小变换。

 

发表在 js | 14.10.9 -jQuery动画队列,弹簧,放大已关闭评论

14.10.9 jQuery初学&代码大全P92~

国庆前设计部门提出需求,要做个动态的pad杂志封面,需要内嵌html5的网页。问了朋友,或者用css3实现,或者用jq实现。后来发现css3不太好实现顺序的动画,就采用了jq。

今天试了一下jQuery animate() ,还是挺好用的。有callback就能实现颇多效果啦。

只要能移动,能变形,能显隐,基本游戏就能做出来啦。

不过这东西还是尝试做几个小部件试试去。

后来回家翻了一下代码大全。

看到信息隐藏,好好琢磨了一下,以前有些还是太野路子了。比如获得新id,还是id=NewId() 比较好。

再把类型隐藏掉,这样即使未来转字符串也都还好。

恩,每次翻这本书就想,每读一页未来工资就会涨一元。就觉得好开心~

 

发表在 js | 14.10.9 jQuery初学&代码大全P92~已关闭评论

学堂在线-电路原理-第一讲

复习了微积分。没想到现在居然还会用到。

不过也算是稍微理清了微积分的用途。用速度这个讲解真是算清楚的。

加速度曲线,横坐标为时间,那么阴影面积就是速度。不管加速度如何变幻,都能求出给定时间的速度。

速度曲线。阴影面积就是位移量。

这就是积分的作用。

我恍惚记得当初古代中国有个用处的是求土地面积。

可惜当初因为心不在学习,都没学。。

微分是求倾斜度。恩……这个,我再继续学看看用途啊–

 

线性的定义是可加性(ax+ay=a(x+y)),齐次性()。

矩阵是为了更好的处理线性方程的解。会显得更直观。

至于为何学电路。

QQ图片20140918144957

QQ图片20140918145056
这是技能树……
是一切往下学到基础。所以务必要学好。
电路的的分类“:
通过负载:全是电阻则是阻性电路。有电容就是动态电路。
对于动态电路,按照时间分析。对于电路变化过程中,各种电压电流变化,这叫暂态分析。关注变化前,变化后的值,叫稳态分析。
根据电源划分,直流源,交流源(正弦源,周期源)。
发表在 公开课 | 标签为 , , | 学堂在线-电路原理-第一讲已关闭评论

jquery UI dialog 和tab 初次使用

原本还想tab该怎么实现,后来问了朋友,使用UI自带的就可以了。

找到http://jqueryui.com/demos/ 官方这个demo网站。找下来。

然后发现css样式在那个jquery-ui.css里边。

先做的tab,就一边朝着一边修改,只是发现各种css对应哪个就花了许久。选定,默认,静态,焦点。都各不相同,倒是为扩展做了准备。

做好了发现ie下会有边框,问了朋友,加了:focus {
outline: none;
}

就解决了。

然后ie下适配又和chrome不一样,唉,适配ie6,7,8需要单独写样式。好在有之前的朋友写另一个网站的范例

<!–[if lt IE 7 ]> <body class=”ie6″> <![endif]–>
<!–[if IE 7 ]> <body class=”ie7″> <![endif]–>
<!–[if IE 8 ]> <body class=”ie8″> <![endif]–>
<!–[if IE 9 ]> <body class=”ie9″> <![endif]–>
<!–[if (gt IE 9) ]> <body class=”home”> <![endif]–>
<!–[!(IE)]><!–>
<body class=”notIE home”> <!–<![endif]–>

直接拿来用就行了。

之后就是删删改改,确定各种边界。然后因为要考虑分辨率的自适应,所以所有宽度尺寸都没法固化。百分比也还好。

就是有一块需要用jq单独赋值宽度。

$(“.pad-font”).css({
“color”:”white”,
“width”:$(window).width()*0.4
});

之后就是增加弹出框。

其实用demo就足够了。无非是增加一些尺寸限定。

$(function() {
$( “#dialog” ).dialog({
autoOpen: false,
height:340,
width:305,
modal:false,
show: {
effect: “blind”,
duration: 1000
},
hide: {
effect: “blind”,
duration: 1000
}
});

大概就这么多吧?不过,要找不同ie测试,真是头疼啊。

发表在 js | jquery UI dialog 和tab 初次使用已关闭评论