如何打造一个令人愉悦的前端开发环境（一）

文章来源最近几年，前端发展越来越迅速，各种萌新加入了前端这个大家庭，大有赶IOS、超Android的趋势呀！同时，萌新们提出了各种前端工作问题，除了最基础的html、css、js三板斧之外，最让人头疼的应该是关于环境的配置问题，所以以环境作为切入点，开始一系列的前端开发环境配置文章。主要会涉及到打包、构建、编程工具、debug等等前端环境，以及前后端分离、Nodejs中间层

业界 2016年08月03日

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

转载请注明出处：https://github.com/xinglie/xi...需求：1 已知格式化日期字符串format 为 "YYYY-MM-DD" 或 "DD/MM/YYYY"等常见的格式化字符串2 已知和这个格式化字符串对应的格式化后的日期date为"2011-11-12" 或 "12/11/2011"求 年 月 日解：var getDateFromFormat=f

业界 2016年08月03日

css实现文字越界加点点点显示，并且后面紧跟一个图标

文字越界添加...显示 在HTML页面上，会遇到当文字长度超出一定长度的时候，将超出的部分显示为...的情况，这个功能很好实现，很多人都可以直接写出来。 示例代码： .demo {display: block;text-overflow: ellipsis; //显示省略符号来代表被修剪的文本，也可以自定义overflow: hidden; //溢出内容隐藏white-sp

业界 2016年08月03日

magi中的2种事件绑定方式

可操作html与jsmagix采用html与js文件分离的写法，当我们在阅读时，希望能直观的看出节点绑定了哪些事件或这个函数是为哪种事件服务的。如下htmlsave我们在阅读上述html片断时，可直观的看到内容为save的button绑定了click事件，且调用的是save方法再如下jsrender: function() {//render codes},'save':

业界 2016年08月04日

写了一个web os脚手架

预览地址在这里：http://thx.github.io/magix-os/ 项目地址在这里：https://github.com/thx/magix-os 介绍下目录结构 核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等 插件目录plubins主要是各种插件的实现 接口目录services是接口请求的实现 皮肤目录themes是修改整个风格的 面向用

业界 2016年08月05日

JavaScript初应用：找到数组中出现最多的字母并给出个数以及每一个所在的位置

刚刚接触JS一周的时间，熟悉了最基本的js知识，这是自己面对的第一个js的逻辑性的代码题目，自己尝试了写了，结果还算可以，因为有好多知识涉及到了后面的dom知识，就有点吃力了。以下代码总结于网上前辈给出的参考答案和结合了自己的理解和注释，请多多指正。html代码： ## 找到数组中出现最多的字母并给出个数以及每一个所在的位置 输入

业界 2016年08月06日

document.write知多少

原生JavaScript的API里document.write绝对是重量级的。如果大家对他的使用场景、注意事项、原理等不明晰，欢迎阅读本文。使用场景第三方合作iframeul[列表内容]如果这段代码放在前端处理，不使用后端模板，用document.write可以轻松实现，当然实现的方式很多种，这里只是说明document.write可以胜任。 if(A){

业界 2016年08月07日

如何打造一个令人愉悦的前端开发环境（二）

前情提要上一篇文章介绍了目前前端比较流行的各种编辑器，以及各种流行的打包方式，最后给了一个Gulp的例子，这个例子还是14年的时候写的，还有一些可以优化的空间，就不讨论了，这篇文章主要讲目前火热的打包构建方式--Webpack的使用方式。主菜--没有开胃汤其实Webpack的入门指导文章非常多，配置方式也各有各样，这里我推荐题叶大神的入门级指南--Webpack 入门指迷，

业界 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日

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

前几天看到有人提在网页中实时高亮关键字，大约6万多个字中高亮600个关键字，用户可以随时修改并及时高亮，也就是onkeyup时做高亮，说用正则在IE下效率不理想想了下自已给了一个实现方案：比如这段文本是："这是一大段文本，一大段文本哦"关键字是:["这是","大段文本","哦"]首先找出最长的关键字，并把这些关键字弄成map,如：var keys = ['这是', '这里是

业界 2016年08月08日