smarty定界符与js冲突的问题
[ 2017-09-02 12:20:37 | 作者: admin ]
在使用smarty的时候，如果没有更改smarty配置，smarty的定界符是{ }，大家经常可能碰到模板页中js无法正确执行的问题。
这就是因为smarty引擎把js中{ }之间的内容也当做smarty语句来处理，本人总结的解决这个问题主要有三个：
1.更改smarty配置文件中的定界符。（就我而言，已经习惯了用{ }，所以一般不用这种方法。）
2.把JavaScript代码写到一个js文件中，在模板页中引用即可。
3.使用smarty内置的literal标签，此标签内的数据将会被当做文本处理。例如
{literal}
<script language=javascript>
........
</script>
{/literal}
有时，我们需要输出定界符{ }，则可以使用{ldelim}和{rdelim}标签来输出左右定界符。
这就是因为smarty引擎把js中{ }之间的内容也当做smarty语句来处理，本人总结的解决这个问题主要有三个：
1.更改smarty配置文件中的定界符。（就我而言，已经习惯了用{ }，所以一般不用这种方法。）
2.把JavaScript代码写到一个js文件中，在模板页中引用即可。
3.使用smarty内置的literal标签，此标签内的数据将会被当做文本处理。例如
{literal}
<script language=javascript>
........
</script>
{/literal}
有时，我们需要输出定界符{ }，则可以使用{ldelim}和{rdelim}标签来输出左右定界符。
Font Awesome一套绝佳的图标字体库和CSS框架
[ 2017-07-22 10:32:45 | 作者: admin ]
教程：http://fontawesome.dashgame.com/
最简单的方式：BootstrapCDN （由MaxCDN提供）
一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西！
将以下代码粘贴到网页HTML代码的 <head> 部分.
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
最简单的方式：BootstrapCDN （由MaxCDN提供）
一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西！
将以下代码粘贴到网页HTML代码的 <head> 部分.
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
TypeError: $(…).validate is not a function
[ 2017-01-09 13:02:43 | 作者: admin ]
问题：TypeError: $(…).validate is not a function
解决：
1、可能没有载入相关的插件
2、可能没有优先载入 jquery.js
解决：
1、可能没有载入相关的插件
2、可能没有优先载入 jquery.js
在微信开发中，本来要做一个网页用来显示PPT，发现在显示的过程中，出现问题，并不是这么简单，在此记下，在做的过程中遇到的问题，为各位开发者提供一个参考！
当我想做这个的时候，在QQ群中询问，得到的答案是用HTML5 做一个类似PPT的东西，说实话，本人对于前台页面的设计比较不在行，所有查了一些资料下来发现这不是一个好方法，如是百度发现可以把PPT上传到微软的SKydriver然后把PPT分享，就可以把PPT样式弄出来了，世界上我是弄出来了，但是不知道为什么，这个url总是掉线，时时打不开，出现网页加载不了，此时只能另外想办法了，做成视频吧，这样是可以的，如是要把PPT转换成视频，在WPS中的【特色功能】中可以把视频转换成mp4格式和avi格式，转换完成后，把视频转换成swf格式，转换工具用 格式工厂 比较可以，最主要是免费的产品，比较OK关键技术强大！转换之后，就可以在web页面把它弄出来了,如代码所示：
...
阅读全文…
当我想做这个的时候，在QQ群中询问，得到的答案是用HTML5 做一个类似PPT的东西，说实话，本人对于前台页面的设计比较不在行，所有查了一些资料下来发现这不是一个好方法，如是百度发现可以把PPT上传到微软的SKydriver然后把PPT分享，就可以把PPT样式弄出来了，世界上我是弄出来了，但是不知道为什么，这个url总是掉线，时时打不开，出现网页加载不了，此时只能另外想办法了，做成视频吧，这样是可以的，如是要把PPT转换成视频，在WPS中的【特色功能】中可以把视频转换成mp4格式和avi格式，转换完成后，把视频转换成swf格式，转换工具用 格式工厂 比较可以，最主要是免费的产品，比较OK关键技术强大！转换之后，就可以在web页面把它弄出来了,如代码所示：
...
阅读全文…
html编码的转换，&#*; 模式
[ 2016-11-14 11:41:37 | 作者: admin ]
<script>
var htmlEncode=function(str) {//HTML des encode.
var res=[];
for(var i=0;i < str.length;i++)
res[i]=str.charCodeAt(i);
return "&#"+res.join(";&#")+";";
};
var htmlDecode = function(str) {
return str.replace(/&#(x)?([^&]{1,5});?/g,function($,$1,$2) {
return String.fromCharCode(parseInt($2 , $1 ? 16:10));
});
};
</script>
var htmlEncode=function(str) {//HTML des encode.
var res=[];
for(var i=0;i < str.length;i++)
res[i]=str.charCodeAt(i);
return "&#"+res.join(";&#")+";";
};
var htmlDecode = function(str) {
return str.replace(/&#(x)?([^&]{1,5});?/g,function($,$1,$2) {
return String.fromCharCode(parseInt($2 , $1 ? 16:10));
});
};
</script>
''中国''
转出为
''中国''
google地图调用方法
[ 2016-09-01 13:29:26 | 作者: admin ]
<!DOCTYPE html>
<html>
<head>
<title>Map</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
...<html>
<head>
<title>Map</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
阅读全文…
JavaScript报错: malformed URI sequence , URI不合法
[ 2016-07-22 14:27:21 | 作者: admin ]
p.s. 中文传递给ajax，javascript需要解析使用的时候，需要先转成utf-8再urlencode。传递给php则没有这个需要。
在页面使用ajax向后台请求数据,
当返回中文是就需要对中文进行解码,否则会变成乱码:
解码如下:decodeURI(data.Name) ;
以前都运行好好的,但是突然有一天就报了这个错误: malformed URI sequence 被解码的URI不合法.
到网上搜了下,有的说要用: decodeURIComponet, escape 解码才行, 但是这几个方法都试了,还是报同样的错误.
最后检查后台代码发现中文编码的是这样的:
java.net.URLEncoder.encode(client.name); 并提示该方法是过时的了.
于是将其编码改成: java.net.URLEncoder.encode(client.name , "UTF-8"); 便OK了.
...
阅读全文…
在页面使用ajax向后台请求数据,
当返回中文是就需要对中文进行解码,否则会变成乱码:
解码如下:decodeURI(data.Name) ;
以前都运行好好的,但是突然有一天就报了这个错误: malformed URI sequence 被解码的URI不合法.
到网上搜了下,有的说要用: decodeURIComponet, escape 解码才行, 但是这几个方法都试了,还是报同样的错误.
最后检查后台代码发现中文编码的是这样的:
java.net.URLEncoder.encode(client.name); 并提示该方法是过时的了.
于是将其编码改成: java.net.URLEncoder.encode(client.name , "UTF-8"); 便OK了.
...
阅读全文…
CSS3 background-size 属性，背景图的设置
[ 2016-05-28 09:47:21 | 作者: admin ]
语法：
background-size: length|percentage|cover|contain;
规定背景图像的尺寸：
background-size: length|percentage|cover|contain;
规定背景图像的尺寸：
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
