当前搜索:

小广告效果

WEB前端学习交流群21 598399936 Document *{ margin: 0; padding: 0; font-size: 14px; box-sizing:border-box; } body{ background: url(http:/...
阅读(42) 评论(0)

js+h5演示文稿框架

HTML5 Slides Reveal.js Impress.js Deck.js HTML Slide Presentation CSSS Fathom.js DZSlides Jmpress.js HTML Slidy HTML 是全世界最流行的网页编程语言。而HT...
阅读(68) 评论(0)

AngularJS内置指令

一、常见的指令: ng-app 作用:定义了 AngularJS 应用程序的 根元素。 用法: ng-controller 作用:用于AngularJS应用添加控制器。 用法: ng-init 作用:为 AngularJS 应用程序定义了 初始值。 用法: ng-cloak ...
阅读(50) 评论(0)

百度地图的基本使用

代码:                                         function initMap(){                       createMap();//创建地图                       setMapEvent();/...
阅读(48) 评论(0)

JS简单拖拽效果

拖拽 *{margin:0;padding:0;} #box{width:100px;height:100px;background-color: #f00;position:absolute;left:0;top:0;} var box=document.g...
阅读(39) 评论(0)

npm基础使用

npm是javascript的包管理器,能解决NodeJS部署上的很多问题,本文对npm的基本命令做一些记录及介绍。 npm是随node一起安装的,node下载地址。 npm特点: 可以从npm服务器上下载第三方包到本地使用 可以从npm服务器上下载并安装命令行程序到本地使用 ...
阅读(63) 评论(0)

数组操作的几个方法

数组操作的几个方法   一、数组去重 var arr =[1,32,5,435,46,547,658,67,9879,7,7,7,3454,6,54,765,8568,67,9,8,58,6,87,9,6,8,8,8,8,575];         var temp = {};     ...
阅读(50) 评论(0)

简单的扫雷游戏制作

WEB前端学习交流群21 598399936 .box{ position:relative; } .father{ position: relative; } .box div{ width:20px; height:20px; background-...
阅读(52) 评论(0)

js中数组的增删改查

1 slice选取数组的的一部分,并返回一个新数组 点击按钮截取数组下标 1 到 2 的元素。 点我 function myFunction(){ var fruits = ["语文", "数学", &qu...
阅读(49) 评论(0)

原生js三种选项卡效果(轮播)

第三种:定时轮播切换(我这边定时是2s)  选项卡-自动播放效果 *{ margin: 0; padding: 0; list-style: none; } body{ background: #58596B;...
阅读(43) 评论(0)

原生js三种选项卡效果(滑动)

第二种:鼠标移入切换效果实现 选项卡-鼠标移入触发效果 *{ margin: 0; padding: 0; list-style: none; } body{ background: #58596B; display: flex;    justi...
阅读(51) 评论(0)

原生js三种选项卡效果(点击)

第一种:选项卡单击点击切换                                                选项卡-点击触发效果                                                *{               ...
阅读(53) 评论(0)

jq中cookie的基本使用

1、基于jq的cookie插件,那么引入jq是必要的前提。 2、引入对应的cookie插件,即:jquery.cookie.js 3、cooike的读取、清空、设定:      读取:var topVal1= $.cookie('设定的cookie名称');               如...
阅读(47) 评论(0)

js常用正则收集

匹配中文字符: [u4e00-u9fa5]匹配Email地址:w[-w.+]*@([A-Za-z0-9][-A-Za-z0-9]+.)+[A-Za-z]{2,14}/ 去除首尾空白:/(^s*)|(s*$)/g 去除多余空格:/s/g 身份证:d{17}[d|x]|d{15} ip地址...
阅读(47) 评论(0)

前端常用的网站插件

这个列表包含许多种类的资源,所以这里我将它们分组整理。 Javascript 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js— 快速实现全...
阅读(68) 评论(0)

用正则表达式-验证邮箱

国际域名格式如下:域名由各国文字的特定字符集、英文字母、数字及“-”(即连字符或减号)任意组合而成, 但开头及结尾均不能含有“-”,“-”不能连续出现 。 域名中字母不分大小写。域名最长可达60个字节(包括后缀.com、.net、.org等)。 正则匹配表达式:/^\w[a-z]([a-z0...
阅读(80) 评论(0)

canvas--时钟

可以进群领取 WEB前端学习交流群21 598399936         canvas时钟             div {             text-align: center;             margin-top: 15%;     ...
阅读(97) 评论(0)

漂亮的SVG时钟

可以进群领取 WEB前端学习交流群21 598399936         Title     body {         background: #1e2730;         font-family: Arial;     }     svg {   ...
阅读(98) 评论(0)

css实现环绕文字发出光圈

transparent             body {             background: black;         }         /* .div-border {             background: red;            ...
阅读(78) 评论(0)

jsonp实现跨域

原理:利用了src属性都可实现跨域的特点,创建新的script标签,src的值为要进行跨域访问的地址,这样就可以执行不同域的js代码了,这里在src进行赋值的时候传一个callback的函数名到服务器,服务器就会根据所传的callback名字执行该函数,并且将数据作为参数传入该函数。 实...
阅读(48) 评论(0)
    个人资料
    等级:
    访问量: 1万+
    积分: 288
    排名: 27万+
    文章分类
    文章存档
    最新评论