Phpvar's Blog

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

实现思路： 将带空格分隔的字符串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......

阅读全文...

1、报错“请求后台配置项http错误，上传功能将不能正常使用！”，如图所示：

解析：UEditor 提供了四种后台语言 php，asp，asp.net，jsp ，你可以查看下页面引用的ueditor.config.js文件内的serverUrl 参数，如果是：serverUrl: UR......

阅读全文...

首先得知道数组没有可以直接去重的方法，即直接[].unique()是不支持的，会报“Uncaught TypeError: [].unique is not a function”错误，这就要求我们要将unique()方法添加到数组Array.prototype原型链中。
至于Array.prot......

阅读全文...

全屏阅读是个不错的阅读体验，它可以让你的视觉焦点聚集在你想关注的内容上。

一般我们按下 F11键就能让浏览器全屏显示，但这还不够好，比如：在阅读本站文章的时候，你只想让文章内容区域全屏显示，其它无关的东西像:顶部导航栏，右边的侧边栏等统统不显示。

要能实现这样的阅读体验，感觉会很不错。......

阅读全文...