一个简单的倒计时js插件

接收的参数end是必须传的,格式是/分隔的日期字符串,start是可选的,不传就是从现在开始倒计时,callback也是可选的,到倒计时接收时执行自定义的函数. countdown({ 'end':'2015/9/1 17:12:00', 'callback':function () { document.getElementById('countdown').innerHTML = 'the end!'; } }); (function (){ function countdown(confi…

从0开始写一个简单的vite hmr 插件

从0开始写一个简单的vite hmr 插件 0. 写在前面在构建前端项目的时候,除开基本的资源格式(图片,json)以外,还常常会需要导入一些其他格式的资源,这些资源如果没有第三方vite插件的支持,就很难导入,了解vite导入资源的方式可以帮助我们应对各种复杂的资源,只需要一定的解析手段,资源可以全盘接收. 本博客中,将会从0开始写一个能够解析(.todo)的vite插件, 提供最基础的HMR功能唠叨半天,赶紧开始吧 1. 初始化项目由于是真从0开始,我们这里不选择vite官方提供的cr…

一个简单的MariaDB认证插件demo

代码地址如下:http://www.demodashi.com/demo/13076.html 一.前言众所周知(其实可能很多人不知道)MariaDB支持插件认证.在MariaDB中新建用户,常见的语句是: CREATE USER 'username'@'host' IDENTIFIED BY 'password'; 这样创建的用户,登录时的认证方式是密码.其实创建用户的语句还可以是: CREATE USER 'username'@'host' IDENTIFIED VIA 'pluginna…

原生js实现一个简单的倒计时功能

大家好,我是云中君!欢迎大家来观看我的博客之前那,在群里看到很多人问,关于电商网站中的倒计时功能怎么实现,很多人说在网上找了很多插件,但是不是很会用,所以今天就在这里分享一下我封装的一个小的倒计时功能! 下面是布局代码! <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="css/…

[JS]手动实现一个横屏滚动公告js插件

前言工作中要用到.在github上找的大部分都是竖屏滚动没办法只能自己手动写. 本来只是想随便实现一下的,结果一时兴起把它弄成了一个简单的小插件,开了个github仓库(希望路过点个星) JS横屏滚动插件因为我自己就是用户,尽量简化了用户要做的操作.现在使用起来像是这个样子 <div id="notice">这是一个公告</div>  <script src="https://cdn.bootcs…

搭建一个简单的node.js服务器

第一步:安装node.js.可以去官网:https://nodejs.org/en/进行下载. 查看是否成功,只需在控制台输入 node -v.出现版本号的话,就证明成功了. 第二步:编写node.js搭建服务器端代码.1.创建demo.js文件,首先通过require()获取服务器模块,接着通过createServer方法创建服务器,通过console.log在控制台打印出日志信息. 第三步,运行我的demo.js服务器.通过控制台编译,首先进入目标js所在目录,因为我放的目录结构为d:run…

一个简单用原生js实现的小游戏----FlappyBird

这是一个特别简单的用原生js实现的一个小鸟游戏,比较简单,适合新手练习这是html结构 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="game"> <div id="b…

从0构建webpack开发环境(一) 一个简单webpack.config.js

本文基于webpack4.X,使用的包管理工具是yarn 概念相关就不搬运了,直接开始首先项目初始化 mkdir webpack-demo && cd webpack-demo yarn init 在项目中安装webpack和webpack-cli(webpack4.X需要) yarn add webpack webpack-cli --dev 紧接着在项目中创建三个文件src/index.js,dist/index.html,webpack.config.js, webpack.con…

封装一个简单的原生js焦点轮播图插件

轮播图实现的效果为,鼠标移入左右箭头会出现,可以点击切换图片,下面的小圆点会跟随,可以循环播放(为了方便理解,没有补2张图做无缝轮播).本篇文章的主要目的是分享封装插件的思路. 轮播图我一开始是写成非插件形式实现的效果,后来才改成了封装成插件的形式. 首先要明白轮播图的实现原理和基本布局,大概就是外面有一个容器包裹着(通常是div),容器设置宽高,以及overflow为hidden,超出宽高部分隐藏, 容器里面又包含着另一个容器,包裹着所有的图片,宽为所有图片的总宽度,ul的position为a…

一个简单的页面弹窗插件 jquery.pageMsgFrame.js

页面弹窗是网站中常用的交互效果,它可以强提示网站的某些信息给用户,或者作用于某些信息的修改等等功能. 这几天在做一个项目的时候,就顺捎把这个插件写一下,栽棵树,自己乘凉吧. 原创博文,转载请注明出处:http://www.cnblogs.com/dereksunok/p/3724764.html html代码: <!doctype html> <html> <head> <meta charset="utf-8" /> <title…

jquery一个简单的菜单小插件

刚学会封装插件,先来封装一个小的菜单插件 html部分 <ul class="zong"> <li class="yiji"> <a href="#">公司信息</a> <ul class="fji"> <li>itme 1</li> <li>itme 1</li> <li>itme 1</li>…

一个简单的 vue.js 实践教程

https://segmentfault.com/a/1190000006776243?utm_source=tuicool&utm_medium=referral 感觉需要改善的地方有: (更新代码)livingInfo 数组和 anchorInfo 数组可以通过 computed 属性计算合成一个大的数组,那么很多的过滤器还有 forEach 遍历就可以省略掉了可以把整个 ul 下的部分做成一个组件文章可能描述的很啰嗦公司有一个项目,其中一部分的截图如下: 主要需求如下: 需要拉取十个…

一个简单的 IDA f5插件问题分析

有人提出问题,以下汇编f5结果缺失代码: .text:00000C18 Java_com_a_b_c .text:00000C18 PUSH {R3,LR} .text:00000C1A CMP R2, #2 .text:00000C1C BEQ loc_C38 .text:00000C1E CMP R2, #3 .text:00000C20 BEQ loc_C2C .text:00000C22 CMP R2, #1 .text:00000C24 BNE loc_C32 .text:00000C…

自己写的一个简单的jQuery提示插件

代码: /** * 2014年11月13日 * 提示插件 */ (function ($) { $.fn.tips = function (text) { var divtipsstyle = "position: absolute; left: 0; top: 0; background-color: #dceaf2; padding: 3px; border: solid 1px #6dbde4; visibility: hidden; line-height:20px; "; $…

javascript常用开发笔记：一个简单强大的js日期格式化方法

前言:一直没找到好用的javascript日期格式化工具,自己写了一个,方便以后复用 1.主要功能 (1)支持任意顺序的日期格式排列:yyyy=年,MM=月,dd=日,HH=时,mm=分,ss=秒,sss=毫秒 (2)支持js的Date对象和标准Long值日期格式化(例如java发送到前端的日期是一个long值) (3)日期出现个位数自动填充0 2.方法实现 /** *日期格式化 str:格式化字符,d:js日期对象或long值,d为空则自动获取当前日期格式化 */ function dateF…

一个简单的knockout.js 和easyui的绑定

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Basic DataGrid - jQuery EasyUI Demo</title><link rel="stylesheet" type="text/css" href="easyui.css"><link rel=&quo…

用JavaScript写一个简单的倒计时，可以应用在发送短信验证码的“59秒后重新发送验证短信”

倒计时——从10倒数到0,点击按钮会还原倒计时 <body>  <input type="text" value="10" id="txt"> <input type="button" value="重新开始" id="btn"> </body> <script&…

一个简单的Vue.js组件开发示例

//创建属于自己的vue组件库 (function(Vue, undefined) { Vue.component("my-component", { template: '<div @click="alertName">{{message.name}}<button @click="alertMessage">{{message.age}}</button></div>',//模板最外层必须只有一…

一个简单的CSS3+js 实现3D BOX

<!doctype html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> html, body, div, span, h1, h2, h3, h4, h5, h6, p a, img, ol, ul, li { margin:0;padding:0;border:0;outline:0; } body { ma…

一个简单的node.js服务

var http = require('http'); var qs = require('querystring'); var server = http.createServer(function(req, res) { console.log('url:', req.url); console.log('method:', req.method); console.log('headers:', req.headers); if(req.method.toUpperCase() === '…

js/jq基础（日常整理记录）-4-一个简单的自定义tree插件

一.一个简单的自定义tree插件上一篇是之前自定义的table插件,这一篇也是之前同期尝试做的一个tree插件. 话不多说,先看看长什么样子哈! 现在来看确实不好看,以后在优化吧! 数据源:ajax请求的挡板数据 [ {"id":"1","name":"安徽","url":"www.baidu.com","pid":"0"}, {"id…

利用windows.h头文件写一个简单的C语言倒计时

今天写一个简单的倒计时函数代码如下: #include<stdio.h> #include<windows.h> int main() { int i; printf("倒计时\n"); ;i >= ;i--) { printf("%5d\b\b\b\b\b", i); Sleep(); } printf("\n"); }…

toastr.js插件用法

toastr.js插件用法 toastr.js是一个基于jQuery的非阻塞通知的JavaScript库.toastr.js可以设定四种通知模式:成功.出错.警告.提示.提示窗口的位置.动画效果等都可以通过参数来设置,并且可以在官方网站上通过勾选参数来生成JavaScript代码,操作简单,容易上手,推荐使用. https://github.com/CodeSeven/toastr http://www.toastrjs.com 简单调用简单调用toastr.js插件时,以下几步即可. ① …

发布js插件zhen-chek（用来检测数据类型）到npm上

今天想到js本身是弱类型,在实际项目中很多时候需要数据类型检测.于是打算做一个判断数据类型的js插件,发布到npm上面. 基本思路: 1,输入参数,便返回数据类型,所有数据类型如下 '[object String]': 'string', "[object Boolean]": "boolean", "[object Number]": 'number', "[object Null]": 'null', "[obj…

一个简单js select插件

现在,通过一个select插件,来介绍一下js插件的构建过程. 1.先上效果图 2.目录构建 (1)这个select插件,我给它起名交hongselect,所以呢,首先建个hongselect的文件夹. (2)接着建一个src目录来放源码. (3)我想把源代码托管到github上,所以呢,再建一个README.md文件,来写这个插件的一个说明文档. (4)然后建一个.gitignore文件,来说明那些文件或文件夹是不需要加入代码版本管理的. (5)该插件依赖于jQuery,我们要下载它,对于js…