自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

转载 让数据库变快的10个建议

1、小心设计数据库第一个技巧也许看来理所当然,但事实上大部分数据库的问题都来自于设计不好的数据库结构。譬如我曾经遇见过将客户端信息和支付信息储存在同一个数据库列中的例子。对于系统和用数据库的开发者来说,这很糟糕。新建数据库时,应当将信息储存在不同的表里,采用标准的命名方式,并采用主键。来源: http://www.simple-talk.com/sql/databa

2018-01-04 09:32:48 370

转载 MySQL的行转列、列转行、连接字符串 concat、concat_ws、group_concat函数用法

MySQL的行转列、列转行、连接字符串  concat、concat_ws、group_concat函数用法使用方法:CONCAT(str1,str2,…)  返回结果为连接参数产生的字符串。如有任何一个参数为NULL ,则返回值为 NULL。注意:如果所有参数均为非二进制字符串,则结果为非二进制字符串。 如果自变量中含有任一二进制字符串,则结果为一个二进制字符串。

2018-01-03 11:11:09 747

转载 npm下代码-D和-S的区别

-S就是--save的简写,就行npm默认一个start的字段,你可以不必输入npm run start 而只需输入npm start,这两个效果是一样的。-D就是--save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面,而--save会将包的名称及版本号放在dependencies里面。

2017-10-20 16:56:17 29821

转载 如何入门微信小程序开发

最近微信开发小程序挺火的,自己选择了腾讯云官方推出的相册。先下载:破解版IDE下载地址,以及使用说明:http://download.csdn.net/detail/richard_jason/9660819http://download.csdn.net/detail/richard_jason/9660821这里由于csdn有上传大小限制,所以只

2017-02-09 20:42:23 498

转载 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码// 在开头引入webpack,后面的plugins那里需要var webpack = require('webpack')// resolvemodule.exports = { // 其他代码... res

2016-11-07 16:31:20 29509 1

原创 vue项目的搭建

1、下载node安装node2 安装 vue-clinpm i -g vue-cli3. 初始化 webpack 项目vue init webpack my-project这里即vue init webpack myvue将下载vue模板项目目录为不包含红色框的文件4.npm可能出现访问速度极慢的情况,推荐使用cnpm因此需要安装cnpm命令为npm i -g cn

2016-11-03 12:28:11 689

原创 vue编译后静态文件的访问

npm run build后会生成静态文件,在根目录的dist里,里面有个index.html,这是服务器访问的路径指定到这里就可以访问我们自己的项目了。但是我发现个问题就是生成index.html里引用的css和js的引用路径不对,这时候就需要自己修改一下配置了。原先默认配置为修改配置后:访问http://127.0.0.1:8020/my

2016-11-03 11:41:25 10402

转载 vue-cli 脚手架总结

> vue-cli 的脚手架项目模板有browserify 和 webpack , 现在自己在用的是webpack , 官网给出了两个模板: webpack-simple 和 webpack 两种。两种的区别在于webpack-simple 没有包括Eslint 检查功能等等功能,普通项目基本用webpack-simple 就足够了. 搭建官方项目模板步骤:   1、npm insta

2016-11-03 10:52:42 911

转载 html base64 img 图片显示

大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0Cbn

2016-10-27 13:34:12 621

转载 Javascript模块化编程(三):require.js的用法

作者: 阮一峰日期: 2012年11月 7日这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文

2016-10-02 12:21:21 258

转载 Javascript模块化编程(二):AMD规范

作者: 阮一峰日期: 2012年10月30日这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。(接上文)七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是

2016-10-02 11:56:26 218

转载 Javascript模块化编程(一):模块的写法

作者: 阮一峰日期: 2012年10月26日随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他

2016-10-02 11:01:59 192

转载 微信WeixinJSBridge API

