javascript - 随笔分类 - nd

JavaScript五花八门的跳转方式

摘要：我们最常见的跳转方式是location.href = "http://www.baidu.com"，这种是最常见的，但是常常使用location.replace，location.assign,，window.open，history.replaceState，location.reload等，这阅读全文

posted @ 2023-02-07 23:17 nd 阅读(1129) 评论(0) 推荐(0) 编辑

抽奖动画 - 鲤鱼跳龙门

摘要：鲤鱼跳龙门动画 1. 需求年中618营销活动要求做一个鲤鱼跳龙门的动画，产品参考了某宝上的一个动画，要求模仿这个来做一个类似的动画。产品提供的截屏视频如下：图1 从这个视频里得到的信息，我们可以把动画分解一下： 321倒计时结束，动画开始播放。小河背景向下滚动，看上去小鱼在不停的向上游动，其实阅读全文

posted @ 2022-08-12 14:17 nd 阅读(304) 评论(0) 推荐(0) 编辑

抽奖动画 - 红包雨抽奖

摘要：本文介绍一个小型动画库anime.js，anime.js 是一款功能强大的Javascript 动画库插件。anime.js 可以和CSS3 属性，SVG，DOM 元素和JS 对象一起工作，制作出各种高性能，平滑过渡的动画效果。 anime.js虽然没有其他动画库功能强大，但是它包含的功完全能够满足阅读全文

posted @ 2022-08-12 14:16 nd 阅读(1034) 评论(1) 推荐(0) 编辑

抽奖动画 - 十二宫格抽奖

摘要：本文介绍一种12宫格抽奖，这种抽奖方式是九宫格抽奖的演变，只不过开始播放的时候是随机方式，不是顺时针播放了。 1.需求先看看高保，如下图1 图1 用户点击"立即抽奖"后12个奖品随机高亮请求接口，待所有产品都高亮后，根据接口结果，固定在抽中奖品上最后弹出中奖结果弹框 2.思路 2.1 高亮实阅读全文

posted @ 2022-08-12 14:15 nd 阅读(506) 评论(0) 推荐(0) 编辑

抽奖动画 - 开宝箱抽奖

摘要：1. 需求开宝箱在一些商家营销活动中也很常见，这个需求简单，产品经理说就是做个动画就好，那我们就可以自由发挥了。高保图如下图1. 图1 开局一张图，剩下的全靠自己编了，动作怎么动，先看看UI给的素材，看米下锅。一张关闭的箱子图片，如下图2 图2 一张打开的箱子，如下图3 图3 一张奖品背景图片，是阅读全文

posted @ 2022-08-12 14:15 nd 阅读(932) 评论(0) 推荐(0) 编辑

抽奖动画 - 滚动抽奖

摘要：1. 需求上次讲到lao虎机抽奖，通过jquery.animate修改background-prosition-y来修改背景图片实现上下滚动动画，本文介绍一种左右滚动的动画，原理是一样的，这里通过修改background-prosition-x来实现动画，同时也要注意奖品图片的尺寸问题，这里姑且叫阅读全文

posted @ 2022-08-12 14:14 nd 阅读(1559) 评论(0) 推荐(2) 编辑

抽奖动画 - 九宫格抽奖

摘要：本文介绍九宫格抽奖功能的实现。 1.需求功能很简单，来看看高保截图，如下图1 图1 需求的功能点如下：用户点击抽奖，九宫格四周的图片顺时针依次闪烁，空转几圈。请求接口，等接口有返回后最后对应的奖品闪烁，其他奖品不闪烁。登录后，正中间的抽奖这个小方格点亮，未登录是灰色，这一点和抽奖无关，本文不阅读全文

posted @ 2022-08-12 14:14 nd 阅读(738) 评论(0) 推荐(0) 编辑

抽奖动画 - lao虎机抽奖

摘要：本文介绍一个lao虎机抽奖动画的实现，lao虎机抽奖在各类商家营销活动中非常常见，这里主要介绍动画的实现过程，其他细节不做详细分析。 ps：lao虎机是敏感词，博客园的富文本和markdown编辑器都限制不允许出现，所以文章中的“老”字用拼音代替。 1. 需求 UI给到的蓝湖如下截图1 图1 三栏图阅读全文

posted @ 2022-08-12 14:13 nd 阅读(157) 评论(0) 推荐(0) 编辑

抽奖动画 - 大转盘抽奖

摘要：1.需求抽奖是各类营销活动中最常见的一种形式，本产品需求大致如下：转盘周围跑马灯交替闪烁，点击抽奖，大转盘旋转，调用接口获取抽奖结果，大转盘指针指向对应的奖品。高保如下图1 图1-高保 2.整体思路 2.1跑马灯本需求要求跑马灯交替闪烁，那四周的跑马灯就不能是死的图片了，要用动画来实现，并且第奇阅读全文

posted @ 2022-08-12 14:12 nd 阅读(708) 评论(0) 推荐(0) 编辑

Canvas简介

摘要：Canvas API提供了一个通过JavaScript和HTML的<canvas>来绘制图形的方式，用于动画，游戏通话，数据可视化，图片编辑等方面。 Canvas API主要聚焦于2D图形，同样使用<canvas>元素的WebGL API则用于绘制硬件加速的2D和3D图形。 1 基础实例下面这个简阅读全文

posted @ 2020-04-13 11:59 nd 阅读(1499) 评论(0) 推荐(0) 编辑

javascript中判断数据类型

摘要：编写javascript代码的时候常常要判断变量，字面量的类型，可以用typeof，instanceof，Array.isArray()，等方法，究竟哪一种最方便，最实用，最省心呢？本问探讨这个问题。阅读全文

