可视化脚手架介绍

2020-08-27
阅读 5 分钟
2.3k
本项目提供可视化设计所需要的基础功能,比如标尺、拖动、旋转、多选、复制等。在此基础之上,设计器中可设计、编辑的元素则由插件化的形式提供,比如需要表格、图片则只添加这2个插件即可,开发人员也可以很方便的定制自己的插件

浏览器会内置类react框架

2019-04-10
阅读 2 分钟
2.1k
从Prototype.js到风靡全球的jQuery.js,都是在解决浏览器间DOM操作的差异化问题,同时也提供了简洁友好的API,但是随着标准的不断的推进,现在浏览器间的差异化可以说已经没有了,像Github就宣布了弃用jQuery.js,直接使用浏览器提供的DOM操作更新界面。

可视化开发脚手架

2019-01-02
阅读 1 分钟
2.5k
1. 可视化工具越来越多的成为标配,针对web开发,各种框架都有自己的可视化搭建工具2. 依赖web操控、展示、通信的行业会越来越多,为传统行业提供快速搭建的功能3. 大数据时代,除数据可视化,其它各方面的可视化需求也会增多

使用div模拟table

2018-10-16
阅读 1 分钟
8.8k
从功能上来讲,行列的数据更适合使用table,所以当您的需求中没有固定表头,固定列时,请直接使用table,模拟table更多的是解决固定表头,固定列等事情。

在前端如何保护共享对象

2018-09-04
阅读 3 分钟
1.5k
同理,上面展示的是通用方法的对象集合,在前端项目里,我们也会把一些所谓写死的数据集中封装在某个模块里,方便后期的修改,比如我们实现一个constant常量模块,我们把一些项目中使用的,后期可能会修改的数据放进去

如何实现一个JSON.parse

2018-08-29
阅读 5 分钟
4.3k
之前收藏的一个把json字符串转对象的解析器,代码比较易懂,直接贴源码。对于刚接触这块的同学应该能起到入门的作用 {代码...} 实现思路 json的结构分析 json的结构包含几种元素: object(name value pair object) 此处指狭义的对象,名值对形式。广义上任何元素都是对象。 array 由[]符号包裹,元素用英文逗号分隔。 ...

极致的性能

2018-07-09
阅读 4 分钟
2k
当需要使用社区类库或组件时,除基础类库外,我建议只把用到的功能拿过来,比如underscore,只用了数组操作?把数组操作拿过来。有空多读读源码,尝试把这些优秀的类库再做一些拆分,你会发现你常用的功能也不过就那几个,其它很多功能根本用不到。

前端做模糊搜索

2018-07-05
阅读 4 分钟
15.9k
我们先看一下效果图: 这是搜索关键字cfg时,会自动匹配到config方法 同样,我们再看另一个例子 通过关键字bi会匹配到好几个结果 这个和一些编辑器的搜索功能很像,比如sublime text,不需要知道关键字的完整拼写,只需要知道其中的几个字母即可。 那么这个功能在前端我们如何去实现呢? 不考虑性能的话,我们可以用正则...

html实体编码遇上js代码

2017-07-13
阅读 3 分钟
6.3k
单双引号 在js代码中 在js中单、双引号引起来的是字符串,如果我们要在字符串中使用单、双引号,需要反斜杠进行转义 {代码...} 如果在字符串中输出反斜杠,仍然是用反斜杠转义,即2个反斜杠输出1个反斜杠 在html代码中 html标签中,属性值通常用双引号引起来,也可以使用单引号或不用引号。 {代码...} 这3种写法都正确,...

我是如何做固定头部(thead)的

2017-03-06
阅读 2 分钟
8k
在前端开发中经常遇到需要页面滚动时,固定某个区域显示,常见表格的需求,因为表格有很多列,如果列名不固定在顶部显示,滚动到底部时,可能就不知道某些列对应的是什么了

用js实现gameboy游戏机

2016-11-23
阅读 1 分钟
3.1k
/js/Gameboy.source.js 是游戏机的核心文件/js/Gameboy.AvoidPlane.source.js 是飞机相关的游戏/js/Gameboy.Snake.source.js 是贪吃蛇相关的游戏/js/Gameboy.Tetris.source.js 是俄罗斯方块相关的游戏

前端的离线处理

2016-11-18
阅读 3 分钟
4.5k
其实前端的离线处理在一些工具中可以看到,比如说css中的背景图,某些css工具在打包处理的时候,如果图片的文件大小比较小,工具会读取文件内容转成base64直接放到css文件内,减少http请求。

汉字转拼音 支持20870个汉字,包含完整的多音字

2016-10-18
阅读 2 分钟
6.7k
理想状态下是使用Stirng.prototype.localCompare了,但是由于这玩意并不是所有浏览器实现都一样,例如chrome早期的就不是按拼音排序,所以这个方案先放一边

接口combine

