January 2017 – 云加博客

包括缓存，包括https通讯，获取微信access_token，签名什么的都有。但是防范性编程做得比较少，商业用的话，需要完善下代码。前端使用方式： ajax(Common.ServerUrl + “GetWX.php”, { data: { Type: “config”, url: location.href.split(‘#’)[0] }, dataType: ‘json’, type: ‘get’, timeout: 5000, success: function(data) { wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: ‘……’, // 必填，公众号的唯一标识 timestamp: data.timestamp, // 必填，生成签名的时间戳 nonceStr: data.nonceStr, // 必填，生成签名的随机串 signature: data.signature, // 必填，签名，见附录1 jsApiList: [“getLocation”] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 }); } }); wx.ready(function() { wx.getLocation({ type: ‘wgs84’,…

最近有个学生遇到了svg的问题，正好在这里整理一下关于svg的问题！获取SVGDocument 当使用JavaScript在页面上对HTML进行操作的使用，一个非常重要的对象就是document了。无论是getElementById、getElementsByTagName，异或是createElement，它们都是document对象上的方法。而且所有其它任何DOM对象都被包含在该对象之内。一般而言，一个HTML文件，或者说一个网页都对应一个document对象，所以如果SVG是直接嵌套在HTML的内容中的话，它们就会共用一个document对象，因此可以直接通过该对象来获取到SVG元素对象。比如下边的代表，在浏览器上打开，就会看到一个蓝色的圈而非绿色的圈，因为JavaScript通过document获得了circle对象，并重新设置了其fill属性。 <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title></title> </head> <body> <svg xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” version=”1.1″ width=”20″ height=”20″> <circle id=”c” cx=”10″ cy=”10″ r=”7″ fill=”green”/> </svg> <script type=”text/javascript”> var c = document.getElementById(‘c’); c.setAttribute(‘fill’,’blue’); </script> </body> </html> 不过大多时候，SVG并不会直接嵌套在HTML之中重现出来，更多的会选择将其作为图片通过img标签引进，或者当做背景图片在CSS中通过url引入。对于这种情况，SVG只是单纯的当做图片来使用而且一个XML类型的文档，所以也就无法使用JavaScript来操作它们。还有一类方法则是通过object、embed或者iframe标签将SVG文件引入到HTML页面上呈现出来。对于该种情况，这些标签实际上会把通过data或src属性指定的内容相对独立的引入到页面上来，也就是其中的内容会有完全属于自己的document对象。所以使用原来的document对象就无法取得通过上述标签引入进来的SVG文档中元素，更不用说去修改上边的属性了。好在当使用JavaScript获取到这些元素对象的时候，它们都一个方法可以获取所引用的SVG文档的document对象，那就是getSVGDocument()。当然这些都是需要浏览器支持才行的，对于目前主流最新浏览器来说这些都是标配的方法。如果使用object或iframe引入SVG文档，除了getSVGDocument()，还可以使用contentDocument属性来获取其引入文档对应的document对象。区别在于如果是引入的不是SVG文件，而是XML或者HTML等等，contentDocuement依然会返回对象，而getSVGDocument()则返回null。获取了SVG的document之后，就可以像往常那样获取内部元素属性、绑定事件等等。还可以定义一个document为参数的方法形成局部变量，要对某个引入SVG文档进行操作时就获取该文档的document对象传入，想获取主文档的对象时就使用window.document即可。 function setup (document) { // do something with svg docuemnt…

Month: January 2017

php微信jssdk配置

JavaScript操作SVG的一些知识