GithubHelp home page GithubHelp logo

peeker's Introduction

Peeker

A simple library to enhance peek.

Installation

To integrate peeker to your project, please following the steps behind

Firstly, add few lines to your Gemfile

gem 'peeker'

And then in application.js

//=require peeker

Finally, add this line to your application.scss

@import "peeker";

Usage

Let peek bar fade in and out with typing "peek".

peeker's People

Contributors

frozenfung avatar amelieyeh avatar bcylin avatar

Stargazers

 avatar

Watchers

Richard Lee avatar Andreas (KKday) avatar  avatar fOx avatar James Cloos avatar  avatar Polydice's Bot avatar  avatar ichi1234567 avatar Dora Chen avatar Paul Chou avatar  avatar David Yun avatar Kyle, Chuang avatar Sh Lin avatar Wells avatar KuanYu Chu avatar Stan Lo avatar Bee Li avatar Yusheng Li avatar Rex Hsu avatar Dalai avatar chenyou avatar Hexter Weng avatar Joan avatar Nicholas avatar Steven avatar Ming-yang Lin avatar Karen Hsieh avatar Wendy Yuchen Sun avatar Sheng-Han (Aysh) Su avatar  avatar Damon avatar yinghua avatar  avatar

peeker's Issues

關於 peek.js 的小問題

邏輯和使用上看起來沒什摸問題,有稍微試過幾個瀏覽器,應該也沒啥問題!耶~ w+

各種可能的小問題

可以參考下大家的 style guide node-style-guid、或者使用 jslint。(雖然、我有時候也不太注意,style 也改過很多次...)

  • 請愛用匿名 function 包在最外層,避免 global 變數氾濫。
  • js... 變數大部份還是 camel case。
  • 像這特定 element 存在才有執行價值的程式,一般會在一開始判定 element 存不存在,不存在就直接 return 啦。可以直接給個變數定義,這樣就可以改寫 peek_initialize
  • 一般 listener 會放在初始化之後,避免種種可能的隱藏性問題。
  • 一般不會用 new String()new Object(),初始化這種基礎型別。
    1. 太多餘、不直觀。
    2. 印象中跟實作的方式有關。
  • localStorage.getItem or localStorage["peek_status"],選其中一種方式就好了。
  • peek_toggler
    • 參數 mode 沒有用到
    • peek_element.style 還是 peek.style

以下是不需要很介意的主觀認定

  • 比較冗長又會重複使用的資料,可以考慮定義個變數。
  • 有些簡短又不太用到的 method 很像不必要定義,會眼花。

以上!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.