移动端侧滑显示删除按钮(与VUE框架整合)

通过样式找到目标DOM数组,循环绑定滑动事件, 通过初始点与当前点判断左右滑动, 将每一行内容设置为120%宽度, 在滑动后给一个swipeLeft类, 利用C3变形相对自己位移15%,露出删除按钮。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" conte
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

【小程序】清空input框内容

WXML: <form bindreset="foo"> <input bindinput="bindKeyInput" placeholder="在此输入"/> <button form-type="reset">发送</button> </form> js: Page({ data: { inputValue:''//绑定的输入框文本 }, bindKeyInpu
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

【js工具类方法】截取地址栏参数

function getParameter(param){ var query = window.location.search; var iLen = param.length; var iStart = query.indexOf(param); if (iStart == -1){ return ""; } iStart += i
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

deferred解决异步问题

loadConfig()是ajax获取Config并应用到editor loadConfig(); ... $('.line_color').each(function(){ $(this).css({'background': $(this).val()}); }); 然而.line_color这些文本框是在获取Config之后, 才添加到DOM中的. 所以设置backgr
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

立志向Keep进军!

早晚各一次瑜伽课程, 每天一次腹肌课程, 连续100天Comboo努力改变自己!开发模式 : Scrum 敏捷开发模式CodeView & 产品管理 : Phabricator https://www.phacility.com/团队沟通 : BearyChat 倍洽 https://bearychat.com/文件共享 : Seafile https://www.seafile.
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

HttpListener重定向

context.Response.StatusCode = 301; context.Response.Headers.Set("Location", "http://ibm.com"); 当只设置Location时, 浏览器不会转向, 用firebug看header,确实有Location这项了, 由此看出浏览器要根据status code来决定操作. 那我返回404, 是不是就算r
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

【移动端】仿hover效果触发导航菜单展开

PC端,很多交互是由鼠标滑过触发伪类‘:hover’来实现的, 而移动端是没有鼠标hover事件的, 我们可以将原来响应:hover的DOM元素, 绑定监听touchstart和touchend, 动态添加/除去 ‘.hover’这个类来达到等价于PC端交互的效果。逻辑核心: **onTouchStart 相当于 onMouseOver, onTouchEnd 相当于 onMouseOu
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

【小程序】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
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

mootools学习

原coinex页面的主图像有lightbox效果, 就给他用了jquery.lightbox, 但他要求要与原来的一样, 又指定了一个例子, 发现是mootools的Remooz 于是就看了看mootools inject(): jQuery:append(), prepend(), before(), after() Fx.Tween, Fx.Morph Func
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

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: 新建
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

每天学么点儿技术花活儿(六月篇)

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...
分类: 其他 发布时间: 08-21 12:15 阅读次数: 0

前端RSA加密demo

登录/注册/支付 基本都要用到加密方案, 前端运用RSA技术进行加密简单来说分为以下几步骤: 引入RSA加密文件jsencrypt.js ↓ 实例化加密对象 var encrypt = new JSEncrypt(); var decrypt = new JSEncrypt(); ↓ 设置公钥 / 密钥(公钥 / 密钥 跟你们后台大佬要吧) encrypt.setPublicK...
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0

React & Vue 实现 Todolist 对比

React: 脚手架初始化项目 npx create-react-app todolist import React, { Component } from 'react'; import './Todolist.css'; // 若上面不引用 { Component }则需要写成 React.Component class Todolist extends Component {...
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0

drupal常用函数

node_load, node_view url user_save theme hooks: hook_theme, hook_menu
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0

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
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0

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
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0

用oledb处理excel

来到单位后发现excel应用很多.   这次做的是导入excel, 插入数据( 在插入时判断该url在表格中是否已存在), 以及获取该url的pr值并更新. 使用起来和其他的ADO.NET差不多, 只是表名和字段名需要用[]嵌套, 以及表名后面要加个$, e.g. "insert into [Sheet1$]([name],[phone_num]) values('aa', 'bb');
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0

link元素也会阻塞DOM解析

本文转载自http://www.jjlxx.com/blog/index.php/archives/8 今天, 我们都了解javascript是如何工作的. 我们知道script元素会阻塞渲染(实际是上阻塞解析, 因此延迟了渲染). 于是我们把script元素放到了文档末尾. 但是你知道link元素也会阻塞解析吗? (document.write会影响DOM树, 因此解析需
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0

使用tilemap后的变化

之前使用的地图类型(我暂时叫他vectormap..), 当有三个坦克打子弹时(没有发弹时间间隔), 运行非常卡. 地图大小是800*3000, 每屏(800*600)有3-4个碰撞体, 共15-20个碰撞体 换成tilemap后, 地图使用800*2000, 每个网格是一个碰撞体, 有100个左右碰撞体(虽然碰撞检测效率与碰撞体个数无关了) 三个坦克无间隔打子弹运行流畅
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0

shotgun surgery

GlobalTank和AllyTank继承自Tank Tank::refresh() public override function refresh():void { refreshPosition(); refreshBullets(); refreshAttackPeriodCounter(); } GlobalTank::refresh() publi
分类: 其他 发布时间: 08-21 12:14 阅读次数: 0