可视化搭建平台除了需要为用户提供简单便捷的操作方式之外, 还需要提供丰富的组件支持和组件扩展, 这样才能满足更多用户的业务需求. 在 H5-dooring 创建的初期主要考虑的方向是用户使用的便捷性, 即最大程度的降低用户操作成本, 所以采用了智能布局, 也就是react-grid-layout这个库, 之前考虑过完全的自由布局, 也实现了一套自由布局的方案(使用react-draggable和React-Resizable), 但是崇尚 less is more 的设计哲学, 还是坚定的走了智能布局的道路. 笔者接下来会介绍如何在 H5页面编辑器 中自定义开发自己的组件, 以及如何开发可以使...

对于前端开发者而言，javascript正扮演着越来越重要的地位，它不仅能为浏览器端赋能，在web服务器方面也有很大的价值（我们可以用nodeJS来写服务端代码，启动web服务器），因此本文所要描述的，便是javascript在服务端的应用。我将介绍如何使用nodeJS来搭建一个mock服务器，方便前端自定义mock数据请求，提高前端开发的主观能动性和对项目健壮性的探索。 我们将学到  koa基本使用 koa-router的基本用法 koa-logger的使用 glob支持文件遍历查寻 node几个核心api的使用 使用nodemon做自动重启  mock服务器基本设计思路 通过目录路径和服务...

我们传统的前端更多的是用javascript实现各种复杂动画，自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,对动画的开发也越来越容易。这篇文章就让我们汇总一下使用Css3实现的各种特效。       这篇文章参考《css揭秘》这本书，并作出了自己的总结，希望能让大家更有收获，也强烈推荐大家看看这本书，你值得拥有。我们将学到    Css3  outline  radial-gradient  linear-gradient  box-shadow   1.实现内部虚线边框   知识点：outline     核心代码

本文结合自己前端日常开发中，经常用到的且非常重要的一些知识点，进行了汇总，这是本系列第一篇。 1.css禁用鼠标事件 .disabled { pointer-events: none; cursor: default; opacity: 0.6; }复制代码 2.get/post的理解和他们之间的区别 http  超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。HTTP 的工作方式是客户机与服务器之间的请求-应答协议。web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。  http方法：  HEAD: 与 GET 相同，但只返回 HTTP 报头，不返回文...

javascript在浏览器中运行的性能，可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂，事实上，多数浏览器使用单一进程来处理用户界面和js脚本执行，所以同一时刻只能做一件事。js执行过程耗时越久，浏览器等待响应的时间越长。    加载和执行  一.提高加载性能   1.IE8,FF,3.5,Safari 4和Chrome都允许并行下载js文件，当script下载资源时不会阻塞其他script的下载。但是js下载仍然会阻塞其他资源的下载，如图片。尽管脚本下载不会互相影响，但页面仍然必须等待所有js代码下载并执行完才能继续。因此仍然存在脚本阻塞问题...

本文为前端开发重要知识点汇总系列第二篇，上一篇请参考 前端开发中不可忽视的知识点汇总（一）  22. 让页面里的字体变清晰，变细用CSS怎么做？  -webkit-font-smoothing: antialiased;  23. 让overflow:scroll平滑滚动？   -webkit-overflow-scrolling: touch;  ‍24. 如何将浮点数点左边的数每三位添加一个逗号，如12000000.11转化为『12,000,000.11』? function commafy(num){  return num && num .toString() .rep...

前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支持搜索, 也是前端来实现,我顿时产生了兴趣. 当时想到的方案大致如下:  采用懒加载+分页(前端维护懒加载的数据分发和分页) 使用虚拟滚动技术(目前react的antd4.0已支持虚拟滚动的select长列表)  懒加载和分页方式一般用于做长列表优化, 类似于表格的分页功能, 具体思路就是用户每次只加载能看见的数据, 当...

首先先祝各位元旦快乐，好好去体验生活的快乐，也祝祖国生日快乐，越变越强大，越来越繁荣。 接下来我会总结一些工作中常用也比较核心的es6+的语法知识，后面又要慢慢开始工作之旅了，希望在总结自己经验的过程中大家会有所收获～ 正文 1. let和const let  用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，即let声明的是一个块作用域内的变量。  特点：  不存在变量提升 暂时性死区——只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响 不允许重复声明 块级作用域——被{}包裹的，外部不能访问内部  应用案例与分析： /...