当前位置:首页 » 网页前端 » 前端编辑文档
扩展阅读
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。加油