- 博客(51)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 Chrome 调试技巧(1)
1.Store as global(存储为一个全局变量)如果你在console中打印了一堆数据 (例如你在App中计算出来的一个数组) ，然后你想对这些数据做一些额外的操作比如我们刚刚说的copy(在不影响它原来值的情况下) 。 那就可以将它转换成一个全局变量，只需要右击它，并选择 “Store as global variable” (保存为全局变量) 选项。第一次使用的话，它会创建一个名为temp1的变量，第二次创建temp2，第三次 ... 。通过使用这些变量来操作对应...
2020-11-03 20:26:12
1112
转载 react 项目的一个ie8兼容性问题
react 项目的一个ie8兼容性问题2016/05/30ie8React前端开发相信现在很多人在使用react+webpack做项目，然后通过babel来解决ES6/7的兼容性问题，对于ie8的兼容也有一些经验和方案。不过今天在解决汇金账房的ie8兼容过程中仍然遇到一个坑，同时发现现有资料的一些问题。首先说一下兼容ie8的通用方案，大家一般是按照 Make your Rea...
2018-08-10 18:16:28
1527
转载 CSS秘密花园： 沿着路径的动画
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。问题几年前，当CSS动画刚出来的时候是多么的令人兴奋，那时Chris Coyier问我，有没有什么方式使用CSS让元素绕一个圆形的路径运动。当时，它只是一个有趣的想法，但...
2018-06-23 10:24:16
2210
转载 JS设置CSS样式的几种方式（js设置!important）
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px';element.style.height = '100px';2. 直接设置属性（只能用于某些属...
2018-06-07 09:48:09
81024
1
转载 IE下面JavaScript提交form表单提交失败，JS报拒绝访问
代码大致如下[HTML] 纯文本查看 复制代码?0102030405060708091011121314151617181920212223242526272829303132333435 <script> function picchange() { if (document.all) { var b = doc...
2018-05-25 10:54:51
2190
转载 一分钟发布一个属于自己的npm包
如何发布一个npm包1.注册npm账户登陆 https://www.npmjs.com 用邮箱注册接收验证邮件验证就完事了(此处有两封邮件:Welcome to npm和Verify your npm email address )2.选择目标文件夹，命令行cd进去E:\xxx>cd testE:\xxx\test>3.执行npm init输入以下命令，会提示配置包的相关信息，名称...
2018-04-21 11:18:22
3605
转载 GeoServer跨域设置
原创 2016年06月29日 17:54:56标签：GeoServer /跨域4549 我们通常需要通过ajax跨域访问GIS服务，GeoServer默认是不支持跨域的，通常直接访问浏览器会报类似：XMLHttpRequest 、not allowed by Access-Control-Allow-Origin的错误提示。一、GeoSer
2018-02-01 10:07:14
679
转载 windows上postgresql9.2数据库初始化、服务配置
听语音|浏览：54|更新：2017-12-06 17:33|标签：数据库 电脑 WINDOWS7 1234567分步阅读本篇小编主要介绍windows上postgresql9.2数据库初始化、监听服务配置工具/原料
2018-01-30 20:16:02
1006
原创 postgresql注册的服务启动不了
服务无法启动,没有报任何错误.通过配置postgresql.conf文件解决,配置方法如下:listen_addresses = '127.0.0.1'port = 5432
2018-01-30 19:50:24
3229
原创 地图打印
html2canvas(document.getElementById("map"), { onrendered: function (canvas) { var img = canvas.toDataURL("image/png") window.open(img); } });
2017-11-29 21:59:48
457
转载 css兼容性渐变背景效果
.gradient{ width:300px; height:150px; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=re
2017-11-23 13:43:41
204
转载 readAsBinaryString polyfill
if (!FileReader.prototype.readAsBinaryString) { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this; var read
2017-10-27 14:00:22
1097
转载 ActiveX 控件装入失败!-- 请检查浏览器的安全设置。
IE的安全设置阻止了控件的安装~~ 解决步骤：打开IE---工具---Internet选项---安全---Internet安全级别---自定义级别---进去把有关ActiveX控件的设置选项设置为启动就OK。如果还是不行就把本地和受信任的站点的也按照上面的进行设置，只要不是你IE有问题或者系统有问题的话，这样可以100%安装成功！
2017-10-07 15:36:50
19238
转载 检测浏览器是否支持某css属性
var cssProperty = function (attr) { var prefix = [ 'O', 'ms', 'Moz', 'Webkit' ], len = prefix.length, style = document.createElement('i').style;
2017-09-01 16:38:32
534
转载 表单序列化为JSON对象 serializeObject
//表单序列化为JSON对象 $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !
2017-09-01 16:38:25
354
转载 CSS3之------box-shadow属性使用方法（1），即单边阴影效果设置
《图解CSS3：核心技术与案例实战》第3章CSS3边框，本章主要介绍CSS3新增的边框特性，首先从CSS的border属性着手切入，分别介绍了CSS3新增边框特性，border-color、border-image、border-radius以及box-shadow。详细介绍了每个特性的语法规则，并且结合一些简单的案例，以图解的方式介绍了这些特性的具体使用方法以及在IE下相应的兼容和处理方式。本节
2017-09-01 16:35:00
5244
转载 高性能封装检测浏览器支持css3属性函数
文章摘自:http://www.cnblogs.com/barrior/p/5112216.htmlcss3出来已经很久了，现在来谈判断浏览器是否支持某个css3的属性虽说有点过时了，但是还是可以谈谈的，然后，此篇主要谈的不是判断是否支持，而是怎么封装更好，为什么这么封装，欢迎吐槽。入题，判断浏览器是否支持css3 transition，方法很简单，只需要下面这句代码就行了：
2017-08-18 10:33:09
280
原创 ie8实现transform:scale放大效果
.class{filter: progid:DXImageTransform.Microsoft.Matrix( M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand');}
2017-06-02 10:32:38
5242
转载 CSS3常用功能的写法
作者： 阮一峰日期： 2010年3月15日随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证，原文的错误之处也已得到改正。一
2017-06-02 10:10:56
285
转载 如何优雅地使用Sublime Text3
Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。原文
2016-01-21 17:25:04
1101
转载 欢迎使用优快云-markdown编辑器
Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。原文首链，请移
2016-01-21 16:55:45
886
转载 js中(function(){…})()立即执行函数写法理解
摘要 javascript和其他编程语言相比比较随意，所以javascript代码中充满各种奇葩的写法，有时雾里看花，当然，能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法，最初我以为是一个括号包裹匿名函数，再在后面加个括号调用
2015-10-21 11:16:03
442
转载 border:none;与border:0;的区别
这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。性能差异：【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值
2015-09-24 22:00:42
359
转载 margin:0 auto 与 text-align:center 的区别
基本概念：1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: left; } //文本居左对齐 注释：所有浏览器都支持
2015-08-17 13:46:59
529
转载 微信公众号使用Emoji表情
看习惯了qq的默认表情，尝到了漂亮的emoji表情。这个时候，就开始心动了。我要我要回复漂亮的emoji表情。既然，谈到emoji表情，能回复是必然的。只是方法你寻到了没。php有点不同，在php中输出\（斜杠）u开头的unicode编码会原样输出，所以需要转换一下（java和c#貌似不用）。做一个勤快的人，有想法，就得付出心动。在网上都可以找到答案，然后去应证，封装。最后，就是你
2015-07-22 09:42:37
4383
1
原创 前端学习资源
1.前端框架bootstrap中文版本http://wrongwaycn.github.io/bootstrap/docs/base-css.html
2015-07-18 10:13:55
335
转载 struts2和servlet共存的几种方法
项目要求struts2和servlet能够共存，就是struts的请求发给struts处理，servlet的请求发给servlet处理。目前web.xml文件应该是类似于如下的配置： filter> filter-name>struts2filter-name> filter-class>org.apache.struts2.dispatcher.ng.filter.Strut
2015-06-09 10:30:56
346
转载 装饰器模式Decorator（结构型）
1. 概述 若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。 通过继承一个现有类可以使得子类在拥有自身方法的同时还拥有父类的方法。但是这种方法是静态的，用户不能控制增加行为的方
2015-05-26 14:52:02
450
原创 【问题】手机页面左右晃动，页面宽度超出手机屏幕宽度
这种情况一般是有宽度为100%的div设置了左右padding，只需给此div加上box-sizing:border-box;-webkit-box-sizing:border-box;就OK了，具体可以查看css3属性。
2015-05-14 17:31:06
4491
原创 【问题】tomcat开机自启动后项目无法加载数据
为了方便，我将tomcat配置成开机自启动，这样服务器自动重启后，tomcat会自动在后台启动。 但是我发现服务器每次重启后，访问我们的网站，网站的数据都加载不出来，需要重新启动tomcat才行。我猜测原因应该是mysql数据库服务在tomcat服务之后启动，所以配置了一下windows服务的依赖关系，果然就好了，配置方法如下： 运行cmd，sc config
2015-05-08 11:30:31
1349
转载 后台运行bat定时器程序示例分享
当我们要让BAT处理程序在后台运行而不显示DOC窗口时，可以避免程序被误关闭等情况的发生。下面以一个简单的例子说明如何实现 新建一个BAT处理文件，命名为timer.bat ，代码如下：复制代码代码如下:@echo off:a rem 取得当前时分值set currentTime=%time:~0,2%%time:~3,2
2015-05-06 15:45:36
940
原创 coreseek增量索引配置 windows
coreseek版本：Coreseek 3.2.141.配置文件csft_mysql.conf2.先在mysql中插入一个计数表CREATE TABLE sph_counter(counter_id INTEGER PRIMARY KEY NOT NULL,max_doc_id INTEGER NOT NULL);3.创建主索引D:\coreseek\bin
2015-04-21 09:49:26
502
转载 coreseek 配置文件csft_mysql.conf详解
这是半年前没有对外写的文章，现在拿出来分享下。可能会有一些不正确或不严谨的地方，某些语言可能比较轻浮，请见谅。 首先说明一下coreseek其实就是基于sphinx的中文分词版本，sphinx本身并没有提供中文分词功能，需要自行安装中文词库比较麻烦，coreseek提供了中文分词功能，提供了完整的官方中文使用文档，并且在使用上和官方的sphinx并没有差别。以coreseek-4.
2015-04-20 14:44:01
1943
转载 多行文本溢出显示省略号(…)全攻略
原文地址：http://www.css88.com/archives/5206大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示
2015-04-16 14:07:12
576
转载 移动web前端小结
在智能手机横行的时代，作为一个web前端，不会编写移动web界面，的确是件悲催的事情。当公司准备做一个微信的微网站时，作为一个多年经验的web前端码农，我迷茫了，真心不知道从何下手。接下来就是搜一堆教程，然后开始编写代码，三天后，我的第一个移动端web页面编写完成。回头想想，移动端的web页面代码编写远没有我想的那样复杂（可能是我做的这个项目比较简单的缘故）。但是就入门来说，其实是
2015-04-11 17:09:07
398
转载 如何关闭移动web页面缩放功能
摘自：segmentfaultmetaname=”viewport”content=”width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no″>在网页的中增加这句话，可以让网页的宽度自动适应手机屏幕的宽度。 其中： width=device-width ：表示宽度是设备屏幕的宽度
2015-04-11 10:47:15
2579
转载 自适应网页设计（Responsive Web Design）
作者： 阮一峰日期： 2012年5月 1日随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了200
2015-04-10 20:24:24
430
转载 两个viewport的故事（第二部分）
在这个迷你系列的文章里边我将会解释viewport，以及许多重要元素的宽度是如何工作的，比如元素，也包括窗口和屏幕。这篇文章我们来聊聊关于移动浏览器的内容。如果你对移动开发完全是一个新手的话，我建议你先读一下第一篇关于桌面浏览器的文章，先在熟悉的环境中进行下热身。移动浏览器的问题当我们比较移动浏览器和桌面浏览器的时候，它们最显而易见的不同就是屏幕尺寸。为桌面浏览器所设计的网
2015-04-10 20:05:16
370
燕十八刘道成mysql笔记
2014-12-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人