博客 RSS 訂閱

oneziyu 頭像

ones - PHP7中生成器的新特性 yield-from && return-values

生成器委託 簡單地翻譯官方文檔的描述： PHP7中，通過生成器委託（yield from），可以將其他生成器、可迭代的對象、數組委託給外層生成器。外層的生成器會先順序 yield 委託出來的值，然後繼續 yield 本身中定義的值。 利用 yield from 可以方便我們編寫比較清晰生成器嵌套，而代碼嵌套調用是編寫複雜系統所必需的。 上例子： ?php function echoTi

yield-from , php , yield , 協程

收藏 評論

geeeger 頭像

geeeger - webpack中打包後端模板的思路

整合jade輸出到webpack 目前來説，由於seo需要，前端需要配合中間層使用後端渲染。當前的構建中，我們的構建會全量將jade移入相應的dest文件，修改後會對對應的文件進行重新複製移動，但當我們使用webpack的時候，後端模板的處理變成了一件頭疼的事。 如果要用webpack，我們首先要處理的便是模板文件中引用的靜態資源的問題。我們應該做的事情是想如何將jade資源通過自己的手段分析，達

jade , webpack

收藏 評論

teobler 頭像

teobler - webpack

個人博客前端渣渣不定期分享自己所學的前端知識 使用webpack也有一段時間了，但是沒有系統的去學習，最近無心代碼，正好用這段時間系統地看一下webpack,借鑑一下前輩們的經驗，防止忘記，記錄下來。 什麼是webpack Webpack 是一個開源的前端打包工具。Webpack 提供了前端開發缺乏的模組化開發方式，將各種靜態資源視為模組，並從它生成優化過的程式碼。 Webpack可以從終

單頁面應用 , webapp , webpack , webpack入門

收藏 評論

anetin 頭像

anetin - 使用gulp+bower構建Angular.js項目

本文重點是詳細介紹Angular.js項目的構建。gulp是優秀的自動化項目構建工具，我們將用它完成 javascript/less/css/html/images/fonts 等文件的的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟(熱重載)。bower是項目依賴管理工具。 環境需求 gulp運行在nodejs環境，首先安裝nodejs。一般n

gulp , angularjs , bower , Javascript

收藏 評論

segmentfault 頭像

SegmentFault思否 - SegmentFault 技術週刊 Vol.29 - 聽説前端又出新工具了？驚不驚喜？

在前端刀耕火種的年代，佈局用 table 標籤，CSS 樣式大量內聯；校驗 JS代碼是否規範，需要複製代碼到 jshint（相信很多 “前輩” 對此都不陌生）；壓縮合並代碼，也是通過壓縮工具壓縮完再複製到一個文件裏；修改了代碼要查看效果，必須手動刷新瀏覽器；代碼寫好了要發佈到服務器，需要用 FTP 軟件上傳，等等等等。 其實嚴格來説，那個時候還沒有前端開發這個職位，那個時候叫切圖仔或者頁面仔，隸

前端工程化 , 前端構建 , 前端工具 , segmentfault-技術週刊

收藏 評論

evaaz 頭像

清蒸不是水煮 - ? SegmentFault 2017 年第二季度 Top Writer

一羣卓越的開發者，他們分享知識與經驗，他們佈道技術未來，他們讓眾多開發者受益，他們叫 Top Writer。 時間如流水，轉眼 2017 年已過去大半，進入炎熱的夏天，而我們的優質問答和文章熱度絲毫不遜於氣温的説（捂臉），Talking is cheap，Show you the Top Writer ~ 以下分別是第二季度問答和文章的 Top Writer，以及他們的高票內容。 問答

segmentfault-top-writer

收藏 評論

turing_interview 頭像

圖靈訪談 - 工業智能化專家李傑：數據預見未來（圖靈訪談）

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/art... 6月15日~6月18日，圖靈作為技術圖書出版先鋒品牌，受邀參加了第十五屆中國國際軟件和信息服務交易會（中國軟交會）。本屆中國軟交會以“新IT、新生態、新動能”為主題，匯聚了來自全球的業界精英和代表，全面展示了IT產業的新技術、新思維和

