Life

Web 前端基础知识及快速入门指南1

做前端开发有几个月了,虽然说是几个月,但是中间断断续续的上课、考试以及其它杂七杂八的事情,到现在居然一直感觉自己虽然很多前端的知识很眼熟,却也感觉自己貌似也知识在门口徘徊。不过还好,相比之前一直苦逼不知道如何下手,没人指点的时候,好多了。现在相对来说,知道怎么走了。现在总结一下前端的基础知识,顺便推荐几本书。因为每个知识点都可以拉开架势写几本书都不一定写的全,所以我就不去详细展开了,就大概讲一下前端的一点概念,顺便介绍下前端的基础知识等。如果能给你带来点知识涵养或者顶点价值,那花这老半天的时间算值得了;如果写的不好,欢迎批评和交流。当然大牛直接忽略这篇文章。 一、总介绍 1、前端的概念 Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。 Web 1.0时代:那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。故主要是网页制作。时间在2004年及以前。 Web 2.0时代:各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。现在的网页制作主要是利用前端的技术(主要Html、CSS、JavaScript等)进行前端开发,故而都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫Web前端开发。时间是2005年以后。 2、前端技术 最基本的技术,也是做前端开发程序员的饭碗就是:HTML、CSS和JavaScript。这三样东西被称为前端技术的三要素,也是最根本的东西。现在我们知道和了解的一些前端框架、插件等全都是基于这三要素,并做了良好的封装后发展起来的。 高大上的技术同时不仅包括以上提到的基础知识,同时还要包括交互设计、视觉设计以及产品定义等设计到的工作和技术。 如图示: 3、前端工程师 Web前端开发工程师,简单的说就是利用前端技术进行web前端开发的程序员。 主要职责: 利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发; 完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块; 结合后台开发技术模拟整体效果,进行丰富互联网的Web开发; 改善用户体验; 4、前端MVC概念:即将表现、控制和视图分开,具体的就是指HTML、CSS和javascript各司其职,减少他们的耦合度。 二、Html、CSS和JavaScript 1、 Html技术…

Mental

不一樣的大四送舊旅行

三年前,也就是2011年,資訊服務團一行人在春假期間到屏東牡丹鄉高士國小辦了一場一天的資訊服務,那一年,資訊服務團讓春假多了點不同的意義。那時候,團隊有幾位剛進門的大一新生轉眼間已在資訊服務團待了四年的時光,現在是大四要畢業了,為了讓這幾位準畢業生有個不一樣的畢業回憶,也為了能夠讓他們大一時所參與的那場有意義春假能夠重現,資訊服務團特別在今年的春假選擇了從沒去過的小琉球白沙國小進行資訊服務,同時也在當地舉辦送舊活動,祝賀這兩位要畢業的學姊–資傳系王嘉柔與精農系王怡娟,畢業後持續發光發熱。 這次帶給白沙國小的課程是平板電腦上的雲端記事本操作,我們希望這群小朋友學會如何在課堂上使用平板電腦或是智慧型手機記筆記而不是只是拿來打電動。為了這一次的課程,大家都貢獻出了自己的平板電腦當上課教材。 錄音的功能是這樣使用的,我剛剛講的你們記起來了嗎? 剛剛打的資料在這裡,有沒有找到? 看到桌上那隻可愛的豬了沒有?快點把它拍下來,待會會用到。 你們快記錄下來我講的東西,待會大會考的時候要考你們喔。 一個在港口邊的學校,學童的熱情超乎想像,課程結束大家還玩成一片,好像已經認識很久了一樣。 白沙國小校長給明道大學資訊服務團的感謝狀,謝謝千里迢迢從明道來的大學生到這邊給當地學童上一堂不一樣的資訊課程。 資訊服務團第一次面對這麼多人的學校,也算是特別的經驗,這只是五六年級的學生而已喔。 辛苦服務完之後的小獎勵。 溫馨的送舊晚會,祝兩位學姊畢業快樂。 撰文/攝影 資訊服務團

Culture

2014 明道大學+太麻里服務

