當前位置:首頁 » 網頁前端 » 前端編輯文檔
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端編輯文檔

發布時間: 2022-07-09 03:11:56

前端開發 要做一個類似公眾號平台那樣可以編輯文案的頁面,有什麼框架或者模板推薦嗎

最近剛做了一個微信圖片投稿的小應用。前端功能很簡單,填寫表格,上傳圖片。圖片部分用了微信的 JS SDK,同時兼容非微信瀏覽器或低版本微信(也就是調用系統input啦)。
前端我用的是 React+Bootstrap。因為我現在就靠這一套通吃。。。(別的不會
頁面文檔:1.4KB
css:1.9KB,
bootstrap.min.js:120KB,
app.js:138.2KB,
微信 JS SDK:9.4KB
字體:17.9KB
一共279.4KB,用起來還 OK,實際上這個應用頁面很簡單,不用 Bootstrap 完全可以(我就是懶),體積一下就能減少43%。
測試過的機型包括 iPhone 5s+,Nexus 5,小米 Note,魅族 MX5,MOTO X Style,三星 Galaxy 4,OPPO A31。iOS 微信版本6.3.9,Android 微信版本6.3.8,OPPO 的微信版本是5.3,不支持 chooseImg 介面。
事實上微信頁面並不會太復雜,或者說太復雜的頁面並不適合微信,復雜度應該在產品設計階段就解決掉,如果前端需要上重武器才能完成需求,不如回過頭好好想想產品設計的問題~

② 用前端知識做富文本編輯器我們需要具備哪些知識

kindeditor
kindeditor - 在線HTML編輯器官網
搜索"kindeditor"的分享列表
kindeditor的上傳圖片簡單代碼
ckeditor
CKEditor.com | The best web text editor for everyone官網
搜索"ckeditor"的分享列表
ckeditor整合代碼高亮插件syntaxhighlighter2使用配置demo實例下載
pagedown
終於搞定了stackoverflow的富文本編輯器pagedown
ueditor
UEditor - 首頁
ueditor富文本編輯器jsp使用實例
搜索"ueditor"的分享列表
其他編輯器源碼下載
搜索"編輯器"的分享列表

③ 前端開發用的文本編輯器有哪些

1.Visual Studio Code 微軟在2015年4月30日Build 開發者大會上正式宣布了 Visual Studio Code 項目:一個運行於 Mac OS X、Windows和 Linux 之上的,針對於編...
2.hbuilder 前端開發小白入門首選,hbuilder是國產的一款前端開發工具而且是免費的,對於英語不好的前端工程師是一個不錯的消息。 優點是有強大的其他語言支持和開發webapp等功能,強大到沒朋友。在語法提示、轉到...
3.sublime text3 sublime text是一個輕量級的編輯器,也是支持各種編程語言,sublime text所有的強大功能都是支持插件的,而且快捷鍵十分的好用,可以極大的減少開發的勞動

④ 求大神,告訴web前端開發中在線的文本編輯器,可以用什麼方式實現,用到了什麼插件

有好多 。你可以看看網路編輯器 功能提多也有簡易版 直接網路「網路編輯器」 或者網路富文本編輯器也可以找到很多插件的

⑤ 如何用markdown寫前端開發文檔

arkdown 的目標是實現「易讀易寫」。 可讀性,無論如何,都是最重要的。一份使用 Markdown 格式撰寫的文件應該可以直接以純文本發布,並且看起來不會像是由許多標簽或是格式指令所構成。 Markdown 語法的目標是:成為一種適用於網路的書寫語言。

⑥ 文本編輯器中,哪一款最適合前端開發用

jEdit是一個非常強大和靈活的文本編輯器.在java開發過程中,我一直使用eclipse,UltraEdit和jEdit.經常在它們之間

⑦ 前端開發的技術文檔怎麼寫

可以從項目背景,功能模塊,目錄結構,介面列表來寫,還可以配合jsdoc自動生成各個js文件的詳細文檔

⑧ 前端開發應該如何寫技術文檔

一名合格的前端開發工程師,不單單需要掌握前端必須的各種技術,同時還要掌握其它技術,需要掌握一點後台的知識,同時也要對網站構架有一定的了解,這樣才可以稱之為一個合格的Web前端開發工程師。
如果你想要快速學習Web前端技術,專業全面的學習方式比較好。適合零基礎的小白迅速成長,學習曲線先快後慢,也適合有一定基礎的學員進階學習,鞏固知識的基礎上,穩步進步突破職業瓶頸。

⑨ 關於前端開發的20篇文檔與指南

英文原文:Another
20
Docs
and
Guides
for
Front-End
Developers
相信在
2015
年很多這個行業的人都會有這樣的兩種感受:
真的不知所措,這個行業到底有多少東西需要去學習;
渴望更多,並迫不及待的為接下來的學習尋求一些思想方向。
第一個來自於我們的個人感受,而第二個則是純粹的必要性了。所以本文整理一些有用的信息,希望可以幫助相關領域的前端開發人員。
1.
I
want
to
use
基於
Can
I
use
的數據和功能,這款應用給予你選擇一組前端開發特性的能力,並會讀取出一個全球性用戶能夠使用它的百分比。
2.
Regulex
JavaScript
正則表達式的可視化工具,在線輸入表達式後,動態生成表達式圖片。非常不錯的一個可視化
Web
在線正則表達式設計工具。
3.
Mastering
the
:nth-child
一個單頁網站,幫助你理解如何去使用各種有用但又復雜的基於選擇器組合的
nth-child。
4.
HTML
5
視頻事件和
API
這個頁面展示了新的
HTML
5
視頻元素、媒體
API
和媒體事件。播放、暫停、搜索整個視頻、改變音量、靜音、改變播放速度(包括進入負值),查看視頻和潛在事件與屬性上的效果。
5.
Excess
XSS
這可能是所有開發者都應該熟悉的一個話題,並且這可能是一個很好的著手點。它是一個跨站點腳本編制綜合教程。
6.
RSCSS
意思為Reasonable
Standard
for
CSS
Stylesheet
Structure(CSS
樣式表結構合理的標准),記錄一些針對大項目的
Sass/CSS
編寫技巧和技術。
7.
CodeFightClub
一個由
Andrew
Hathaway
建立的項目,目的是幫助其他開發者學習如何用最好、最有效以及首選的方法編寫代碼。
8.
Sass
Guidelines
Hugo
Giraudel
寫的
Sass
Guidelines
目前已經被翻譯成其他六種語言。
9.
Flexbugs
如果你的目的是使用
flexbox
構建一個網站,而事情卻並沒有像你所期望的那樣進行,你可以在這里找到解決方案。
10.
A
Front
End
Engineers
Manifesto(一個前端工程師的宣言)
沒什麼深入的東西,只是一些簡單的事情提示,所有的前端開發者應該考慮將其結合到開發過程和工作流中。
11.
ES5
中的
ECMAScript
6
等價物
ES6
特性轉換到
ES5-compatible
代碼的一個很好的參考。
12.
Flexbox
Adventures
來自開發者
Chris
Wright

Flexbox
深入、實際看法。
13.
BEM
一個全面推廣和培養
BEM
CSS
使用方法的網站。
14.
Sass
Compatibility
記錄不同
Sass
引擎之間的不兼容性問題。
15.
HTMLelement.info
一個整潔、邏輯、易使用的指南規范,在不同的
HTML
元素上獲得信息。
16.
JSLint
Error
Explanations
你可能跟隨過很多
JavaScript
最佳實踐,卻並不明白所有這些技術背後的原因。本站旨在揭露
JSLint、JSHint、和
ESLint
工具里錯誤和警告。

⑩ web前端怎麼樣才能快速的學會一個文檔

其實前端並不是要你有多好的邏輯,有多麼好的操作,說白了就是多練,練多了你會發現這個好像我寫過,這個好像我也寫過。到最後你腦袋都沒反應過來,手都已經敲出來了。
你可以試著,去獨立開發一些小項目,總有一天,你就能獨立開發大項目,以後你就會徒手露框架,肉眼找bug。加油