jm1999
- 浏览: 187563 次
-
最新评论
文章列表
仿ios时间选择控件效果－滑动选择
- 博客分类：
- js插件
因项目需要那种可以通过手势滑动来选择月份的效果，所以动手做了个，代码如下：
<style type="text/css">
.autoPlanBottomBox{
width: 100%;
}
.bottom-box-body{
background: #C9CDD3;
position: relative;
}
.select-box-list{
margin: 0 auto;
text-align:center;
}
.select-box-list ...
调用示例：
html:
<div id="wrapper0">
<div>
...
</div>
</div>
js:
// 引入插件
import {Refresh} from '../libs/refresh';
// $('#wrapper0')[0] 为应用上下拉刷新的外层元素
window.myScroll = new Refresh($('#wrapper0')[0], {
// 是否启用下拉刷新
pullDownToRefresh: true,
用法：
html:
<div class="wf-container"></div>
// 初始化
var waterfallObj = new Waterfall({
containerSelector: '.wf-container',
minBoxWidth: 250
});
// 添加元素
var elem = document.createElement('h2');
elem.textContent = '一汽股份不履行承诺或早有预兆 律师称中小股东可起诉公司控股股东'
waterfallObj.addBox( ...
document.execCommand()方法处理Html数据时常用语法格式如下:
document.execCommand(sCommand[,交互方式, 动态参数])
其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），动态参数一般为一可用值或属性值（如下例中的”true”）。
document.execCommand(”2D-Position”,”false”,”true”);
调用execCommand()可以 ...
2级DOM定义了一个createRange()方法，如果是按照DOM此标准的浏览器（IE并不是支持此标准的，但是IE里的属性或方法却远比标准中定义的多得多），它属于document对象，所以创建一个range对象要这样做：var oRange = document.createRange();如果你要检测你的浏览器是否支持此标准Range对象，可以用hasFeature()方法来检测：
var supportsDOMRanges = document.implementation.hasFeature("Range", "2.0");
if (su ...
缘起
前几天在看一些流行的迷你mvvm框架（比如 avalon.js 、 vue.js 这种较轻的框架，而非Angularjs、Emberjs这种较重的框架）的实现。现代流行的mvvm框架一般都会将数据双向绑定（two-ways data binding）做掉，作为框架自身的一个卖点（ Ember.js 貌似是不支持数据双向绑定的。），而且每种框架双向数据绑定的实现方式都不太一致，比如Anguarjs内部使用的是 脏检查 ，而avalon.js内部实现方式的本质是设置 属性访问器 。
这里不打算具体的讨论各个框架对双向数据绑定的具体实现，仅说一下前端实现双向数据绑定的几种常用方法，并着重 ...
IE：document.selection
FireFox：window.getSelection()
document.selection只有IE支持，
window.getSelection()也只有FireFox和 Safari支持，都不是标准语法。 selection 对象 -------------------------------------------------------------------------------- 代表了当前激活选中区，即高亮文本块，和/或文档中用户可执行某些操作的其它元素。 selection ...
富文本编辑器- wysiwyg
- 博客分类：
- js插件
wysiwyg.js是一款所见即所得的轻量级富文本编辑器插件。wysiwyg.js没有任何依赖，大小只有12k。该富文本编辑器的特点还有：
可以将任何HTML元素设置为contenteditable（可编辑）模式。
支持选择事件：例如工具条。
支持键盘事件：例如处理热键。
支持占位符：可以显示和隐藏占位文字。
提供众多的方法：.bold(), .forecolor(), .inserthtml()...。
浏览器兼容
安装配置 Jenkins
先使用 homebrew 安装 Jenkins
$ brew install jenkins
然后链接 launchd 配置文件
$ ln -sfv /usr/local/opt/jenkins/*.plist ~/Library/LaunchAgents
可以更改此 plist 来进行一些自定义的配置，详细列表可以参考
1.网页授权 php/wx-sample.php
2.设置分享内容php/wx-sample.php
3.处理用户消息wx.php
微信授权登录
用户同意授权，获取code
在确保微信公众账号拥有授权作用域（scope参数）的权限的前提下（服务号获得高级接口后，默认拥有scope参数中的snsapi_base和snsapi_userinfo），引导关注者打开如下页面：
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&a ...
git fetch 拉取更新数
git pull 拉取并合并本地文件
git status 查看状态
git add node_modules.zip 添加文件(node_modules.zip)
git commit node_modules.zip 提交文件（本地仓库）
git push -u origin master 推送到远程仓库 , master为远¨
用法：
给需要添加左滑功能的元素添加以下属性：
data-swipe-item
给左滑显示出来的元素添加如下属性：
data-swipe-item-fixel
源码：
;(function (window, document, $, undefined) {
"use strict";
var startPoint,
$currentEl,
$fixEl,
moving = false,
$rootEl = $(document.documentElement), ...
使用过iscroll.js的上拉下拉刷新效果的朋友应该都碰到过这个问题：在iOS的浏览器中，上拉或下拉刷新时，当手指划出屏幕后，页面无法弹回。
页面无法弹回的原因在于：手指划出屏幕后touchend事件无法触发，回弹动画就无法执行。解决办法就是：当手指接近屏幕边缘的时候，手动触发动画方法。
在onScrollMove方法中插入判断代码：
onScrollMove: function () {
if((this.y < this.maxScrollY) && (this.pointY < 1)){
this.scrollTo ...
移动页面适配－viewport缩放
- 博客分类：
- html/html5
移动端适配方案1, 采用一个基准宽，对当前viewport进行缩放
相关代码如下：
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
&l ...
webpack入门指南（转）
- 博客分类：
- 打包构建
什么是 webpack？
webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。
我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在默默处理这些事情，这块我们后续会提到。
你可以不打算将其用在你的项目上，但没有理由不去掌握它，因为以近期 Github 上各大主流的（React相关）项目来说，它们仓库上所展示的示例已经是基于 w ...