① 前端开发 要做一个类似公众号平台那样可以编辑文案的页面,有什么框架或者模板推荐吗
最近刚做了一个微信图片投稿的小应用。前端功能很简单,填写表格,上传图片。图片部分用了微信的 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。加油