工業大數據 , 圖靈訪談 , 工業智能化 , 客製化 , 信息技術

收藏 評論

darkgel 頭像

Darkgel - CGI，FastCGI與PHP

CGI 什麼是CGI CGI(Common Gateway Interface)是一個標準協議，它為web服務器提供了一個標準的協議，以便於服務器可以像運行命令行接口程序那樣來運行第三方程序，這些第三方程序可以動態地生成web頁面。這些第三方程序被稱為CGI腳本（滿足CGI定義的程序），或者簡稱CGIs。至於這些CGI程序是如何被執行的則是由服務器決定的。在一般情況下，CGI腳本在接收到we

php , Nginx , cgi , fastcgi , apache

收藏 評論

turing_interview 頭像

圖靈訪談 - 米格爾·尼科萊利斯：僅通過思考就能實現的人機交互

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/art... 6月15日~6月18日，圖靈作為技術圖書出版先鋒品牌，受邀參加了第十五屆中國國際軟件和信息服務交易會（中國軟交會）。本屆中國軟交會以“新IT、新生態、新動能”為主題，匯聚了來自全球的業界精英和代表，全面展示了IT產業的新技術、新思維和

腦功能紊亂 , 圖靈訪談 , 腦機接口 , 人工智能

收藏 評論

fengruiabc 頭像

fengruiabc - vue源碼解析系列－compute實現機制

本來vue的響應式應該才是重中之重。但是網上的文章很多很多。在看computed的實現之前。肯定還是要把vue的響應式如何實現好好看一下。或者説兩者根本就是一樣的東西。這邊推薦幾篇文章關於vue的響應式。 vue響應式簡單實現 vue慕課響應式手記 還是看看官網對於響應式的解釋： 總的來説。vue實現響應式的關鍵有三個：watcher,dep,observe; observe:遍

vue.js , 單頁面應用 , Javascript

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - React 產品實現 -任務管理工具“氫”

原文地址：https://zhuanlan.zhihu.com/p/...，歡迎轉載 ：-） ? 關於 其實對於這個專欄的訂閲用户感到非常抱歉，已經停更很久了，也沒啥特別的理由就是懶 orz！不對，畫風不能這樣開頭，是這樣的，我覺得我應該用 React 去做點兒什麼，寫文章能夠清晰我的思路，讓我和別人有交流，但是並沒有實際做產品那麼性感，於是我決定要用 React 來做一些產品出來，於是就

react , macos , 產品設計 , electron , leanreact

收藏 評論

yumengzhong2010 頭像

於夢中2010 - atom那些事

走在前端的大道上——atom那些事 最後更新時間2018年1月11日 atom是一款非常好用的編輯器，現在來介紹一些atom必備的插件 都是在file--settings--install 搜索插件的名字，比如：搜索插件language-vue（安裝後可能需要重啓 ） 效果： 1.language-vue 使.vue文件內標籤高亮 2.Emmet 能夠基於Emmet語法產生HTML。

插件 , 前端工具 , atom

收藏 評論

qingji_58b3c385d0028 頭像

青棘 - Vue 2.0 淺談--生命週期和鈎子函數

前言 用Vue也有一段時間了,發現生命週期是很重要的一部分,稍微懂得了一些東西,特地來分享一下. 生命週期和鈎子函數-介紹 啥也不説先上圖 圖-1為 Vue 1.0 生命週期圖,圖-2為 Vue 2.0 生命週期圖,圖-3為Vue 1.0 和 Vue 2.0 鈎子函數比較 重點看 Vue 2.0 生命週期和鈎子函數-具體 上代碼 自己粘走執行 !DOCTYPE html htm

鈎子 , vue.js , 生命週期 , Javascript

收藏 評論

blairculbreth 頭像

Blair Culbreth - Make ‘Em Shine: How To Use Illustrations To Elicit Emotions

As designers, we often use imagery that resonates with our audience. Yet, often we also end up with stock photos and generic icons that come across as mere decoration. Or we bypass imagery altogethe

Graphics , Emotional Design , Illustrations , Design

收藏 評論

lou-franco 頭像

Lou Franco - Building Killer Robots: Game Behavior In iOS With Fuzzy Logic Rule Systems

