html
【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器
用 DIV + CSS3 画小黄人仅仅使用div作为身体的布局，用css3的各种transform和圆角属性来绘制各个细节的形状，当然也不会使用任何图片哦。那就没意思了。[br]有的同学说，用canvas不是能画得更逼真而且更简单吗？这点我也非常赞同，但我的理由还是，那就没意思了。这次用到了一些LESS的特性，通过设置一些指定的参数来生成不同种类、不同身材的小黄人。GitH
业界
2016年05月10日
Aure生成的原型html如何使用和备份
当PM完成Axure原型评审后，一定不能忘记备份这些原型html，后续可能需要查询以及技术撕逼。希望通过Axure原型的几种使用场景，让初级PM对它的来龙去脉有个清晰的了解。而不是停留在“我知道”“大概会用”的水平。版本PM会经常修改AxureRP源文件，然后生成不同的原型。但是对外评审的原型应该是唯一的。并且该版本的产品需求文档PRD就是这个原型。请注意两者不能混为一谈。
Axure教程
2018年01月08日
大段文本的多个关键字高亮
前几天看到有人提在网页中实时高亮关键字，大约6万多个字中高亮600个关键字，用户可以随时修改并及时高亮，也就是onkeyup时做高亮，说用正则在IE下效率不理想想了下自已给了一个实现方案：比如这段文本是："这是一大段文本，一大段文本哦"关键字是:["这是","大段文本","哦"]首先找出最长的关键字，并把这些关键字弄成map,如：var keys = ['这是', '这里是
业界
2016年08月08日
《JavaScript高级程序设计》笔记系列3-- 数据类型
数据类型ECMAScript 中有 5 种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和 String。还有 1 种复杂数据类型——Object，Object 本质上是由一组无序的名值对组成的。typeof操作符typeof 检测给定变量的数据类型var message = "some string";alert(typeo
业界
2016年08月08日
如何打造一个令人愉悦的前端开发环境（二）
前情提要上一篇文章介绍了目前前端比较流行的各种编辑器，以及各种流行的打包方式，最后给了一个Gulp的例子，这个例子还是14年的时候写的，还有一些可以优化的空间，就不讨论了，这篇文章主要讲目前火热的打包构建方式--Webpack的使用方式。主菜--没有开胃汤其实Webpack的入门指导文章非常多，配置方式也各有各样，这里我推荐题叶大神的入门级指南--Webpack 入门指迷，
业界
2016年08月08日
document.write知多少
原生JavaScript的API里document.write绝对是重量级的。如果大家对他的使用场景、注意事项、原理等不明晰，欢迎阅读本文。使用场景第三方合作iframeul[列表内容]如果这段代码放在前端处理，不使用后端模板，用document.write可以轻松实现，当然实现的方式很多种，这里只是说明document.write可以胜任。 if(A){
业界
2016年08月07日
JavaScript初应用：找到数组中出现最多的字母并给出个数以及每一个所在的位置
刚刚接触JS一周的时间，熟悉了最基本的js知识，这是自己面对的第一个js的逻辑性的代码题目，自己尝试了写了，结果还算可以，因为有好多知识涉及到了后面的dom知识，就有点吃力了。以下代码总结于网上前辈给出的参考答案和结合了自己的理解和注释，请多多指正。html代码： ## 找到数组中出现最多的字母并给出个数以及每一个所在的位置 输入
业界
2016年08月06日
写了一个web os脚手架
预览地址在这里：http://thx.github.io/magix-os/
项目地址在这里：https://github.com/thx/magix-os
介绍下目录结构
核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等
插件目录plubins主要是各种插件的实现
接口目录services是接口请求的实现
皮肤目录themes是修改整个风格的
面向用
业界
2016年08月05日
magi中的2种事件绑定方式
可操作html与jsmagix采用html与js文件分离的写法，当我们在阅读时，希望能直观的看出节点绑定了哪些事件或这个函数是为哪种事件服务的。如下htmlsave我们在阅读上述html片断时，可直观的看到内容为save的button绑定了click事件，且调用的是save方法再如下jsrender: function() {//render codes},'save':
业界
2016年08月04日
