Giter Club home page Giter Club logo

pache2's Introduction

pache2's People

Contributors

vechk avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

pache2's Issues

Project May

「五月」計劃

版本號對應的是 v0.8 ,Git 分支是 May,功能主要是前台頁面(特別是文章頁)的更新。

文章頁

  • 全新的架構
  • 排版優化,han.css 應該要刪掉了
  • 分頁的流暢度,穩定性,兼容性
  • 優秀的功能的定位問題,兼容性問題,實現打開多個優秀功能的問題
  • meta-img,移動網絡圖片節流(阻止加載圖片)的功能
  • 全新的代碼框

問題

  • 文章頁的 last-modified 還有問題(普通轉為草稿狀態的時候)
  • 圖片的 last-modified 也還是有問題
  • IE/Edge 中换页的问题
  • Safari 無法正常運轉跳頁相關的問題(包括跳頁對話框)
  • 優秀的功能,動畫參數還需要調整

Ref

#2 #4

meta-img 無 JS 的過渡

目前還是找到解決方案了,利用 noscript 標籤

<meta-img meta-height="800" meta-width="400" meta-source="/img-pool/example.png" >
  <noscript>
    <img src="/img-pool/example.png" />
  </noscript>
</meta-img>

如果瀏覽器禁用了 JavaScript,那麼將會顯示出 noscript 中的東西(這樣圖片也能顯示出來了)

如果瀏覽器沒有禁用 JavaScript,就會解析 meta-img 標籤中的 meta- 前綴的屬性,然後在這個標籤中添加一個 img 標籤,並且刪掉 noscript

世上無難事,只怕色發瑞

Project-T 的一些問題

  • 首页的首页按钮,变成底部翻页那样,然后点击就会弹出其他的不起眼的分类。

  • 文章頁底部換頁按鈕還要加上 < >

  • 主頁頁碼總長應該縮短,1.2/1.2.3/2.3 這樣的

  • 草稿文章依然能被訪問的問題

  • 文章頁代碼框

  • 數字開頭的文件名會被跳轉到主頁(parseInt 的干涉)

  • img-pool 的緩存機制

  • 當前僅支持強制 png 的粘貼,但不支持拖拽上傳

  • /admin/admin/ 的區別性問題

  • 標籤條件的情況下頁碼顯示不正常
    image

  • 後台前端的 Editor-Category 控件在 CategoryModel 加載完之前初始化了(導致顯示不正常)

v0.7.x 目標

主要是加載速度的提昇

頁面前臺

  • 靜態文件的加速訪問
  • 頁面壓縮
  • 減少 TTFB
  • PSS 框架

頁面後臺

  • 以文章標題作為 url 訪問

meta-image 的一些東西

  • 缺省和非限制網絡類型的處理方式應該是不出現加載完成時的展開動畫,而是直接 fadeIn 進來

  • iOS Safari 就真的沒有辦法判斷了嗎? #9

  • 觸摸長按震動并彈出原來的 meta 視圖

  • 理清结构,理清各个周期

  • 信息层打开的时候应该也能长按图片保存

iOS Safari 判斷網絡類型的一個思路

先 Ajax 一個視頻進來(blob 的 responseType),然後 video.src = URL.createObjectURL(blob) ,看看這樣會觸發出什麼樣的事件。但願 WiFi 和 Mobile 會有差異(也就是 bug)吧。。。

後台改進

  • 后臺 Model 操作未檢查登錄狀態的問題

  • 文章預覽的認證問題

  • 上傳圖片完成后進行替換字符串操作時光標位置保持不變

  • 支持批量上傳的圖片粘貼
    似乎並不支持批量粘貼相關的 API,暫擱置

  • 支持批量上傳的圖片拖拽

  • 其它類型的分類
    Pache Class-Design 的關機就是這個了,不同類型的分類。大概有這幾種:

  1. 一般分類文章用的
  2. 鏈接,可以指向一篇文章(關於),也可以是任意的超鏈接

鏈接標題的問題還需要再考慮一下,目前僅實現了自定義的鏈接標題

Pache 文章頁之圖片瀏覽

目前,Pache 的文章頁圖片瀏覽體驗還是差強人意。

  • 兩張圖片黏連
    image

  • 根據網絡狀態決定是否手動點擊加載圖片

曾經與 NT 探討過移動網絡和 WiFi 的圖片是否加載的問題。

移動網絡默認不加載圖片,只是預留了一個有原圖長寬的淡色塊,淡色塊中顯示一些東西,包括不限於:

  • 圖片數位容量(KB,超過 1024KB 時調整單位為 MB)
  • 加載全部圖片之按鈕

然後,點擊淡色塊空白處則會開始下載圖片并渲染出來


  • 圖片的 figcaption 效果
    image

  • 「相框」效果

也是之前的一個頭腦風暴,不過暫不討論,技術、時間限制

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.