Imagine that it’s a hot day. The sun is out, and the temperature is rising. Perhaps, every now and then, there’s a cool breeze. A good song is playing on the radio. At some point, you get up to get

mobile , coding , ios , Games

收藏 評論

evaaz 頭像

清蒸不是水煮 - SegmentFault 2017 年第一季度 Top Writer

一羣卓越的開發者，他們分享知識與經驗，他們佈道技術未來，他們讓眾多開發者受益，他們叫 Top Writer。 2017 年即將過去大半，SegmentFault 運營團隊按照慣例篩選了 2017 年度第一季 Top Writer。這次的 Top Writer 來遲了，Sorry。 以下分別是第一季問答和文章的 Top Writer，以及他們的高票內容。 問答 優秀問答作者

segmentfault-top-writer

收藏 評論

yaoyuandefeng 頭像

遙遠的風 - 一個通用自動處理 js版本號和css 版本號、自動壓縮 js,css、自動清理網頁註釋工具

jcv-maven-plugin 簡介 jcv-maven-plugin是一個自動為網頁添加js css的版本號maven插件 支持js css的自動壓縮，支持多種方法版本號添加，在使用時對代碼0入侵，不需要在頁面上做任何標記，對開發友好，不需要調整現在代碼．直接引入mvn中配置，會自動對打包的頁面進行處理． 該插件自動採集文件的md5值進行文件版本號修訂，在使用文件的m

maven , JAVA , java-web , htm

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #182: IPFS Wikipedia, New Webpack CLI, And CSS Grid Breakout

When did you take your last vacation? For many of us, it was probably a long time ago. However, since quite a while, I stumble across more and more stories about companies that take unusual steps va

Web Development Reading List , Tools , coding

收藏 評論

anchetawern 頭像

Wern Ancheta - How To Create Native Cross-Platform Apps With Fuse

Fuse is a toolkit for creating apps that run on both iOS and Android devices. It enables you to create apps using UX Markup, an XML-based language. But unlike the components in React Native and Nati

performance , react , Apps , React Native , coding , Javascript

收藏 評論

linclark 頭像

Lin Clark - An Abridged Cartoon Introduction To WebAssembly

There’s a lot of hype about WebAssembly in JavaScript circles today. People talk about how blazingly fast it is, and how it’s going to revolutionize web development. But most conversations don’t go

coding , Browsers , Javascript

收藏 評論

nickbabich 頭像

Nick Babich - Basic Patterns For Mobile Navigation: Pros And Cons

Once someone starts using your app, they need to know where to go and how to get there at any point. Good navigation is a vehicle that takes users where they want to go. But establishing good naviga

mobile , Navigation , Sponsored Content , coding

收藏 評論

myriamjessier 頭像

Myriam Jessier - Intrusive Interstitials: Guidelines To Avoiding Google’s Penalty

In 2015, Google announced that mobile searches surpassed desktop searches in at least 10 countries. 56% of traffic on major websites comes from mobile. In light of this, Google’s decision to improve

Responsive Design , Analytics , mobile , Tools

收藏 評論

turing_interview 頭像

圖靈訪談 - 馮怡：我想給大家展示一種可能性

馮怡， 一名老程序猿，寫了快10年的代碼，在朋友眼裏她的生活豐富多彩：學日語、愛攝影、跑馬拉，還是認證的咖啡師。每次朋友的到訪，她都會拿出心愛的咖啡機認真地調製一杯香濃咖啡。這次訪談她會告訴我們她自己如何走上編程人生，如何克服多種困難，成為獨當一面的Tech lead，以及她所欣賞的別樣人生。 學霸與資深電玩行家 在谷歌女性開發者大會上演講的時候，你有提到自己初中和高中的時候喜歡玩電子遊戲

圖靈訪談 , 全棧工程師 , Css , Javascript , Python

收藏 評論

edwardkhorov 頭像

Eduard Khorkov - From Idea To Development: How To Write Mobile Application Requirements That Work

Why write requirements? Well, let’s imagine you want to produce a mobile app, but you don’t have the programming skills. So, you find a developer who can build the app for you, and you describe the

mobile , Process , Prototyping , Wireframing

收藏 評論