上一页 1 ··· 24 25 26 27 28 29 30 31 32 ··· 36 下一页
2018年4月16日
按字节长度截取字符串
摘要： 默认的截取字符串都是根据字符长度或位置截取的，典型的两个方法是substr和substring。 这样导致的问题是截取同样长度的字符串时，多字节字符（汉字等）和单字节字符（半角英文字母、半角数字）占的位置长度差距较大，视觉上不太美观，比如同样是10个字符： /* * param str 要截取的字符 阅读全文
posted @ 2018-04-16 19:12 极客小乌龟 阅读(3363) 评论(0) 推荐(0) 编辑
js判断字符长度 汉字算两个字符
摘要： 方法一：使用正则表达式，代码如下： function getByteLen(val) { var len = 0; for (var i = 0; i < val.length; i++) { var a = val.charAt(i); if (a.match(/[^\x00-\xff]/ig) 阅读全文
posted @ 2018-04-16 19:11 极客小乌龟 阅读(5065) 评论(0) 推荐(0) 编辑
2018年4月13日
js 手机端触发事事件、javascript手机端/移动端触发事件
摘要： 处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 touc 阅读全文
posted @ 2018-04-13 18:45 极客小乌龟 阅读(344) 评论(0) 推荐(0) 编辑
行高引起的行内块级元素间距
摘要： line-height 属性设置行间的距离（行高）。 该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。 line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含 阅读全文
posted @ 2018-04-13 18:37 极客小乌龟 阅读(367) 评论(0) 推荐(0) 编辑
2018年4月12日
js实现复制功能
摘要： 方式一：使用浏览器功能 <!doctype html> <html> <head> <meta charset="utf-8"> <title>点击复制功能的实现</title> </head> <body> <script type="text/javascript"> function copy 阅读全文
posted @ 2018-04-12 17:31 极客小乌龟 阅读(671) 评论(0) 推荐(0) 编辑
encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别
摘要： 一、这四个方法的用处 1、用来编码和解码URI的 统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。除了encodeURI、encodeURIComponent、decodeURI、decodeURICom 阅读全文
posted @ 2018-04-12 16:32 极客小乌龟 阅读(204) 评论(0) 推荐(0) 编辑
2018年4月11日
CSS动画总结效果
摘要： CSS3添加了几个动画效果的属性，通过设置这些属性，可以做出一些简单的动画效果而不需要再去借助JavaScript。CSS3动画的属性主要分为三类：transform、transition以及animation。 transform rotate 设置元素顺时针旋转的角度，用法是： transfor 阅读全文
posted @ 2018-04-11 17:29 极客小乌龟 阅读(689) 评论(0) 推荐(0) 编辑
CSS属性之word-break:break-all强制性换行
摘要： 一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大， 阅读全文
posted @ 2018-04-11 17:23 极客小乌龟 阅读(22660) 评论(1) 推荐(1) 编辑
2018年4月9日
在handlebars.js {{#if}}条件下的逻辑运算符解决方案
摘要： 解决方案。这增加了比较运算符。 Handlebars.registerHelper('ifCond', function (v1, operator, v2, options) { switch (operator) { case '==': return (v1 == v2) ? options. 阅读全文
posted @ 2018-04-09 19:49 极客小乌龟 阅读(6287) 评论(0) 推荐(0) 编辑
js模版引擎handlebars.js实用教程——由于if功力不足引出的Helper
摘要： 返回目录原文链接 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <META http-equiv=Content-Type content="text/html; charset=utf-8"> 5 <title>由于if功力不足引出的Helper - by 杨元</t 阅读全文
posted @ 2018-04-09 19:41 极客小乌龟 阅读(477) 评论(0) 推荐(0) 编辑
上一页 1 ··· 24 25 26 27 28 29 30 31 32 ··· 36 下一页