关键字:
  • HTML5 在onchange事件手机上失效问题处理

    作者: king       发表时间: 2017-10-22 14:17
    HTML5 在onchange事件手机上失效。改成$('#searchInput').on('input change keyup',callback); 方式1(失效): <input type="text" onchage="search()" onkeyup="search()"  value="搜索"> 方式2(失效): $('#searchInput').change(function(){      search(); }); 方式3(失效): $('#searchInput').keyup(function(){      search(); });   有效方式: $('#searchInput').on('i...
  • Android WebView onPageFinished解决返回上一页时标题不刷新

    作者: king       发表时间: 2017-10-22 14:09
    WebChromeClient的onReceivedTitle中刷新标题 webView.setWebChromeClient(new WebChromeClient() { public void onReceivedTitle(WebView view, String title) { super.onReceivedTitle(view, title); tvTitle.setText(title); } }); 调用goback()返回上一页时,上述方法未能调用到。使用以下方法: WebChromeClient的onPageFinished中刷新标题 webView.setWebViewClient(new WebViewClient() { public void onPageFinished(WebView view, String url) { tvTitle.setText(view.getTitle()); } ...
  • WebView中实现javaScript和Android互调

    作者: king       发表时间: 2017-10-22 13:41
    关键代码: webview.addJavascriptInterface(new MyJavaScript(this), "AndroidNative"); <a href='javascript:AndroidNative.telephone("13816978870")'> webview.loadUrl("javascript:**");   定义@JavascriptInterface 接口的类   public class AndroidNative {      Context context;     public  AndroidNative(Context context) {          this.context =...
  • JavaScript console打印网页调试信息

    作者: king       发表时间: 2017-10-22 13:21
    console.log('日志');   console.info('信息');   console.error('错误');   console.warn('警告');     console.log('%d年%d月%d日',2017,10,22);    console.log('%o',document.body.div); //可展开的的DOM   console.log('%c您好!','color: red; font-size: 20px'); //带字体的信息     console.group('组信息');   console.log('第一条');   console.log('第二条'...
  • Android Bitmap尺寸压缩和质量压缩

    作者: king       发表时间: 2017-10-22 12:04
    Bitmap尺寸压缩     在图片显示或处理时,经常需要创建Bitmap对象。由于Bitmap占用内存是跟图片的像素点数量直接相关的,因此图片尺寸的大小对内存的占用有很大的影响。如2560x3840尺寸的照片,如果ARGB_4444格式直接加载到Bitmap,占用内存中2560x3840x2/(1024x1024)=18.75M,如果以ARGB_8888格式直接加载则占用内存37M。Android虚拟机默认分配给应用的内存为16M,这样很容易就发生OOM(OutOfMemory)错误。     在满足显示要求的前提下,应尽量减小Bitmap的宽高尺寸。     从图片文件读取为Bitmap对象,可根据需要显示的大小,计算出采样率,然后创建出合适尺寸的Bitmap对象,尽可能减小对内存的占用。      /**      * 根据采样率从文件获取位图图片      * ...
  • Android中getMeasuredHeight和getHeight的区别

    作者: king       发表时间: 2017-10-22 11:02
    getMeasuredHeight getMeasuredHeight:是用于测量的高度,也就是View实际的高度,它的值是在onMeasure方法里面通过setMeasuredDimension();设置出来的。getMeasuredHeight要在onMeasure方法之后调用,否则会得到0。 如果高度设置为match_parent 则为手机屏幕的高度,如果设置为200dp,那么通过View.getResources().getDisplayMetrics().density*200获取高度像素值。 getHeight getHeight:是指在屏幕上显示出来的高度,View的onMeasure方法运行完之后还会运行一个onLayout方法,要等到onLayout运行完之后才能得到具体的值。onLayout方法是ViewGroup中子View的布局方法,用于放置子View的位置。 放置子View只需重写onLayout方法,然后获取子View的实例,调用子View的layout方法实现布局,通过View.layout(int Left,int...
  • JavaScript函数的apply和call

    作者: king       发表时间: 2017-10-22 10:27
    参考原文:http://blog.csdn.net/business122/article/details/8000676 apply Function.apply(obj,args) 接收两个参数  obj:这个对象将代替Function类里this对象 args:这个是数组,它将作为参数传给Function apply可以将一个数组默认的转换为一个参数列表,即(obj,[param1,param2,param3])转换为(obj,param1,param2,param3)  apply调用,传入参数数组的长度和函数定义的参数列表个数必须一致,否则调用失败。 call Function.call(obj,[param1[,param2[,…[,paramN]]]]) 接收参数数量不定 obj:这个对象将代替Function类里this对象   params:这个是一个参数列表,个数是不定的 call调用,传入的参数和Functi...
  • Web、移动开发之Web前端:(3)Css及Css3

    作者: king       发表时间: 2017-10-07 01:43
    参考网址: http://www.runoob.com/css 1 CSS概述及发展历程 CSS(Cascading Style Sheet) 层叠样式表:控制布局和显示效果。 布局选择CSS div css 内容和显示分离 与其他标签元素兼容性好 尺寸小速度快 更有利于响应式布局 ul li css适合列表项目 菜单项目的布局 摒弃table布局,table可用来展示表格数据。 CSS1.0 1997年 W3C 颁布 HTML4 标准的同时也发布了有关样式单的第一个标准 CSS1.0。主要涉及选择器、样式属性、伪类 / 对象几个大的部分。 选择器分为派生选择器、ID 选择器和类选择器几种。样式属性主要包括 Font 字体、Text 文本、Background 背景、Position 定位、Dimensions 尺寸、Layout 布局、Margins 外边距、Border 边框、Padding 内边距、List 列表、Table 表格、Scrollbar 滚动条、a 的 link、hover、active...
  • JavaScript操作cookie

    作者: king       发表时间: 2017-10-06 22:48
    赋值:document.cookie="uname=kinglong";//不会丢失其他cookie的值,浏览器维护多个 存储多个名/值对:document.cookie="uid=001; uname=kinglong"; 取值:var strCookie=document.cookie; //对包括了该域名下的所有cookie ,以分号隔开的多个名/值对所组成的字符串   在cookie的名或值中不能使用分号(;)、逗号(,)、等号(=)以及空格。 因此包含特殊字符时使用escape()编码特殊字符的赋值, 使用unescape()解码   默认情况cookie仅仅是存储在内存中,浏览器关闭后这些cookie将会丢失,可以用下面的选项来给cookie设置终止日期:document.cookie="uid=001; expires=GMT_String";   删除一个cookie,可以将其过期...
  • Ejabberd服务聊天环境搭建

    作者: king       发表时间: 2017-10-05 19:36
    1 XMPP服务器选型 Jabberd 2.x 使用C语言实现,但是,存在着数据库事务的滥用、内存泄露、不一致的非阻塞设计等问题,最重要的是该server已经很长时间没有人维护;因此,chesspark在使用jabberd 2.x三年后,转用ejabberd。无独有偶,Jabber.org也在2010年淘汰Jabberd, 转为使用ejabberd. Openfire以及Tigase都是基于JAVA的解决方案。但是极光推送团队认为,Openfire单机并发很有限,集群方案不成熟,代码古老而缺乏及时更新,因此不适合应用在生产环境中。 因此,极光团队在初期使用Tigase解决方案。但是在使用中发现,Tigase其集群方案实现复杂,单节点容量有限,后期转为自己开发server. 从编程语言角度看,主流的XMPP Server主要是JAVA和Erlang。JAVA语言的优势是类库完备,容易招人。Erlang的优势是hot code swap, live console, 高并发。 ejabberd与Openfire/Tigase比较而言,最大的优势是相对...
  • Web、移动开发之Web前端:(1)HTML语言

    作者: king       发表时间: 2017-10-05 18:46
    参考网址: http://www.w3school.com.cn/html/index.asp http://www.runoob.com/html/html-tutorial.html https://www.w3.org/TR/tr-date-all https://www.w3.org/TR/2014/REC-html5-20141028 1 HTML概述 1.1 HTML简介 HTML即超文本标记语言(HyperText Markup Language),是用来描述网页的一种语言,通过标记符号来标记要显示的网页的各个部分。 HTML是一种规范和标准,通过在文本文件中的标记符,告诉浏览器如何显示其中的内容。HTML文档就是网页,由浏览器解析、显示(浏览器解析是不严格的)。 1.2 HTML发展历程 1991,1993 HTML 1991年Tim Berners-Lee编写了一份叫做“HTML 标签”的文档,内里包括了大约20个用来标记网页的HTML标签。 199...
  • ES7、ES8新特性

    作者: king       发表时间: 2017-09-24 22:52
    引用原文链接:http://www.jianshu.com/p/a138a525c287   以下内容为对上述原文的整理和修改: ES7 includes函数 let demo = [1, NaN, 2, 3] demo.indexOf(NaN) //-1 demo.includes(NaN) //true ES8 Promise将回调函数的嵌套,改成了链式调用。写法如下: var promise = new Promise((resolve, reject) => { this.login(resolve) }) .then(() => this.getInfo()) .catch(() => { console.log("Error") })   ES8引入了async函数,使得异步操作变得更加方便。   async function asyncFunc(params) { co...
  • 一道JavaScript面试题 理解原型对象

    作者: king       发表时间: 2017-09-24 22:12
    引用的原文链接 http://www.cnblogs.com/ghostwu/p/7272132.html 题目:以下输出的结果为? function Parent() {             this.a = 1;             this.b = [1, 2, this.a];             this.c = { demo: 5 };             this.show = function () {                 console.log(this.a , this.b , this.c.demo );        
  • handlebarsjs模板使用

    作者: king       发表时间: 2017-09-23 17:51
    html代码: <body>    <div id="datas" class="content row">        <!--重复多个-->    </div>      <div id="datas2" class="content row">        <!--重复多个-->    </div> </body>   js代码: <script type="text/javascript" src="./javascript...
  • div内容垂直居中

    作者: king       发表时间: 2017-09-23 17:21
    1.单行内容可以设置height和line-height相同: div { height:30px; line-height:30px; width:100px; overflow:hidden; } 2.多行内容使用css3的transform属性 .center-vertical{ position: relative; top:50%; transform:translateY(-50%); } transform在嵌套中可能50%取值为非预期,而导致不居中。 3.多行内容使用display:table 将子元素设置为display:table-cell 和vertical-align:middle .wrapper{ display: table; } .cell { display: table-cell; vertical-align: middle; } html结构如下: <div class="wra...