分类目录归档:WEB前端

微信分享朋友圈不显示小图片问题

发生背景: 微信sdk在2015.1.16发生一次版本升级。 分享的微信url无法看到小图片。 2015.1.20 某html5放在自己服务器的,分享到微信朋友圈,发现iphone下没有小图片 js 代码 var img=document.getElementById(“s2″).src; wx.onMenuShareTimeline({ title: “大寒迎暖春,快来测测春心吧! “+word, link: “http://s90.x-idea.com/dh/”, // 分享链接 //imgUrl: “http://41.xxk.com/wx/logo.png”, // 分享图标 imgUrl: img, success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); 1.如果直接使用imgUrl: “http://41.xxk.com/wx/logo.png”,这种方式,苹果下分享无法出现小图片,同事部分android无法显示 … 继续阅读

发表在 WEB前端 | 标签为 , , , | 一条评论

JS如何加载不影响网页速度

一般情况下我们都要求第三方js别影响自己的网站加载速度,哪怕他挂了,也别影响 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>   <div>TESTSTTST</div> <div id="sk"></div> <img src="1.jpg"> <img src="2.jpg"> <script type="text/javascript" src="1.js"></script>   </body> </html> 1.js的内容 document.getElementById(‘sk’).innerHTML = ‘<img src="3.jpg">’; Firefox里进行加载测试 我们将 <script type="text/javascript" src="1.js"></script> 改成 <script type="text/javascript">document.write(unescape("%3Cscript src=’1.js’ type=’text/javascript’%3E%3C/script%3E"));</script>

发表在 WEB前端 | 标签为 | 一条评论

html5 开发中遇到空白底边有个空白

<div style="border:1px solid red;"><img style="border:0px;width:100%; " src="images/index_1.jpg" /></div> 简单的一个div里面放一个图片, 结果发现底边有一点点空白常规的定宽网页开发,可以采用div的高度来进行overflow,但是手机网页开发,需要100%的宽度,不能定高。 解决方法:图片上加display:block <div style="border:1px solid red;"><img style="border:0px;width:100%; display:block;" src="images/index_1.jpg" /></div>

发表在 WEB前端 | 标签为 , , | 一条评论

Java多线程中的wait与notify,notifyall

在Java多线程编程中,wait()的作用的是让当前线程进入阻塞状态,notify()是让当前线程唤醒继续执行。虽然是对线程状态的控制,但它们其实都是Object中的方法,这是因为wait与notify所起的作用与线程间的互斥锁有关。 在执行wait()和notify()之前,必须要先获得互斥锁,即一定要和synchronized一起使用。wait()的含义是让出获得的互斥锁,并让自己进入阻塞状态。在notify()的时候也已经获得了互斥锁,所做的事情就是唤醒当前线程继续执行。 假如synchronized的锁对象是obj的话,wait和notify正确的使用方法是obj.wait()和obj.notify()。如果使用this作为锁,则可以直接写成wait()和notify()。如果前后使用的锁对象不一致,会发生IllegalMonitorStateException。 当有多个线程共同使用一个互斥锁时,notify()会随机选取一个执行过wait()的线程唤醒,其余会继续保持阻塞状态。如果想唤醒所有阻塞的进程,就使用到了notifyAll()。 有点晕了么,把代码拿去执行可以好好体会下,一会看完代码,看结论 package com.javaer.thread;   public class Twait {   public static void main(String[] args) { TestThread testThread1 = new TestThread(); TestThread testThread2 = new TestThread(); TestThread testThread3 = new TestThread();   testThread1.start(); testThread2.start(); testThread3.start();   System.out.println("主线程休眠5秒"); … 继续阅读

发表在 WEB前端 | 标签为 , , , , , , , | 留下评论

CKEditor toolbar的全部项目

当我自定义toolbar的时候发现无法知道toolbar的全部项目 去官方找到如下内容 CKEditor官方开发API http://docs.cksource.com/ckeditor_api/index.html http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar config.toolbar = ‘Full’;   config.toolbar_Full = [ { name: ‘document’, items : [ ‘Source’,'-’,'Save’,'NewPage’,'DocProps’,'Preview’,'Print’,'-’,'Templates’ ] }, { name: ‘clipboard’, items : [ ‘Cut’,'Copy’,'Paste’,'PasteText’,'PasteFromWord’,'-’,'Undo’,'Redo’ ] }, { name: ‘editing’, items : [ ‘Find’,'Replace’,'-’,'SelectAll’,'-’,'SpellChecker’, ‘Scayt’ ] }, … 继续阅读

发表在 WEB前端 | 标签为 , | 一条评论

兼容IE6的多图上传控件flash+js

此控件由 http://www.swfupload.org/ 开发 相同效果,无FLASH,采用HTML5技术开发的具体情况移步 html5多图上传 一次选中多张图片,你是不是要这样的效果 此代码上传部分由php开发,你可以改成其他语言比如java或者asp.net 不过因为HTML5的冲击,利用flash上传的做法可能被大家抛弃了。 不过还是值得研究。因为还有部分用户会要求你兼容ie6 效果图 源码已经整理出来了 文件结构 请移步到我的网盘下载 http://pan.baidu.com/s/1nLzsE 经过测试可以正确使用。

发表在 PHP, WEB前端 | 标签为 , , , | 留下评论

情人节 送你一朵纯代码版本的玫瑰

有人用html就写了一朵漂亮的玫瑰,是不是有点太骚气了。纯javascipt就弄出了玫瑰花,再次显示了HTML5的威力 警告:传说IE6内核是无法看到的,建议用Chrome或者Firefox <!doctype?html> <html> <head>     </head> <body style="background-color:pink;"> <h1><p style="text-align:center;color:purple">I Love You!</p></h1>   <h1><p style="text-align:center;color:purple">EDIT BY G.E</p></h1> <canvas id="c"></canvas> <script> var b = document.body; var c = document.getElementsByTagName(‘canvas’)[0]; var a = c.getContext(’2d’); document.body.clientWidth;</script>     <script> with (m … 继续阅读

发表在 WEB前端 | 留下评论

网页字体,css中文英文对照

最近手欠,把自己的电脑win7想弄个双系统,安装个XP,好玩游戏,结果电脑不好用了。 安装好了xp,不少网页,也没有办法看了,那个叫乱啊。包含我的博客。研究一下css对中文的兼容。 HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑) 宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312 宋体:SimSun css中中文字体(font-family)的英文名称 Mac OS的一些: 华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 儷黑 Pro:LiHei Pro Medium 儷宋 Pro:LiSong Pro Light 標楷體:BiauKai 蘋果儷中黑:Apple LiGothic Medium 蘋果儷細宋:Apple LiSung Light Windows的一些: 新細明體:PMingLiU 細明體:MingLiU 標楷體:DFKai-SB 黑体:SimHei 新宋体:NSimSun … 继续阅读

发表在 WEB前端 | 标签为 , , | 留下评论

FireFox chrome 模拟手机浏览器 调试手机网页

Firefox的办法 1。首先打开火狐浏览器的工具下面的附加组件下载一个User Agent Switcher组件安装(如果已有就不用下载了) 2。重新启动浏览器 3。打开工具可以发现下面已经安装了User Agent Switcher 选择下面的子菜单中的iphone3,即可用火狐浏览器模拟手机浏览器 在里面调试自己的代码 月小升发现Firefox这个办法还可以调试IE6 7 8 9 。 真是不错的小插件。 Chrome的办法  谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】–>【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:   谷歌Android: chrome.exe –user-agent=”Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1″   苹果iPhone 4: chrome.exe –user-agent=”Mozilla/5.0 … 继续阅读

发表在 WEB前端 | 标签为 , , , , , , | 3 条评论

HTML5手机浏览直接给一个号码打电话,发短信

1.最常用WEB页面JS实现一键拨号的电话拨打功能: <a href="tel:13922897782">移动WEB页面JS一键拨打号码咨询功能</a> 在拨号界面,显示号码,并提示拨打。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 经过测试Iphone上的safari可以拨打电话 2.最常用WEB页面JS实现一键发送短信功能: <a href="sms:13764567708">移动WEB页面JS一键发送短信咨询功能</a> 在信息录入界面,显示发送号码,并提示录入信息。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 经过月小升测试,好用。 3、移动web页面自动探测电话号码 <meta name="format-detection" content="telephone=no">   <meta http-equiv="x-rim-auto-match" content="none"> 4.使用wtai协议进行拨打电话。 代码如下所示: 实例: <a href="wtai://wp//mc;13764567708">拨打10086 </a> <a href="wtai://wp/ap;13764567708;">将10086存储至电话簿 </a> 有人说好用,月小升测试不好用哦。 5、不太灵验的方式: <a href="dc:13764567708">移动WEB页面JS一键拨打号码咨询功能</a> 经过测试,大部分浏览器都不支持了。

发表在 WEB前端 | 标签为 , , , , | 5 条评论