於刚-CSDN博客

原创 react+webpack -p打包警告

plugins: [//设置生产模式打包 new webpack.DefinePlugin({ "process.env": { NODE_ENV: JSON.stringify("production") } }),//设置打包过程忽略警告 new webpack.optimize.UglifyJsPlu

2016-12-14 18:15:46 931

转载 JavaScript 字符串实用常操纪要

文章转自http://www.codeceo.com/article/javascript-string-operation.htmlJavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形，在你处理用户的输入数据的时候，在读取或设置 DOM 对象的属性时，在操作 Cookie 时，在转换各种不同 Date 时，诸此等等，繁不能数；而她那满多的 API 呵

2016-12-01 11:34:24 278

原创【SEO】相关，使用站长工具测试网站，无法爬到关键字等

站长工具的爬虫功能是搜索“html”的静态页面，动态页面是无法爬到的。当你的网页是动态生成时，要加入后缀名，比如www.xxx.com/index.do加上“index.do”后缀才能爬到页面。不同代码生成的动态页面后缀名也不同。当你输入网址“www.xxx.com”加载完成后，如果出现后缀，则把后缀也添加进去。不出现后缀，则可以直接输入网址搜索。

2016-11-30 10:35:13 419

原创他人web前端页面优化

进公司两个礼拜了，在java同事的帮助下，顺利在本地运行调试项目。开始优化修改web前端页面代码。主要通过浏览器开发者工具查找代码位置，修改。有些因为是javaweb绑定的，本人知识量有限也只能请求java同事帮忙修改了。代码优化要比修改难度更高，因为不仅要考虑的功能的实现，还要考虑到浏览器的兼容性，运行速度，代码量。非一朝一夕时间能够完成。努力学习，奋斗上进。加油！

2016-10-27 22:05:04 288

原创 javaweb的前端样式修改优化如何起步

产品是用java开发的，模板使用的是freemarker（后缀名FTL），需要后端程序员帮忙在本地运行项目，从而达到本地预览调试。需要用的工具（myeclipse,mysql,tomcat.jdk）未完待续...

2016-10-20 15:15:30 1736

转载史上最全的CSS hack方式一览，来自CSDN freshlover的博客专栏《史上最全CSS Hack方式一览》

做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经

2016-10-09 21:47:37 288

原创 css3实现瀑布流布局+缺点用户体验差，但是性能高于js，jq，使用column属性

#main{ -webkit-column-width: 202px; -moz-column-width:202px;}.box{ padding: 10px 0 0 15px;}.pic{ padding:10px; border: 1px solid #cccccc; border-radius: 5px; box-shado

2016-08-19 14:26:32 2701

原创 jq实现瀑布流布局

$(window).on('load', function () { waterfall(); var dataInt = {'data': [{'src': '60.jpg'}, {'src': '61.jpg'}, {'src': '62.jpg'}, {'src': '63.jpg'}, {'src': '64.jpg'}, {'src': '65.jpg'}, {'src

2016-08-19 14:05:37 958

原创原生JS获取内嵌，外部css样式，使用style只能直接获取内联style的属性值

html>html lang="en">head> meta charset="UTF-8"> title>JS原生获取style属性值title> style> #div { width: 200px; height: 200px; background-color: #ff00f

2016-08-19 12:41:48 9231 1

原创 js实现瀑布流布局

html代码html>html lang="en">head> meta charset="UTF-8"> title>瀑布流布局JStitle> link rel="stylesheet" href="index.css"> script src="../http_code.jquery.com_jquery-2.0.0.js">script>hea

2016-08-19 12:38:46 414

转载当<div>中含有<img>时，<div>的高度比<img>的高度要多3px。如何解决？

如果将一个img放在div里面，你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0，无效！那么怎么解决这个问题呢？因为img默认是按基线(baseline)对齐的。对比一下图片和右边的p, q, y等字母，你会发现这三个字母的“小尾巴”和图片下方的空白一样高。下面这张图中的黑线就是那条基线。要去掉空格可以使用vertica

2016-04-04 12:35:41 575

於刚的博客