js自带animate

原生js仿jquery--animate效果

效果代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动画</title> <style> *{margin:0;padding:0;} .box{width: 400px;height: 300px;background: #000;margin:40px auto;color: #f

npm 是node.js下带的一个包管理工具 npm install -g webpack webpack是一个打包工具 gulp是一个基于流的构建工具,相对其他构件工具来说,更简洁更高效 npm install -g gulp //全局安装 npm install --save-dev gulp //安装到当前项目并在package.json中添加依赖cnpm install -g -vue-cli 安装脚手架 webpack是模块化管理的工具,使用webpack可实现模块按

Asp.Net实现JS前台带箭头的流程图方法总结！（个人笔记，信息不全）

Asp.Net实现JS前台带箭头的流程图方法总结!(持续更新中) 一.返回前台json格式 json5 = "[{\"Id\":2259,\"Name\":\"高中\"},{\"Id\":2259,\"tName\":\"初中\"},{"Id":2259,"Name":"小学"}]";

js自带的对数组中的操作

这篇是我自己总结的,是我自己平常使用的不是很多的数组方法,而且都是js自带的,像大家经常使用的push.pop方法就没写里面.废话不多说,直接看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>测试数组一些常用的方法</h1> <o

js生成带log的二维码(qrcodejs)

github: qrcodejs cdn: http://static.runoob.com/assets/qrcode/qrcode.min.js #qrcode #qrcode margin: 20px // 生成二维码图片 let tmp = document.createElement('div'); let qrcode = new QRCode(tmp, { text: "https://cn.vuejs.org/v2/guide/", width: 128, height

【笔记】Asp.Net WebApi对js POST带参数跨域请求的支持方案

先说下需求:在原来的WebApi项目中增加对js跨域的请求支持,请求方式:以POST为主,webapi路由规则根据原项目需求修改如下: public static void Register(HttpConfiguration config) { // Web API configuration and services // Web API routes config.MapHttpAttributeRoutes(); config.Routes.MapHttpRoute( name: "De

js生成带参的二维码

最近项目中有需求生成带参的二维码,考虑过用JAVA后台生成返回前端展示,后面了解到用jquery的qrcode.js插件可以很好现实引入js: require.config({ baseUrl : "/", paths: { jquery:'plugin/jquery/jquery-3.1.0.min', qrcode:'plugin/qrcode/qrcode' } }); require( [ 'jquery', 'qrcode' ], function($){ xxxx.. }

js获取带#号链接后的参数

现在许多的主流网站都将'#'大规模用于重要URL中,我们通过正则表达式和window.location.search获取参数已经行不通了. 一.'#'号是什么 1.#代表网页中的一个位置.其后面的字符,就是该位置的标识符. 2.#是用来指导浏览器动作的,对服务器端完全无用.所以,HTTP请求中不包括#. 3.在第一个#后面出现的任何字符,都会被浏览器解读为位置标识符.这意味着,这些字符都不会被发送到服务器端. 4.单单改变#后的部分,浏览器只会滚动到相应位置,不会重新加载网页. 5.每一次改变#

如何用js自己实现Animate运动函数

js运动是我们学习js必不可少的研究部分,首先我们要知道js的运动其实仅仅是不断改变元素的某个属性值而已,比如不断改变一个绝对定位div的left值,那么你看到的效果就是这个div不断的向右边运动,那么运动的原理就是这样. 我们知道从a这一点到b这一点我们的运动方式有很多, 1.比如匀速运动到这一点 2.比如先快后慢, 3.必须先慢后快等等所以我们的运动算法也有很多,那么下面我就图解一下如何写我们自己的运动算法先看匀速算法于是我们可以用js写出这段代码 /** 运动算法 * t:动画已经消

jQuery-qrcode.js 生成带Logo 的二维码

引入文件 jQuery-qrcode.js 地址:https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.js https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.min.js 1.在页面上写img 标签 src 为 Logo 路径, 如不需要显示则隐藏..如 : <img src="~/images/Logo.png" class=

[JS基础] 带你深入了解JS原型

简介下面这张图大家应该很很熟悉了,各位大佬讲原型及原型链的时候是大部分都会用到下面这张图片的我想以自己的方式来讲述一遍,一是帮助我自己更好的复习,二是希望能够帮助到想要复习或者学习原型的同学在讲解之前,我先讲点基础概念 JS对象中他有一个内置原型[[prototype]],这个原型就是隐式原型__proto__,而构造函数因为其本身就是一个对象,所以它有一个隐式原型,但是构造函数又是一个函数,所以他有一个特殊的属性显式原型prototype,大家也可以看到constructor这个属性,

JS实现带复选框的下拉菜单

这段时间在做后台的时候需要一个可以复选的下拉菜单,用到的是easyUI中的combo的Demo,先看看官方easyUI:http://www.jeasyui.com/documentation/index.php# ----------------------------------------------------------------------------------------------------------------------------------------------

带节日和农历的js日历带农历的脚本：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>带农历的日历</TITLE> <SCRIPT language="JavaScript"> <!-- var lunarInfo=new Array(0x04bd8,0x04ae0

自制 JS.format带分页索引

//第一参数是:Json对象,第二个是序号第三个页数第四当前页数String.prototype.format = function (args, sid, pagesize, currentpage) { if (arguments.length > 0) { var result = this; if (arguments.length == 1 && typeof (args) == "objec

js获取url中的参数对象、js生成带参数的url

// 获取url中的参数,并返回一个对象 $.getRequestData = function() { var url = location.search; //获取url中"?"符后的字串 var theRequest = {}; if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for (var i = 0; i < st

JS弹窗带遮蔽的功能

很不错的JS原生自定义弹窗,很实用! function myAlert(str,click,useCancel){ var overflow=""; var $hidder=null; var clickHandler=click||$.noop; var myClickHandler=function(){ $hidder.remove(); $("body").css("overflow",overflow); clickHandler($(

js生成带logo的二维码

作为一名java程序员,一直以来都是使用服务端生成二维码,最近接触前端的设计,感觉二维码这块如果放到前端去生成,一方面可以减轻服务端的压力,访问带宽,另一方面,前端页面控制比较顺畅闲话少叙,说下我的思路,先使用jquery.qrcode.js生成一个二维码(关于中文问题接下来讨论),由于此插件本身不支持带自定义logo的,所以差强人意吧,但是已经为我们省去不少工作,接下来的工作我们自己搞简述下思路先页面上准备一个logo图的img标签用插件生成一个二维码,(canvas标签) 通过画笔将

js 格式化带时区的日期

/** * 格式化带时区的日期 */ function formatDate(date) { var arr = date.split("T"); var d = arr[0]; var darr = d.split('-'); var t = arr[1]; var tarr = t.split('.000'); var marr = tarr[0].split(':'); var dd = parseInt(darr[0]) + "/" + parseInt(d

在vue.js 中使用animate.css库

main.js文件引入后,在vue文件里直接添加class animated bounceInUp

ThinkPHP模板中JS等带花括号处会被解析错误的解决办法

如下图,当本人在ThinkPHP框架的模板中写jQuery代码的时候,写了一些注释,并且注重是斜线和换括号{是连着一起的,这层语法上来时是没问题的,但是在ThinkPHP 的模板引擎解析下,会被解析掉,从而破坏了JS的语法处理办法: 只要将大括号{和注释号//用空格分开即可,就不会被解析了. 这是因为这个格式正好符合了某个标签的格式而被当做标签解析掉了!

js函数带括号和不带括号赋给对象属性的区别

注意: 1.js为对象添加函数时,不要在函数后面加().一旦加了括号是表示将函数的返回值赋给对象的属性. 例:function test(){ document.writeln("我是js函数") } var obj = new Object(); obj.info=new function(){//给对象属性添加方法 } obj.info=test;//将一个已有的函数添加给对象属性<ajax连接的回调函数就是这么写,注意不需要括号> 2.在同个<script&g

js自带animate

热门专题