posted @ 2019-11-14 09:41 nd 阅读(8583) 评论(4) 推荐(2) 编辑

webpack常见的配置项

摘要：使用vue init webpack test(项目文件夹名)命令初始化一个vue项目，cd test，然后安装依赖npm install之后会生成一些默认的文件夹和文件，这些文件和文件夹中有些和配置有关的。如果去专门的了解webpack一定会云里雾里，这里简单说明一下常用的配置。 1.babelr 阅读全文

posted @ 2017-07-13 09:45 nd 阅读(25825) 评论(3) 推荐(0) 编辑

http协议

摘要：1.引言RFC 2616定义了今天普遍使用的一个版本——HTTP 1.1。HTTP协议（HyperText Transfer Protocol，超文本传输协议）是一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。HTTP是一个应用层协议，由请求和响应构成，... 阅读全文

posted @ 2015-03-10 23:18 nd 阅读(1030) 评论(0) 推荐(0) 编辑

Ninject简介

摘要：1.为什么要用Ninject？Ninject是一个IOC容器用来解决程序中组件的耦合问题，它的目的在于做到最少配置。其他的的IOC工具过于依赖配置文件，需要使用assembly-qualified名称来进行定义，庸长且复杂常常因为打错字而破坏程序。这些是他的优点，也是为什么要选择它。Ninject同时不能进行热插拔。2.Ninject做些什么？其实Ninject做的事情很简单，说白了就是为我们选择一个想要的类来处理事务。来看下面的简单的例子。 public class Product { public int ProductID { get; set; } ... 阅读全文

posted @ 2013-09-03 23:35 nd 阅读(24373) 评论(17) 推荐(11) 编辑

多线程实践

摘要：一直对多线程不感冒，常见的场景下用不到这种技术，所以一直不愿去了解，但是遇到一些耗时的任务时就要考虑了。下面的例子是项目中遇到的，不想说这个如何的高深，只想说我也不是很了解到底如何工作的，到底带来了多少的效率提升。书上的理论要多枯燥有多枯燥，枯燥的我都不想去动手写里面的例子，下面的例子是实际用到的，还有些意思，不管怎么说开个头吧。 1.ManualResetEvent[] doEvents = new ManualResetEvent[threadCount]; 通知一个或多个正在等待的线程已发生事件。谁通知谁，发生的事情是指？一头雾水 2.ThreadPool.QueueUser... 阅读全文

posted @ 2013-06-28 13:26 nd 阅读(3209) 评论(3) 推荐(3) 编辑

SQL点滴29—错误无处不在

摘要：我只想说以下是很基础的sql知识，但是很容易犯错。所以睁大我们的眼睛，屏住我们的呼吸，小心的检查吧！案例1if not exists (select OrderID from CorpEmailSendQueue where orderid=600643425) begin exec sp3_CorpEmailSendQueue_i @ID=NULL,@OrderID=600643425, @OrderType='F', @EmailType='-2',@ResendTime=0,@SendTime=NULL,@CurrentStatus='u' 阅读全文

posted @ 2013-02-27 09:16 nd 阅读(929) 评论(0) 推荐(0) 编辑

web开发1-fckeditor部署报错:The server didn't reply with a proper XML data.

摘要：在部署fckeditor的时候可能遇到各种各样的问题，很容易就在网上搜到答案的可能大家不会在乎，我遇到的纠结了很长时间在搞定，走了一些弯路。先看看问题。部署好之后上传图片的时候浏览本地文件的时候出错。火狐错误界面如下图1图1这个图给的信息是假象，通过信息可以找到报错的代码\fckeditor\editor\filemanager\browser\default\js\fckxml.js，代码如下：FCKXml.prototype.LoadUrl = function( urlToCall, asyncFunctionPointer ){ var oFCKXml = this ; v... 阅读全文

posted @ 2012-10-09 00:51 nd 阅读(7130) 评论(0) 推荐(0) 编辑

SQL点滴28—一个简单的存储过程

摘要：在表中写入一条数据同事要向另外一个表中写入信息，所以会使用到事务。实际使用的时候还会一次向一个表中吸入多条数据，下面的存储过程，将字符串拆分成数组然后写入到表中。/****** Object: StoredProcedure [dbo].[sp_InsertEmployee] Script Date: 09/17/2012 23:28:42 ******/SET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGO-- =============================================-- Author: <Autho... 阅读全文

posted @ 2012-09-17 23:35 nd 阅读(1572) 评论(0) 推荐(0) 编辑

Visual Studio中的Build和Rebuild区别

摘要：一般来说Rebuild=99%*(Clean+Build)，效果在非常小的可能性下会不同，一般可以忽略。Rebuild是对Solution下的所有项目，逐个进行 Clean+Build。不论文件更改与否Clean+Build是对选中的项目（如果选中Solution的话，全部Clean之后，再全部Build）先执行Clean再执行Build。一般不需要执行Clean。Build只是针对有更改过的文件进行编译。而Rebuild会编译所有。推荐用 Clean+Build 或者Build。build solution ---编译解决方案，和build “项目名”的不同之处很明显：一个解决方案可以包含多阅读全文

posted @ 2012-02-03 14:11 nd 阅读(17213) 评论(2) 推荐(1) 编辑

Framework版本导致不能加载相应的组件

摘要：报错：Server Error in '/CorpOfflineHotel' Application.--------------------------------------------------------------------------------Could not load file or assembly 'System.Runtime.Serialization, Version=3.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089' or one of its dependenc 阅读全文

posted @ 2011-12-07 17:05 nd 阅读(1908) 评论(0) 推荐(0) 编辑

随笔分类 - javascript

公告