2014-01-19 星期日這是我有記憶以來第二次去台東,在去程沿途火車上,隔壁座的伯伯告訴我:「父母期望與孩子夢想相距越大,則產生的衝突就會越大,所以要多多和父母親溝通,才能有效的減少這一個現實與理想所產生的衝突。」就這樣,我上了足足修了四小時家庭與親子關係的課程,我想對隔壁座的伯伯說,雖然我不認識你,但是我謝謝你。很快的,來到了台東火車站,接著像拍攝電影一般,從原車箱立馬跳上對面的車廂,搭往太麻里,學長姐還真怕我們沒搭上這班車呢!直到出了太麻里火車站,第一直覺,我是不是走到畫裡了?也未免太不真實了,往前眺望是一片海,往後盼則是絡繹不絕的山脈,萬里晴空,海天一色,明明看過去,海比陸高,可卻沒有淹上路面,這或許就是地吸引力吧!接著我們到了傳說中的達旺教會,牧師與牧師娘的招待果真如我們耳聞一般,和善無比,非常親切。之後,立刻勘查明日要拜訪的商家及路線,可惜,我們找不到羅沙原住民工作室,或許是太遠了,位於太麻里鄉外環道,假如帶著孩子走外環,實在是太危險了,我們走在外環都心驚膽顫,更何況國小的孩子,我們沿途詢問商家,有商家也説,羅沙也逐漸在轉型了,較偏向建築業,已不再是徹底的原住民傳統文化特色店家,此外,商家也推薦我們到正興村裡去找原住民傳統文化特色店家,那裡有陶甕、陶珠、手工皂、服飾及吊飾,不過因為這裡離大王國小有一段大距離,終將不採納,於是我們便趕緊走向下一個行程,招待姐妹校-明道大學,我們不斷的預演,只希望能讓活動跑得順利。我是遊戲的第一位關主,這是我第一次拿麥克風主持,既緊張又害怕,想不到利用火車上等待的多餘時間來想遊戲的懲罰動作,還有那麼一點臨時抱佛腳的效用,真的是多虧平時愛看鬼靈精怪的搞笑片,才讓場面變得不冷場,就這樣大家破冰了,我們也一同邀約到山上去吃合菜,也偷偷的幫我們的總召提前慶生,給他一個驚喜。 2014-01-20 星期一翌日,天根本還沒亮,整條街只有路燈,其實我也認床,整晚都沒睡著,但我卻沒有疲憊的感覺,我們與明道有約,說好要一同到海邊踏浪迎曙光,我們一定要給來賓兌現,與學長姐們一路走到海邊,沒想到他們已經在集合地等我們了,內心感到些微歉疚,好佳在他們一心念著曙光的到來,我們只看到那晨光乍現,或許是這天的氣候沒有特別好,曙光不是預期的那樣,甚至被雲掌給蓋住了,從雲的縫隙展露了出來,接著就是踏浪時間,太平洋的海是溫的,是鹹的,是無止盡的,就像人心澎湃時的感受,有不少同學的鞋子被海浪捲走,欲哭無淚,不過,浪又把鞋子打回沙攤上了,同學的眼淚都差點流出來了,這就是小型瘋狗浪。 完曙光,終於開始第一次的大王國小團隊了,踏入了大王國小的後校門口,向前去籌備數位小記者的第一日營隊,首先先測試教學設備,再來演練一次健康操的教學,站在台前這樣子教人家,真的又緊張又害怕,真幸虧對象是小朋友,作錯了,小朋友們看看,就會笑笑帶過。正式的課堂開始了,想不到,課堂是一個縮小版的菜市場,老師必須喊著大白鯊,小孩上課才能閉嘴巴,讓我很意外,我們的姐妹校一邊觀摩,也幫我們管理秩序,因為我們的小朋友人數不算少,是兩班的集合,大家真的對於舞蹈很內行,或許是他們時常在快樂的學習中成長,都很喜歡活動,回答問題也相當熱絡,真的有別於都市的孩子。 在小組活動,我們面臨到殘酷的事實就是分組,團體的和諧度和人緣的問題就在這個時候看得出來,我們遇到了,也只好安慰哭的那一方,希望他們能夠一笑泯恩仇,能夠快點進入小組資訊冬令營競賽活動,但似乎事情卻又不是那麼的簡單,後來,排擠人的一方也跟著哭了,身為小隊輔的我們也懊惱不已,只好繼續陪伴他們哭,直到他們停止彆扭,當然,我們這組就遙遠的落後於其他組別,但我不怪他們,這種事是大家也不希望發生的。 下午,各個小隊輔要帶著小組們出發囉!小朋友各像脫韁的野馬,到處跑,邊走邊玩,很可愛,但是他們完全不顧路上的車子,所以我們更要擔任起糾察隊的職位,小朋友以輪流的方式訪問老闆的同時,同學就開始雞飛狗跳,轉過頭來,班上個子最小的被狗追,真捏了把冷汗,狗的體型都比小朋友大了,他說他剛剛順路就去挑逗小狗,真是幸虧小朋友跑步夠快,不然就受傷了,我們沒有去羅沙原住民工作坊,但取而代之的是我們改採訪到了民宿-忘憂館,相對的,離我們的國小也近,路線也較為安全,最後各隊採訪時間有如期的訪問當地店家,也平安的放學了。 晚上去了一間平凡的店面,享用平民小吃,相當的簡易而快樂,有種淡淡的幸福感,大家聚在一起的感覺真棒!之後我們去逛了逛那條最熱鬧的街,那裡有便當店,有農會超市,有飲料店,我也買了一罐牛奶讓我有個好睡眠。 2014-01-21 星期二我這回晚上有睡好覺了,因為昨晚我發現睡袋的秘密,所以開始不認床了,整天精神好,一大清早健康操,「有跳健康操的有加分」,小朋友就「全部」都跑到視聽教室前舞動手腳了,真的很熱情,如果在北部,可能就看不到這個景象了,只能看到個位數的小朋友願意站到講台為組爭光,而這裡的五年級孩子非常的有活力朝氣,感覺每個小朋友都活潑亂跳的,看到他們開心,我們就安心。 上午,我們教他們使用平版應用程式軟件編輯相片,他們都很會美化影像,各各都是影像處理的小天才,下午則是影片上傳和編輯,光是半個Google帳號,就搞的我們頭昏眼花,因為伺服系統實在不給力,讓我們有點手無足措,用好的人就必須等還沒完成的同學,這時候小朋友就會開始偷偷上網玩遊戲,這一段短短偷閒的時間,似乎是他們最快樂的時光,但我們又不能彰顯出準備不足給小孩們看到,立馬求就老師,真是給謝老師的相助,讓我們能夠順利的進行教學,讓他們如期下課。 晚上,好開心禮拜二遇到太麻里的夜市,雖然攤販沒很多,不過我認為這樣就夠滿足了,因為人只有一個胃,我們與夥伴們一同在路邊享受排餐,晚上雖然冷,但很溫馨,我們就像一家人外出吃飯,吃飯時還會遇到這三天資訊冬令營的學生呢!接著就是自由活動,我們就在這個短短的小夜市裡穿梭,那裡就像我們的廚房,要吃什麼有什麼。 2014-01-22 星期三這是營隊的最後一天了,有點感傷,怎麼這麼快就結束了,一大早兩班的小朋友依舊還是活力十足,我知道他們兩班其中有個班,這兩天還正在為他們的樂樂棒球比賽努力,接著趕過來上營隊的課,跳健康操還能這麼賣力,讓我覺得感動,感覺他們全身上下充滿著運動細胞,很陽光,老師們眼皮沉重,都會因為他們而精神振奮。 我是今日的簡報小老師,就因為沒有教過學生,還蠻緊張的,但我發現小朋友上課還是會交談,可是我問他們:我剛剛說什麼,他們都答得出來,可見得他們一心多用,是真的很厲害。當然我要好好教他們,因為下午他們就要發表這三天的成果了,雖然我不太熟析大王國小的簡報軟體,但也因為這個機會,我學會使用這款簡報軟體,還能教人呢! 午后時刻,每位小朋友各自到台前說明他們的作品,和感想,以及學到了些什麼,他們很可愛的一點是,平常在台下的表現和在台上的表現兩極化,一定要等到他們報告的時候才看到羞澀的表情。在我們的營隊結束後,我們和國小主任去失落的校園-秀山國小去探險,那裡好荒蕪,就在等著被有效的資源利用、開墾。 當晚,真的很感謝牧師和牧師娘的宴請,讓我們有機會吃到台東的菜餚,更認識一種豆叫樹豆,我們非常的感恩,而且也相信大家都非常的喜悅。晚上,夥伴們也一同到金針山上去賞星空,我想把華麗的滿天星斗和夜景帶走,只可惜像機卻怎麼照也照不起來,我只好把他們放進我的記憶口袋,寫在我的腦海中。 2014-01-23 星期四我們前往金針山上,有看到青山農場,還有櫻花樹,滿山遍野,風景極佳,一邊運動,又可以賞花,即便是再累,仍然還是很喜歡那裡,那裡的風景讓人心曠神怡呀!在半山腰邊,我們也看到釋迦老闆,成堆的大目釋迦,果實飽滿,真的讓人口水直流,儘管價格不便宜。 我們也順到去了台東農會帶一些伴手禮,表示我們來過太麻里,讓親朋好友們一起分享台東的味道。誰說台東好山好水好無聊,一點也不呢!這裡很有趣,產物也很富饒,有的東西,我們都市還不見得有。…

