随笔分类 -  前端(行为)

JS
摘要:优化对比 : 未优化前:index.html引入一个main.js文件,体积2M以上。 优化后入:index.html引入main.js、commons.js、charts.js、other.js。以达到将main.js平分目的。每个文件控制300k以内.(如果高兴100k也没问题) 用到的一堆库及 阅读全文
posted @ 2016-11-12 16:51 懦酷 阅读(11458) 评论(1) 推荐(0)
摘要:1 const webpack = require('webpack'); 2 const path = require('path'); 3 const HtmlWebpackPlugin = require('html-webpack-plugin'); 4 const ExtractTextPlugin = require("extract-text-webpack-plugin"... 阅读全文
posted @ 2016-09-26 21:18 懦酷 阅读(255) 评论(0) 推荐(0)
摘要:当使用document.querySelector('') 获取元素时,发现html里某些特殊字符被处理和转意了,处理后格式如下:<>&'' ………………PS: 当我不熟悉正则的时候,想偷懒的时候,就借用HTMLDivElement object获取内容,竟然发现!!... 阅读全文
posted @ 2015-06-25 11:34 懦酷 阅读(1402) 评论(0) 推荐(0)
摘要:1 jQuery.fn.extend({ 2 autoHeight: function(){ 3 return this.each(function(){ 4 var $this = jQuery(th... 阅读全文
posted @ 2015-03-10 16:16 懦酷 阅读(543) 评论(2) 推荐(0)
摘要:刚看到以前写的js方法:计算字符串长度(中文算2个字符)。方法:var str = '123是是是';var strArr = str.split('');var count = 0;for(strArr.length){ **** }………………(不上代码了,累!!)修改后:var str = '... 阅读全文
posted @ 2014-10-30 12:52 懦酷 阅读(1220) 评论(0) 推荐(0)
摘要:本人JAVA转前端有一段时间了,最近项目用到异步上传文件 ,做java的同事茫然了。。。得啵得:众所周知Ajax没有提供上传文件的方法(兼容方案) 。form表单提交文件是要跳转页面的。 方法: 通过‘无刷新页面’上传文件 。模拟AJAX准备工作: 1、主页面写个iframe(隐藏掉),设置name... 阅读全文
posted @ 2014-07-21 19:58 懦酷 阅读(406) 评论(0) 推荐(0)
摘要:hasLayout: IE独有CSS渲染引擎。ie下很多bug都因为没有触发hasLaayout而引起。触发hasLayout的方法有:width\height\position:relative或height:1%。但会出现一些副作用。于是,完美的解决方案:zoom:1;当然:zoom:1在极其复... 阅读全文
posted @ 2014-07-20 16:04 懦酷 阅读(170) 评论(0) 推荐(0)
摘要:项目的需要,需要一个背景半透明的效果,于是马上想到“opacity:0.5″等等,为兼容IE可能还会用到filter,如:filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;上面的是可以达到半透明的效果,但是会影响里面的子元素也半透明,例如DIV里面的文字也半透明了,这不是我想要的如下,实现了可以兼容各浏览器,达到背景颜色半透明而不影响子元素的代码:background:rgba(0,0,0,0.6)background: transparent\9;zoom:1\8;/* required for the filters */-ms 阅读全文
posted @ 2014-01-22 22:27 懦酷 阅读(921) 评论(0) 推荐(0)