Phpvar's Blog

{WEB前端技术分享，PHP编程学习,关注互联网动态}

分解成三步实现
1、取得get参数串，按字符'&'分割成key=value格式输出数组;
2、将数组第一个元素get参数的问号'?'过滤掉;
3、按字符'='分割数组，按键值对格式输出post格式对象字面量;

完整源码：

提示：你可以先修改部分代码再运行。

运行上述......

阅读全文...

需求：实现按每4个分组，输出平均分割后的数组;

提示：你可以先修改部分代码再运行。

运行上面代码，看浏览器调试信息输出，验证是否有实现平均分割数组！

有一数组，数组元素都是对象字面量结构，如下：

var items=[
{
'index': 1,
"title": "第1条标题"
},
{
'index': 2,
"title": "第2条标题"
},
{
'index': 4,
"title": "第4条标题"
}......

阅读全文...

实现思路： 将带空格分隔的字符串split成数组，利用数组sort()排序方法，在该方法里面用chartCodeAt()方法比对元素间同位置的字符的ASCII码（同一位置字符的ASCII码相同则继续比对下一个字符）

提示：你可以先修改部分代码再运行。

运行结......

阅读全文...

需求：

• 用户昵称只显示前3位，超过部分添加省略号
• 根据用户信息(js变量)里面的是is_vip判断用户是否是vip用户，据此在页面输出同用户身份相符的信息
• 将后台接口请求回来的用户充值记录罗列显示出来

<div id="result"></div>......

阅读全文...

jquery只提供prev()、prevAll()/next()、nextAll()以获取元素紧邻的前面/后面同辈元素的元素集合，并不能直接实现标题中的需求。但jquery 提供了slice(start,end)方法以实现“选取一个匹配的子集”，这个方法参数的用法跟原生js的slice方法类似，熟悉......

阅读全文...

$.proxy(function,context)方法，jQuery 1.4 新增 ，主要用于保持特定的作用域。

当有事件处理函数要附加到元素上，但他们的作用域实际是指向另一个对象时，这个方法最有用了。此外，最妙的是，jQuery能够确保即便你绑定的函数是经过jQuery.proxy()处理过......

阅读全文...

现象描述：iphone手机微信页面，用position: fixed;定位的input或textarea输入框，在获取输入焦点时，会被弹出的输入法软键盘遮挡，导致用户无法看到输入框，效果如图：

简化测试环境：删除页面其它元素，只保留输入框所在的评论框及最基本的控制评论框显示、隐藏的的交......

阅读全文...

需求：input标签,不允许用户手动输入编辑,默认会有提示词提示用户点选，点击后可执行js修改该标签值

html标签：<input type="text" placeholder="提示文字" disabled="disabled" />
css: 
::-webkit-input......

阅读全文...

artDialog是一个基于javascript编写的对话框弹窗组件，它有较丰富的接口，完全可以满足你项目中各类需求的实现。

artDialog4+
官网地址：http://code.google.com/p/artdialog/
有原生js版本，也有提供jQuery版本，两个版本功能一致......

阅读全文...

browser-sync可以同时在PC、平板、手机等设备下进项调试，更改文件（html、js、css、sass、less等）保存后自动刷新浏览器页面，有了它，您不用在多个浏览器、多个设备间来回切换，频繁的F5刷新页面。更神奇的是您在一个浏览器中滚动页面、点击等行为也会同步到其他浏览器和设备中。......

阅读全文...

sublime autoSave插件自动保存时会关闭代码提示，如下图所示：

gif图片说明：test.html标签右侧有个红色的小红点，说明当前编辑文件未保存，加入autosave插件后可配置实时保存，但问题如图所示，当我打document.querySelector还在选择auto......

阅读全文...