• 【javascript】九宫格抽奖组件设计

    一些主要点 1. 转圈的顺序(顺时针或者逆时针); 2. 转圈的速率(从慢到快再到慢); 3. 位置的问题(下一次抽奖的起始位置是上一次抽奖的结束位置); 4. 转圈的圈数或者移动的次数。 基本原理 1. 抽奖的过程其实就是通过不断的改变 dom(通常为 li )的索引值,来达...

    2018-06-24 01:48:18

  • 原创:微信小程序开发要点总结

    废话不多少,下面是对我从开发微信小程序的第一步开始到发布的总结,觉得对您有帮助的话,可以赞赏下,以对我表示鼓励。 一:首先注册登录微信公众平台,这个平台很重要,以后查文档全在上面看。https://mp.weixin.qq.com/。然后在设置=》开发设置那里获取appID; 二:...

    2018-06-24 01:48:15

  • 一个有味道的函数

    最近想到了一个 自认为 很有意思的面试题 如何实现一个 compose 函数。 函数接收数个参数,参数均为 Function 类型,右侧函数的执行结果将作为左侧函数执行的参数来调用。 1 compose(arg = `${arg}%`, arg = arg.toFixed(2), arg = arg + 10)(5) // 15.00% 2 compose(a...

    2018-06-24 01:48:14

  • iPhone页面的常用调试方法

    在iPhone中调试,大体上与上文 安卓中的移动页面调试 类似,区别主要是iOS系统中的一些限制,导致某些工具无法使用。 本文基于此,简要介绍在iPhone中如何调试页面。 最终可以实现在Mac平台使用Safari(或结合ios_webkit_dubug_proxy使用Chrome)调试手机中Safari的页...

    2018-06-24 01:48:09

  • setInterval与setTimeout的区别

    在制作网页动态效果时,一定会遇到某些需求,要求某段程序等待多时时间后再开始执行,就像在我们的生活中一样,待会儿再开始做一件事。在JavaScript中主要通过定时器实现此类需求,本文将对定时器做一个概括,正对setTimeout()做一个详细用法总结。 一.setInterval与se...

    2018-06-24 01:48:10

  • 简单总结下this用法

    JS里的this很基础,看了下 MDN??MDNthis介绍总结下: 1、全局上下文 this指的就是 window 2、函数上下文 当this在函数上下文时候,就需要根据运行时去判断具体取值 2.1、简单调用 这里this指向window 2.2严格模式下 在严格模式下, this 将保持他进入执行上下文时的值...

    2018-06-24 01:48:08

  • 利用javascript(自定义事件)记录尺寸可变元素的尺寸

    1.效果图 2.源码 % @ page contentType = " text/html;charset=UTF-8 " language = " java " % html head style type ="text/css" div { border : 1px solid black ; width : 200px ; height : 95px ; resize : both ; overflow : auto ; } / style script type ="text...

    2018-06-24 01:48:06

  • 前端的小玩意.删除.折叠.最大化.拖拽布局.树状菜单

    以上是整体布局 添加Remove方法 Array.prototype.indexOf = function (val) { for ( var i = 0; i this .length; i++ ) { if ( this [i] == val) return i;} return -1 ;};Array.prototype.remove = function (val) { var index = this .indexOf(val); if (index -1 )...

    2018-06-24 01:48:05

  • 小刘同学的第九十八篇博文

    第二节课也听到一半了,建好了另外的两张表requst和relation,用图展示一下它们之间的关系吧。 还是用sequelize生成的,贴一下代码。 request是加好友请求用到的,两个belongTo,是为了表示是谁加的谁,这两个用户之间的关系。 relation是表示好友关系,多对多的关系,...

    2018-06-24 01:47:57

  • 超级简单的利用javascript实现文件拖拽事件

    1.效果图: 2.源码 % @ page contentType = " text/html;charset=UTF-8 " language = " java " % html head style type ="text/css" #div1 { width : 350px ; height : 70px ; padding : 10px ; border : 1px solid #aaaaaa ; text-align : center ; } / style script...

    2018-06-24 01:47:59

2