Culture

2014 教育部資訊志工研習營

為期兩天的研習營終於開始,一早從板橋火車站,就看到資訊志工研習的引導人員,當我向他們說「早!」,他們也馬上親切的給我一個大大微笑,身為資訊志工果然不一樣,待人親切又和善。接駁車到達三峽的國家教育研究院,和成果展一樣,來自台灣各地的資訊志工都聚集在這,一樣非常的新鮮特別。到達會場,明道大學的朱老師便來和我們打招呼,繼上次成果展後,時隔將近半年沒見面,今天再見面的感覺,真的很特別!研習開始前,主辦單位邀請致理e達人教大家跳健康操,讓我見識到其他團隊的朝氣活力。這兩天的研習營讓我對「研習」這兩個字徹底改觀,不同於一般的研習的制式化或是無聊,資訊志工像是一個大家庭,大家一起分享,互相教學相長,很喜歡這樣的氛圍。兩天課程,學習到一些實用的免費軟體、正確使用著作權的觀念以及現在Youtube也能做簡單的影片編輯。除了吸收新知外,我覺得最難能可貴的是,認識新朋友,第一天的上午,我害羞了,又開始畏縮沒膽去敞開心胸,但在下午,我聽了朱老師的分享,又喚醒我上次在成果展的美好經驗,我也希望自己能在研習營玩得很開心,不單單只是接收新知,結交新朋友也是很重要的,像上次成果展認識的志工朋友,到現在也都是還有聯絡,而我們也彼此盼望有機會能在資訊志工或是其他場合,能再見面交流。 這次研習,團康老師非常厲害,短時間就能讓百位的資訊志工像一個大大FAMILY。兩天課程,我很肯定我是有收穫的,我希望能將課程所提到的凝聚力,帶到我們的團隊,讓我們的團隊更好、更堅強及融洽。此外,我也認為自己實在是太晚加入了。因此,我非常盼望學弟妹能早點加入,教育部資訊志工真的是很棒的一個大家庭!而讓我進入這個大家庭,要感謝我最親愛的老師,雷立偉。沒有他,我不可能有現在的一切,感謝上天,感謝緣分,感謝我所擁有的一切,只要我還在團隊的一天,我就會持續努力下去。 <作者簡介>作者名稱:莊千儀團隊編號:102082團隊名稱:榕園陽光青年團

