网站开发

前端网站整理

前端网站, 网址

资讯 文章 UI库 API说明等

  • fullPage
    • 画面全屏切换插件，3.0之后的版本需要许可证
  • bootstrap
    • 这个太有名了，不说了
  • bootstrap翻页插件
    • 基于bootstrap的翻页插件，不想自己写翻页就用他
  • mongoose官网
    • mongoose相关语法查询
  • npm官网
    • 查询各种安装包
  • animate.css
    • 各种动画效果
  • Vue富文本
  • webpack官网
    • 查询使用方法

  • mui

    • 性能和体验的差距，一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题，这些都让HTML5开发者倍感挫败，尤其拿到Android低端机运行，摔手机的心都有； 另一方面，浏览器默认控件样式又少又丑，制作一个漂亮的控件非常麻烦，也有一些制作简单的ui框架但性能低下。

    • mui框架有效的解决了这些问题，这是一个可以方便开发出高性能App的框架，也是目前最接近原生App效果的框架。

    • 参考文档

    mui官网文档使用Jekyll 构建，立即查看。

    • 快速体验

    在线下载或扫描如下二维码下载Hello MUI，可在手机上体验MUI的控件UI及能力展示；

    1
    2
    3
    <a href="http://www.dcloud.io/hellomui" target="_blank">
        <img src="http://www.dcloud.io/images/code-m.png" width="100" />
    </a>
    • 在线交流

    若你在使用过程中有任何经验、想法、疑惑，都可以在问答社区 发起文章，和其它mui用户一起交流；

    License

    • mui遵循MIT License；

    • 开发工具

    • mui组件已被封装成HBuilder代码块，只需要简单几个字符，就可以快速生成各个组件对应的HTML代码，因此和Hbuilder两个一起用，效果会更好；

      1
      2
      3
      <a href="http://www.dcloud.io/" target="_blank">
          <img src="http://www.dcloud.io/img/text-b.png" width="240" />
      </a>

  • MintUI

    • 基于Vue构建的移动端组件库

Nodejs模板引擎

  • art-Template
    • 这是中国人做的，有中文文档，门槛低
  • EJS
    • 门槛低，使用简单，非侵入式。
    • EJS是CanJS默认的模板语言，它提供了与Observes的实时绑定的使用。EJS非常易于使用，在模板中写入想要的HTML，以及一些表示动态行为的魔法标签即可。EJS不支持block功能。
  • jade
    • 门槛高，不容易使用，侵入式，利于后期维护，文件小。
    • 使用这个模板引擎，可以让代码写得更少，开发很轻松。但在Node.js环境使用比较费时，因为必须先把文件转换为HTML，再转换成Jade。
  • doT
    • doT并非最易于使用的模板引擎，但它满足以下需求：
      • 如果模板引擎在客户端和服务器端都需要使用
      • 如果模板需要庞大的逻辑，而且还想让应用程序跑得很快
      • 如果需要预编译的模板
  • Underscore.js
    • Underscore是一个JavaScript库，提供了一系列有用的函数式编程帮助程序，而不扩展任何内置对象。
      Underscore提供了超过100个函数，支持map、filter、invoke等特性，以及函数绑定、JavaScript模板、创建快速索引、深度等价测试等。
  • Dust.js
    • Dust是一个Javascript模板引擎，它继承了ctemplate语言风格，并设计为在服务器和浏览器上异步运行。
      与其它模板引擎相比，Dust不是无逻辑的，只是有较少的逻辑。
      • 不能在Dust模板中编写任意Javascript。但是，您仍然有基本的逻辑运算符，如比较，小于/大于，存在/不存在。这在模板可读性和数据控制之间达到平衡。
      • Dust鼓励将逻辑移动到数据模型。可以在模型中创建函数，然后通过模板调用，可以完全控制模板如何呈现，而不会使逻辑混乱。
      • 异步模板加载，渲染和流式传输。故不必预加载模板。
      • 可组合模板，支持部分包含和动态模板块，将模板拼接在一起，实现手动构建布局。
      • HTML安全，格式无关。Dust通过安全地转义数据，防止跨站点脚本攻击。
      • 高性能。在性能和功能之间取得平衡。虽然它没有Mustache那么快，但它的异步性意味着可以更快地渲染大模板。
      • Dust工作在JavaScript。
  • Handlebars
    • Handlebars.js是Chris Wanstrath创建的Mustache模板语言的扩展。Handlebars.js和Mustache都是无逻辑模板语言，保持视图和代码分离。
      一般来说，Handlebars.js模板的语法是Mustache模板的超集。
      其基本语法可以参考Mustache的帮助页：< http://mustache.github.com/mustache.5.html>
      Handlebars允许模板被预编译，并包含到JavaScript代码中，使得启动时间更短。
      Handlebars不兼容Mustache的几点：
      • Handlebars默认不执行递归查找，除非在编译时compat标志必须设置为启用此功能。用户应注意，启用此标志会产生性能成本。
      • 不支持可选的Mustache风格的Lambdas表达式。
      • 不支持备用分隔符

  • Mustache

    • Mustache是一个非常简单易用的模板引擎，号称无逻辑的模板引擎，可以用于HTML、配置文件、源代码等等场景。
      之所以称之为无逻辑的模板引擎，是因为它没有if语句、else条件、for循环等结构体。只有标签，使用值来替换标签，值可以是哈希或对象，就这么简单。
      Mustache模板有两种定义，Mustache (1)和Mustache (5)
      Mustache支持主流的编程语言，比如Ruby, JavaScript, Python, Erlang, node.js, PHP, Perl, Perl6, Objective-C, Java,Android, C++, Go, Lua等。
      Mustache也可以很好地与编辑器TextMate, Vim, Emacs, Coda, Atom等相结合。

    • Mustache (1)手册：< http://mustache.github.io/mustache.5.html>

    • Mustache (5) 手册：< http://mustache.github.io/mustache.1.html>

    • Mustache (1)的灵感来自于ctemplate，并于2009年底发布第一版。第一个版本的模板引擎使用Ruby语言实现，运行YAML模板文本。采用的主要原则有：一是强调“无逻辑”，没有显式的控制流程语句，所有控制都由数据驱动；二是强调“逻辑与表示的分离”，不可能将应用程序逻辑嵌入到模板中。

工具

代码风格

2次元人偶插件

  • live2d
    • 挺有趣的，有兴趣的可以试下

博客网站相关

  • 不蒜子
    • 统计网站访问数，连接数等。
  • leanCloud
    • 文章阅读量统计
    • 文章评论系统
      • 经过测试比较好用，而且不像畅言那样需要备案。强烈推荐。
      • 配置头像的地址
    • Valine-Admin
      • 文章评论系统的扩展，能够有邮件提醒功能，有兴趣的话可以研究下，还挺管用的。
  • 百度统计
    • 百度统计可以在后台上看到你网站的访问数，浏览量，浏览链接分布等很重要的信息。所以添加百度统计能更有效的让你掌握你的网站情况。
  • 域名的URL转发功能
    • 解决码云不开发cname接口的问题
  • Rss阅读器

github优化

免费数据库

文档注释

geojson

  • 可以通过高德地图api 和 百度地图api 去的geo。如果只是画地图就从下面的连接去下边界数据就行了。
  • 阿里云地图数据

主流开源协议之间有何异同？

React Hooks

阅读量 1:次
分享到： QQ空间 新浪微博 腾讯微博 人人网 微信
隐藏