博客 RSS 訂閱

青棘 - 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

收藏 評論

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 - 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

收藏 評論

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

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

segmentfault-top-writer

收藏 評論

遙遠的風 - 一個通用自動處理 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 - 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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

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

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

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

收藏 評論

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

收藏 評論

白鯨魚 - 前端自動化工具

gulp/grunt yeoman bower 先看這兩篇文章 grunt gulp Grunt-beginner前端自動化工具

gulp , yeoman , 自動化構建工具 , bower , grunt

收藏 評論

Anselm Hannemann - Web Development Reading List #181: Mass Deployments, Prepack, And Accessible Smart Cities

In a world between building accessible interfaces, optimizing the experiences for users, and big businesses profiting from this, we need to find a way to use our knowledge meaningfully. When we read

Web Development Reading List , Tools , coding

收藏 評論

Vitaly Friedman - Finding Inspiration In The Little Things Around Us

Can you believe it is May already? Time flies! Here in Belgium, spring has arrived and has brought along its bright colors, the delicate odours of blooming flowers, as well as the cheerful chirping

Inspiration , templates , Illustrations

收藏 評論

Lyndon Cerejo - Designing Voice Experiences

Voice-based interfaces are becoming commonplace. Voice assistants such as Siri and Cortana have been around for a few years, but this past holiday season, voice-driven devices from Amazon and Google

mobile , Accessibility , coding , ui

收藏 評論

Vitaly Friedman - From Small CSS Tricks To Great Design Mysteries: SmashingConf Barcelona 2017

In the brave new responsive web, previously established techniques are getting revised and abandoned. Design workflow changes. Front-end solutions adapt. Performance optimizations get refined and cr

SmashingConf , Smashing Events , Career

收藏 評論

starsfun - ubuntu install node npm bower

install node 先到node官網下載nodejs包,點擊下載 將下載的包解壓,我下載的包是 node-v6.10.3-linux-x64.tar.xz ,所以我的解壓命令是 tar -xJf node-v6.10.3-linux-x64.tar.xz 將解壓好的文件移動到 /opt/node sudo mv node-v6.10.3-linux

node.js , bower , npm , Ubuntu

收藏 評論

Zack Grossbart - What You Need To Know About OAuth2 And Logging In With Facebook

OAuth2 makes it easy for users to log into your app, to not have to remember a password for every website, and to trust your security. OAuth2 dominates the industry as there is no other security pro

Forms , Apps , Browsers , Json

收藏 評論

Cosima Mielke - All Things Seem Possible In May! Unique Wallpapers To Freshen Up Your Desktop

We always try our best to challenge your creativity and get you out of your comfort zone. A great occasion to do so is our monthly wallpapers challenge which has been going on for eight years alread

Wallpapers , Graphics , templates

收藏 評論

一隻瓦罐 - JavaScript基礎大全(原型,閉包)[持續更新]

基本語法 1.嚴格模式 "use strict" 作用 消除JS語法的一些不合理、不嚴謹、不安全的問題,減少怪異行為並保證代碼運行安全 提高編譯器解釋器效率,增加運行速度 與標準模式的區別 隱式聲明或定義變量:嚴格模式不能通過省略 var 關鍵字隱式聲明變量。會報引用錯誤“ReferenceError:abc is not define” 對象重名的屬性:嚴格模式下對象不允許有重名的

javascript原型 , 作用域鏈 , 前端 , Javascript

收藏 評論

東雄平 - js模塊化和使用

很久以前就知道js模塊化開發可以使用require.js和sea.js,就一直沒去看看。最近在瞭解查看的,度一下require.js相關的博客和文章,寫得真是操蛋的疼,都是互相抄來抄去,博主應該都沒有自己實際去敲過,哪怕給我寫一個完整的簡單應用示例我都可以上手,結果把自己折騰得......後面也看來sea.js,簡單明瞭,上手容易多(主要是別人寫的博客文檔好)。 什麼是模塊化 關於這個概念還是推

seajs , 模塊化 , requirejs

收藏 評論

Anselm Hannemann - Web Development Reading List #180: DNS Over HTTPS, HAProxy Performance, And Decentralized AI

We all have fears and doubts. It’s not different for you than for me. Over the last weeks, “well-known” people on Twitter started to share mistakes they made in life or their careers. I think it’s v

Web Development Reading List , Tools , coding

收藏 評論

Lachezar Petkov - Moving From Photoshop And Illustrator To Sketch: A Few Tips For UI Designers

I’ve been a long time Photoshop and Illustrator user. Both programs are really useful and powerful, and they’ll remain a key part of any digital artist’s or designer’s toolset, including mine. Howev

workflow , Graphics , Sketch , plugins

收藏 評論