Linux

Linux命令行多线程、断点续传下载工具

##################################################### ##如有转载,请务必保留本文链接及版权信息 ##欢迎广大运维同仁一起交流linux/unix网站运维技术! ##QQ:335623998 ##E-mail:[email protected] ##博客: http://dreamway.blog.51cto.com/ ##weibo:http://weibo.com/zhaixiangpan ##################################################### 运维工作中常会在linux命令行下载外网文件或内网进行大文件传输,经常使用的文本下载工具wget、curl,今天给大家推荐支持Linux命令行多线程、断点续传下载工具axel和myget。 1、系统环境 # lsb_release -a LSB Version:    :core-4.0-amd64:core-4.0-ia32:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-ia32:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-ia32:printing-4.0-noarch Distributor ID: CentOS Description:   …

Linux

Linux常用服务一键安装包

一键安装:LNMP,基于yum平台。安装快速、标准配置、软件更新方便。CentOS 6 专用 1 yum install wget –y;wget huzs.net/soft/lnmp.sh;sh lnmp.sh [支持32、64位 | nginx(官方源)稳定版 | PHP 5.3.3(系统源) | MySQL 5.1.73(系统源)] CentOS…

Web dev

WordPress搬家教程:换空间与换域名

由于本人博客空间8月份已到期,便新购一个虚拟主机想进行WordPress搬家,于是特意在网上查了些WordPress搬家教程,进行了综合总结,并结合这次实操经验,制作了这个算是比较全面完整的搬家教程。大体上来说搬家分为三步: 一、备份博客网站文件和数据库; 二、把网站文件传到新空间,在新空间导入数据库; 三、修改网站配置和数据库; 四、检查转移结果。 WordPress博客搬家的几种情况: 1. 换主机不换域名 2. 换域名不换主机 3. 换域名也换主机 第一步:备份博客网站文件和数据库 1.在原来的空间中把博客文件下载备份。要是原来空间支持在线解压缩,建议打包下载,这样下载大小变小了,时间也会节省很多。(本人基本时有什么文章更新,就用FTP同步备份到本地的,大家最好也有这个习惯,不然突然而来的事故会让追悔莫及!) 2.备份数据库。可以通过phpadmin,帝国备份王,或者WP-DBManager这样的数据库备份插件,您可以选择您会的,熟悉的一种方式来做。(建议对于sql,gz,zip多种格式尽量都备份一下,你不知道下一个主机会支持哪种) 第二步:上传博客文件,导入数据库 1.把博客文件用FTP传到新空间,和下载一样,要是新空间支持在线解压缩,建议打包上传,这样时间节省了很多,流量也能节省一部分。(WordPress目录是public_html/下,所以只要把之前在public_html/目录下的文件,上传到新主机的public_html/下即可。) 2.导入数据库.PHPMyAdmin,帝国备份王都可以做到。(你需要在新主机内创建一个数据库,然后将你之前导出的数据库,导入即可) 如图: 第三步:修改网站配置和数据库(关键)…

Web dev

不用外掛也能增強你的WordPress編輯器

平常用一用WordPress內建的TinyMCE(所見即得編輯器),我認為 它還不錯用(雖然有時候會覺得少了一些功能~~~但不錯用),而 WordPress的外掛中有超多超多都是在增強內建的編輯器~~~ 不過啊~~用越多外掛,也就越容易耗資源,占空間,我就拿我自己 的經歷來說好啦~~有一次我就下載一個類似功能的外掛,厲害的是 它會把內建的編輯器變的超像WORD的~~但我又不是在辦公室, 而且編輯文章的時候也變得非常非常慢,所以我寧願用內建的編輯器 也不要用外掛,還好,我這次就是要提供如何加幾句語法,就能將 稍微有點陽春的內建編輯器,增加字體、分隔線、字號選擇、上標下標等功能~ 以下提供原本編輯器的功能圖~~~ 接下來就是要教你怎麼用啦~~~~ 將下列的代碼全部複製貼到你的主題post.php中 1 2 3 4 5 6 7 8…