2016-08-30
阅读 2 分钟
2.6k
进行复杂项目开发时,服务端(数据接口实现端)会把接口拆分的比较细粒度,以方便在更多地方复用。而拆分后的接口在前端进行组合请求时,通常会出现一个区块要请求5、6个接口甚至更多接口请求才能拿到想要的数据,过多的数据请求会导致区块渲染较慢,移动端表现尤为明显。为了改善这种情况,也有在服务端再开发一些新接口...

js克隆一个对象,支持循环引用的克隆

2016-08-15
阅读 2 分钟
3.6k
{代码...} 支持节点克隆,对象克隆,同时也支持循环引用的对象克隆。 比如: {代码...} 这样一个循环引用的对象也可以正常克隆 cloneObj=Utils.clone(sourceObj);克隆后,同样保持与原来相同的引用关系 对于var obj={};var a={}; a.b=obj;a.c=obj; var d=Utils.clone(a); 在clone之前a.b.f='123';那么a.c也就有了一个f ...

document.elementFromPoint

2016-08-15
阅读 3 分钟
4.7k
先说坐标,因为不同的人理解是不一样的,也就造就了这个方法在不同的浏览器中表现是不一样的,所以在传入坐标时就分 整体页面坐标 和 可视区域坐标,我们看上篇文章中的图来理解下:中间的方块是可视区域,红点相对可视区域的左上角我们称之为 clientX和clientY,相对于页面起始处的左上角称之为 pageX和pageY

道格拉斯-普克 抽稀算法 附javascript实现

2016-08-10
阅读 6 分钟
9.2k
道格拉斯-普克抽稀算法,是用来对大量冗余的图形数据点进行压缩以提取必要的数据点。该算法实现抽稀的过程是:先将一条曲线首尾点虚连一条直线,求其余各点到该直线的距离,取其最大者与规定的临界值相比较,若小于临界值,则将直线两端间各点全部舍去,否则将离该直线距离最大的点保留,并将原线条分成两部分,对每部分...

判断矩形相交以及求出相交的区域

2016-08-09
阅读 2 分钟
9k
问题:给定两个矩形A和B,矩形A的左上角坐标为(Xa1,Ya1),右下角坐标为(Xa2,Ya2),矩形B的左上角坐标为(Xb1,Yb1),右下角 坐标为(Xb2,Yb2)。(1)设计一个算法,确定两个矩形是否相交(即有重叠区域)(2)如果两个矩形相交,设计一个算法,求出相交的区域矩形

一只青蛙跳下水

2016-08-08
阅读 1 分钟
4.6k
独立钻石起源于法国,是一种风靡世界的益智游戏与中国发明的“华容道”、匈牙利人发明的“魔方”, 并称为“智力游戏界的三大不可思议”它类似于跳棋,但不能走步,只能跳。走棋时棋子跳过相邻的棋子到空位上,并把跳过的棋子吃掉。棋子可以沿棋盘的格线横跳、纵跳,但不能斜跳

大段文本的多个关键字高亮

2016-08-08
阅读 2 分钟
5.4k
前几天看到有人提在网页中实时高亮关键字,大约6万多个字中高亮600个关键字,用户可以随时修改并及时高亮,也就是onkeyup时做高亮,说用正则在IE下效率不理想

写了一个web os脚手架

2016-08-05
阅读 1 分钟
2k
核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等插件目录plubins主要是各种插件的实现接口目录services是接口请求的实现皮肤目录themes是修改整个风格的

magix中的2种事件绑定方式

2016-08-04
阅读 2 分钟
2.5k
我们在阅读时可以知道save这个函数是为click事件服务的,这样在分离阅读它们时,能够快速知道它们是做什么用的,不需要来回切换js和html才能够知道事件的绑定。

已知格式化日期的字符串和格式化后的日期,还原日期

2016-08-03
阅读 1 分钟
3.5k
转载请注明出处:[链接] 需求: 1 已知格式化日期字符串format 为 "YYYY-MM-DD" 或 "DD/MM/YYYY"等常见的格式化字符串 2 已知和这个格式化字符串对应的格式化后的日期date为"2011-11-12" 或 "12/11/2011" 求 年 月 日 解: {代码...} 测试 {代码...} 欢迎试用magix,区块化管理利器 [链接]magix [链接]欢迎star与fork

识别滚动条上的mousedown mouseup事件

2016-08-02
阅读 3 分钟
5.1k
转载请注明出处:[链接] 网页内容区域自动滚动,滚动条会随着内容的增加自动往下滚动。 当用户鼠标在滚动条上按下的时候,我们可以假设他(她)正在浏览网页内容,那么这个时候好的用户体验就不能让滚动条再自动滚动了。 为了实现这个功能,可能大家首先会想到的就是mouse down 和 mouse up事件了。 嗯,我们可以利用它...

Magix.Cache介绍

2016-08-01
阅读 6 分钟
2.8k
在前端开发过程中,我们经常会在内存中缓存一些数据,其实javascript的缓存比较简单,只需要声明一个变量或把一些数据挂到某个对象上即可,比如我们要实现一个对所有的ajax请求缓存的方法,简单实现如下: