移动端侧滑显示删除按钮(与VUE框架整合)
通过样式找到目标DOM数组,循环绑定滑动事件,
通过初始点与当前点判断左右滑动,
将每一行内容设置为120%宽度,
在滑动后给一个swipeLeft类,
利用C3变形相对自己位移15%,露出删除按钮。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" conte
【小程序】清空input框内容
WXML:
<form bindreset="foo">
<input bindinput="bindKeyInput" placeholder="在此输入"/>
<button form-type="reset">发送</button>
</form>
js:
Page({
data: {
inputValue:''//绑定的输入框文本
},
bindKeyInpu
【js工具类方法】截取地址栏参数
function getParameter(param){
var query = window.location.search;
var iLen = param.length;
var iStart = query.indexOf(param);
if (iStart == -1){
return "";
}
iStart += i
deferred解决异步问题
loadConfig()是ajax获取Config并应用到editor
loadConfig();
...
$('.line_color').each(function(){
$(this).css({'background': $(this).val()});
});
然而.line_color这些文本框是在获取Config之后, 才添加到DOM中的.
所以设置backgr
立志向Keep进军!
早晚各一次瑜伽课程,
每天一次腹肌课程,
连续100天Comboo努力改变自己!开发模式 :
Scrum 敏捷开发模式CodeView & 产品管理 :
Phabricator https://www.phacility.com/团队沟通 :
BearyChat 倍洽 https://bearychat.com/文件共享 :
Seafile https://www.seafile.
HttpListener重定向
context.Response.StatusCode = 301;
context.Response.Headers.Set("Location", "http://ibm.com");
当只设置Location时, 浏览器不会转向, 用firebug看header,确实有Location这项了, 由此看出浏览器要根据status code来决定操作.
那我返回404, 是不是就算r
【移动端】仿hover效果触发导航菜单展开
PC端,很多交互是由鼠标滑过触发伪类‘:hover’来实现的,
而移动端是没有鼠标hover事件的,
我们可以将原来响应:hover的DOM元素,
绑定监听touchstart和touchend,
动态添加/除去 ‘.hover’这个类来达到等价于PC端交互的效果。逻辑核心:
**onTouchStart 相当于 onMouseOver,
onTouchEnd 相当于 onMouseOu
【小程序】eval被禁,代替方法
之前写的计算器小程序昨天发现不好用了
调试下发现竟然报错说eval不能用了:eval is not a function
原来eval方法被小程序禁掉了。解决方法:
引入rpn.js 用里面的 calCommonExp(str)方法代替原来的eval(str)rpn的github:
https://github.com/huruji/rpn.js在小程序对应的js中,引入rpn:注意,rpn
mootools学习
原coinex页面的主图像有lightbox效果, 就给他用了jquery.lightbox, 但他要求要与原来的一样, 又指定了一个例子, 发现是mootools的Remooz
于是就看了看mootools
inject(): jQuery:append(), prepend(), before(), after()
Fx.Tween, Fx.Morph
Func
vue-cli 极简教程
1.打开cmd,全局安装 vue-cli (前提是装好node,npm,webpack,vue)
>npm install --global vue-cli
2.创建一个基于 webpack 模板的新项目
在目标 workspace 下敲入 vue init webpack my-project,
按照项目需求填入/选择各种配置(vue-router,esLint等.)
PS: 新建
每天学么点儿技术花活儿(六月篇)
2018.6.25
1.图片hover切换
hover前:hover后:
实际上,hover 前后是一张图:
hover前样式:
#backtop {
background: url(//www.lgstatic.com/www/static/common/widgets/footer_c/modules/img/backtop-new_0e4bcbc.png) left t...
前端RSA加密demo
登录/注册/支付 基本都要用到加密方案,
前端运用RSA技术进行加密简单来说分为以下几步骤:
引入RSA加密文件jsencrypt.js
↓
实例化加密对象
var encrypt = new JSEncrypt();
var decrypt = new JSEncrypt();
↓
设置公钥 / 密钥(公钥 / 密钥 跟你们后台大佬要吧)
encrypt.setPublicK...
React & Vue 实现 Todolist 对比
React:
脚手架初始化项目
npx create-react-app todolist
import React, { Component } from 'react';
import './Todolist.css';
// 若上面不引用 { Component }则需要写成 React.Component
class Todolist extends Component {...
drupal 7 添加富文本编辑器及上传图像
需要WYSIWYG, IMCE, IMCE Wysiwyg Bridge这几个模块
参考http://tarnaeluin.houseofbeor.net/drupal-7-rich-text-editing-and-uploading-images/
wysiwyg模块支持多种富文本编辑器, 和IMCE共同支持的有tinyMCE, CKEditor和FCKEditor, 这里用了ti
LINQ to SQL(使用sql server)
之前用DBLinq想在sqlite环境使用LINQ to SQL, 但一直有错误(DataContext.SubmitChanges()遇到一个exception)
昨天用了sql server后便成功了.
mysql中primary key auto_increment对应sql server中的identity.
在model class中要对主键属性设置ColumnAttribu
用oledb处理excel
来到单位后发现excel应用很多.
这次做的是导入excel, 插入数据( 在插入时判断该url在表格中是否已存在), 以及获取该url的pr值并更新.
使用起来和其他的ADO.NET差不多, 只是表名和字段名需要用[]嵌套, 以及表名后面要加个$, e.g. "insert into [Sheet1$]([name],[phone_num]) values('aa', 'bb');
link元素也会阻塞DOM解析
本文转载自http://www.jjlxx.com/blog/index.php/archives/8
今天, 我们都了解javascript是如何工作的. 我们知道script元素会阻塞渲染(实际是上阻塞解析, 因此延迟了渲染). 于是我们把script元素放到了文档末尾. 但是你知道link元素也会阻塞解析吗?
(document.write会影响DOM树, 因此解析需
使用tilemap后的变化
之前使用的地图类型(我暂时叫他vectormap..), 当有三个坦克打子弹时(没有发弹时间间隔), 运行非常卡.
地图大小是800*3000, 每屏(800*600)有3-4个碰撞体, 共15-20个碰撞体
换成tilemap后, 地图使用800*2000, 每个网格是一个碰撞体, 有100个左右碰撞体(虽然碰撞检测效率与碰撞体个数无关了)
三个坦克无间隔打子弹运行流畅
shotgun surgery
GlobalTank和AllyTank继承自Tank
Tank::refresh()
public override function refresh():void {
refreshPosition();
refreshBullets();
refreshAttackPeriodCounter();
}
GlobalTank::refresh()
publi
今日推荐
周排行