1 DOCTYPE html> 2 html> 3 head> 4 title>微信WeixinJSBridge APItitle> 5 meta charset="utf-8" /> 6 script type="text/javascript"> 7 (function(){ 8 var a=document.getElementsByTagNam

2016-08-17 17:21:30 1127

转载 微信内置浏览器私有接口WeixinJSBridge介绍

这篇文章主要介绍了微信内置浏览器私有接口WeixinJSBridge介绍,本文讲解了发送给好友、分享函数、隐藏工具栏、隐藏三个点按钮等功能,需要的朋友可以参考下  微信网页进入,右上角有三个小点,没错,我们用到的就是它!我们只要通过将小点列表下的按钮进行自定义,就可以随心所欲的分享我们自己的内容了。注意:(WeixinJSBridge只能在微信内打开的网

2016-08-17 17:08:07 47677 1

转载 Mobile开发之meta篇 - 秋尘

原文  http://www.cnblogs.com/viccici/p/3906830.html 主题 移动   width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 )height: viewport 的高度 (范围从 223 到 10,000 )initial-scale: 初始的缩放比例 (范围从

2016-08-17 16:57:22 288

转载 提高网站加载速度的3项黄金守则

如何优化网页加载速度是每个前端开发工程师需要了解的,也是前端开发工程师需要具备的基本条件。优化网站加载速度的原理主要是减少网站文件的大小,减少HTTP请求数。网站文件越小,浏览器加载页面会比较轻松,打开页面的速度也会提升;一个HTTP请求,对页面打开速度造成的延时大概是0.01秒,HTTP的请求数越多,网站打开的速度就会越慢。那么如何减少网站文件的大小,减少HTTP请求数呢?笔者做前端(重

2016-08-02 15:45:07 322

转载 移动web资源整理

2013年初接触移动端,简单做下总结,首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题、高端机带来新挑战浏览器厂商不统一——兼容问题多网络更复杂——弱网络,页面打开慢低端机性能差——页面操作卡顿HTML5新技术多——学习成本不低未知问题——坑多面对这些问题,一开始我们只能在未知中试错,知道错误的方案才能更容易寻找正确的解决问题思路,2年多来,可看到移动web在业界不断趋

2016-08-02 13:27:53 382

转载 移动端定义字体

后来了解到的手机系统 ios、android 等是不支持微软雅黑字体,为了满足产品的需要,保证视觉稿的还原度,手机端是如何定义微软雅黑字体呢?相信大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上,在需要使用时被自动下载12345678@font-face {    font-famil

2016-08-02 13:19:23 2149

原创 dojo中的query

以前用query去获取节点绑定事件时,总是返回一个数组,绑定事件时绑定不了当前点击目标的事件,我只能加个通过a是否悬浮来判断当前节点是否是点击目标。但现在可以             //帮助提醒            query(".cust_help_img").forEach(function(res){                res.onclick=function()

2016-07-28 17:29:38 352

转载 给网页设计师和前端开发者看的前端性能优化

如果不是不可能,你也很难拒绝承认性能目前已是任何正规网站项目的最关键方面之一,无论它是一个小型的网站组合,一个移动优先的web应用,一直到一个大规模的商业项目。研究,论文和个人体验都告诉我们快速是最好的。性能不仅仅是非常重要,它也相当的有趣,而且这也是我越来越投入的事,不仅在工作方面(我一直在烦我们的首席性能工程师),也在项目与CSS魔法网站方面(我一直在烦Andy Davies)。

2016-07-24 10:18:22 325

转载 浅谈WEB安全性(前端向)

相信进来的时候你已经看到alert弹窗,显示的是你cookie信息。单纯地在你的客户端弹出信息只是类似于迫使你在自己的房间脱衣服——没人看得到,自然也不算啥恶意行为。那么如果我把你的信息通过脚本发送到我的服务器保存起来呢 ?先放心,我不打算这么做,也没那笔闲钱去购置一个服务器来做羞羞的事情,也不希望博客园把我这地盘给封掉了。 如同标题所写的,今天要聊的是WEB安全机制,但这“前端”二字倒是说的狭义

2016-07-23 16:05:51 344

转载 CSS中调用JS函数和变量

在CSS来调用JS程序。 这个技术是网络安全里的,叫做CSS跨站。 我们知道CSS里是可以控制某些HTML元素的属性的,譬如background-image等等,而在URL里添加Javascript:alert()等等类似的代码就可以用来执行代码。 我用的CSS代码如下: body{height:200px;background:url(javascript:aler

2016-07-23 13:37:57 2696

转载 java.io.EOFException: No content to map to Object due to end of input

java异常:java.io.EOFException: No content to map to Object due to end of inputorg.codehaus.jackson.map.ObjectMapper._initForReading(ObjectMapper.java:2433) [jackson-mapper-asl-1.8.1.jar:1.8.1] at

2016-07-22 14:38:00 9546 1

转载 normalize.css

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */ /*** 1. Change the default font family in all browsers (opinionated).

2016-07-21 14:32:38 330

转载 前端reset样式

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr

2016-07-21 14:30:12 435

原创 网页禁止转码设置

禁止百度转码:http-equiv="Cache-Control" content="no-transform" />禁止通用浏览器转码:

2016-07-21 13:58:44 2563

转载 Apache负载均衡设置方法: mod_proxy

来源:http://koda.iteye.com/blog/465061一般来说,负载均衡就是将客户端的请求分流给后端的各个真实服务器,达到负载均衡的目的。还有一种方式是用两台服务器,一台作为主服务器(Master),另一台作为热备份(Hot Standby),请求全部分给主服务器,在主服务器当机时,立即切换到备份服务器,以提高系统的整体可第一次看到这个标题时我也很惊讶,Apache居

2016-07-14 17:24:19 3169

原创 apche转发与负载均衡

之前甲方一直将文件服务器与应用服务器放在同一apche下,现在将文件服务器与应用服务器分开了,一开始以为图片的上传以及文件的上传代码不能通过apche配置进行请求转发,需要后台进行请求转发。后来才知道可以在apche中的httpd.cfg文件中进行请求转发,甚至进行服务器的负载均衡配置。①找到该文件②NameVirtualHost *:80 ProxyPreserveHost On

2016-07-14 17:14:35 256

转载 tomcat内存溢出

解决 PermGen space Tomcat内存设置转自:http://qwzhl100.blog.163.com/blog/static/2133124200932813148637/在使用Java程序从数据库中查询大量的数据或是应用服务器(如tomcat、jboss,weblogic)加载jar包时会出现java.lang.OutOfMemoryError异常。这主要是由于应用服

2016-07-14 16:06:51 207

原创 数据表的列传行操作

select wmsys.wm_concat(ACTIVITYCODE) as CustActivity from BO_CUSTACTRIGHTSSURVEY c  GROUP BY c.CUSTCODE

2016-01-08 14:19:41 294

转载 ajax加载报abort错误解决方法

安卓版微信自带浏览器和IE6浏览器ajax请求abort错误处理给页面元素绑定了一个click事件用来触发ajax请求,在安卓微信自带浏览器中和IE6下,请求时常会被中断,返回错误类型“abort”,在其他浏览器中都一切正常。在IE6中使用Fiddler2和httpWatch监视请求,经常会出现”aborted”,折腾特么一个周末,。。。。。不说废话了...

2015-09-06 22:34:14 12985

转载 ie6,7,8的兼容性解决

1:li边距“无故”增加任何事情都是有原因的,li边距也不例外。先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引 起,padding的上下值对li有影响,左右无影 响。所以只好笨手笨脚地把padding去掉,换成margin。这是能解决问题,但往往不是我们想要的结

2015-07-30 11:04:41 577

转载 ie浏览器前缀特殊符号的识别

CSS前面加一个“_”是IE6可识别ie7是在前面加一个星号——“*”;ie8是在属性后面加一个斜杠和0——“\0”;ie9是在属性后同时加上斜杠9和斜杠0——"\9\0"当然这些都不是规范的写法,规范的作法实际上不是在css样式里面加一些这样的符号,而是直接在html里面设定相应版本的浏览器所对应加载的样式表,例如有一个CSS,我想要IE9以下、IE6及以上的浏览器读取它,其它版本的

2015-07-22 11:21:59 5099

转载 url正则判断

这个url的正则表达式判断的JavaScript!比较全面的。它验证的情况包括IP,域名(domain),ftp,二级域名,域名中的文件,域名加上端口!用户名等等信息,貌似作者也是在网上找的,我从一个项目代码中扣出来的,是我见过的最强最全面的url验证方式!太猛了,贴在这里与大家分享,URL的验证实在是很频繁。复制代码 代码如下:function IsURL (str_url)

2015-07-15 16:23:02 481

原创 浏览器兼容

最近花了2天时间做浏览器的兼容,主要实现了谷歌,火狐,qq,百度,360以及ie7以上的浏览器兼容。在做该浏览器兼容的时候真正做到吐的是在ie方面的兼容,ie9以上是兼容html5+css3,ie9以下则不兼容。为了ie9以下的版本也能够兼容html5则在其之间写入了  该html5.js插件能够当浏览器不兼容html5时,会自动为我们创建html5的新标签如:header,footer,sect

2015-07-15 13:43:33 275

转载 关于IE7 z-index的浏览器兼容性问题完美解决方案

关于IE7 z-index的浏览器兼容性问题完美解决方案来源:互联网 作者:佚名 时间:01-07 17:13:54 【大 中 小】 在了IE7的z-index问题上真是很头疼。可又不能因为浏览器版本低而不去解决,毕竟要从用户的角度着想,下面为大家分享下完美的解决方法,有类似情况的朋友可以参考下浏览器兼容性问题太让人蛋疼了,今天可是废在了IE7的z-index问题上。可

2015-07-13 16:57:19 3208

转载 解决IE6浏览器下position:fixed固定定位问题

解决IE6浏览器下position:fixed固定定位问题添加评论一般的 position:fixed; 实现方法以我的博客为例,在右下角 ... 这个 HTML 元素使用的 CSS 代码如下:#top{position:fixed;bottom:0;right:20px;}实现让 ... 元素固定在浏览器的底部和距离右边的20个像素。在 I

2015-07-11 14:35:49 423

转载 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/x

2015-07-11 14:19:19 657

转载 各种浏览器兼容性规则

如果在ie8里浏览乱了把标签下的换成,这样虽然在ie8里浏览,实际是用ie7的模式浏览再者建适合几个不同浏览器的css样式这是用链接多个样式表来解决兼容性问题的以下是不同浏览器的区别,或许对你有帮助1.区别IE和非IE浏览器  #tip {background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、

2015-07-10 11:55:35 407

转载 如何让旧浏览器支持HTML5新标签

如何让旧浏览器支持HTML5新标签  让旧浏览器支持HTML5新增标签HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section,article,header等HTML5标签。自己最近在写响应式布局的范例,里面也使用到了header等标签。还是比较希望能够做成兼容“

2015-07-10 09:22:41 333

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除