① 前端開發 要做一個類似公眾號平台那樣可以編輯文案的頁面,有什麼框架或者模板推薦嗎
最近剛做了一個微信圖片投稿的小應用。前端功能很簡單,填寫表格,上傳圖片。圖片部分用了微信的 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。加油